
Reviews of our Photoshop Class for Web Design & Web Graphics
Photoshop Class for Web Design & Web Graphics - Introduction rating: 5 stars from 266 reviewers
"Kevin was great about applying the course to what I needed to know about Photoshop. Each lesson was beneficial to me and was clearly taught. He is clearly very knowledgeable when it comes to design and Photoshop. The class went by quickly but I did not feel overwhelmed with material. I am glad that is was hands on because it was helpful to practice each lesson as we covered new material." - Heather S
See all reviews for Photoshop ClassesAll Photoshop classes include
Free retakes
Detailed curriculum
Live instructor
Flexible rescheduling
Certificate of Completion
Photoshop Class for Web Design & Web Graphics

Photoshop Class for Web Design & Web Graphics
Photoshop Class for Web Design, Social Media, and Email - Course Length: 1 day
This Photoshop class for web design is for anyone who wants to create graphics to use online including in web designs, social media, or as a part of HTML email. This course is more specialized than our other Photoshop classes, and in one-day class you will discover the steps to creating web graphics using Adobe Photoshop that can be incorprated into web designs. Learn about ways to optimize images for use online, how to create animations, create special effects, which file formats to use, and how to maintain color fidelity. Instructed by an Adobe Certified Expert and Adobe Certified Instructor for Photoshop, this Photoshop class is focused on optimizing and creating images for use online. This training class includes coverage of new features added in the most recent version of Photoshop CC.
The Photoshop Class for web design is available as a regularly scheduled class at AGI’s classroom location, as a private or custom Photoshop web design class at your location, or as an online class. The course is delivered by the instructors who write the Photoshop Digital Classroom series of books, so you learn from Photoshop experts and instructors when you take a training class with AGI.
This web design Photoshop course is also available as a private workshop for groups, companies and organizations which can work on your specific digital marketing, website, or social media projects. For more information, call 781-376-6044 to speak with a training consultant, or use our Photoshop training contact form.
This course is available individually or as part of these certificate programs:
Photoshop Class for Web Design & Web Graphics - Course Dates
All classes are led by a live instructor. Class times listed are Eastern time.
Photoshop Class for Web Design & Web Graphics
Weekdays
Fri, Jun 16 2023 to Fri, Jun 16 2023
10:00 am to 5:00 pm
Photoshop Class for Web Design & Web Graphics
Weekdays
Fri, Aug 25 2023 to Fri, Aug 25 2023
10:00 am to 5:00 pm
Photoshop Class for Web Design & Web Graphics
Weekdays
Fri, Oct 20 2023 to Fri, Oct 20 2023
10:00 am to 5:00 pm
Photoshop Class for Web, Social Media, and Email: Course Topics
Module 1: Overview of Photoshop for web, social media, and email
- Understanding when to use Photoshop
- Types of work where Photoshop is useful
- Overview of Photoshop tools used for online images
Module 2: Image file size for online images
- Photoshop resize wizard
- Manually resize
- Fit image
- Building a resize action
Module 3: Online file formats for images used online
- Understanding file formats used online: JPG, GIF, PNG
Module 4: The JPEG format
- Saving a JPG
- Using the matting feature for JPEG
Module 5: The GIF format
- General information about GIFs
- Exporting a GIF
- Lossy
- Color reduction algorithm
- Dithering
- Matting
- Transparency
- Interlaced
- Web Snap
- Modifying the color table
- Locking colors in the color table
- Saving Custom color tables
Module 6: The PNG Format
- PNG-8 vs PNG-24
- Transparency
Module 7: Photoshop production tips for web and online image use
- Zooming
- Guides & grids
- Taking advantage of the Info panel
- Using the transform features
Module 8: Color in web design and online images
- Hexadecimal system
- Color picker for HTML
- Converting Pantone colors for web use
- Using Color panel for Hexadecimal colors
- Using Color Picker
- Using and creating custom swatches
- Locking colors in the color table
Module 9: Using type with web and social media using Photoshop
- Overview of text on the web
- Anti-aliasing
- Layer styles for type
- Saving styles
- Converting text to vector
Module 10: Understanding Photoshop selection tools for web design
- Marquee tool
- Selection tips and tricks
- Feathering
- Lasso
- Polygon Lasso tool
- Magic Wand
- Magic Eraser
- Using the Refine Edge feature
Module 11: Taking advantage of layers when creating images for online use
- Aligning and distributing layers
- Moving layers to other documents
- Layer sets
- Using Adjustment layers to change color
- Building a background
- Creating a pattern
Module 12: Layer masks for web and social media using Photoshop
- Creating masks
- Painting and editing masks
Module 13: Photoshop Actions for web and social media with Photoshop
- Saving tasks
- Building a droplet
- Saving optimization settings
- Creating droplets from settings
Module 14: Filters that improve your online images
- Using Smart filters
- Unsharp mask
Module 15: Slicing web graphics and online images using Adobe Photoshop
- Using the Slice panel
- Creating slices with guides
- Creating slices with the Slice tool
- Managing slices
- Saving slice selections
- Alt tags
- Updating XHTML files
- Exporting slices as CSS
- Export options for CSS
- Customizing code generated from Photoshop
Module 16: Creating special effects for web designs and online images
- Layer styles
- Using layer styles
- Creating and saving custom layer styles
Module 17: Creating animations using Photoshop for web and social media
- Frame-based animation
- Timeline-based animation
- Using layers in animations
- Importing images as frames
- Optimizing an animation
- Animation frame shortcuts
- Timeline-based animation
Module 18: Creating imagemaps using Photoshop
- Tool-based imagemap
- Layer-based imagemap
Adobe Photoshop Class for Web Design: Prerequisites
We recommend that you have the Adobe Photoshop software before starting this Photoshop class for web design. If attending in our classrooms, the software is provided, and if attending a live online class you can purchase the software or obtain a trial version of it from the Adobe website. Basic knowledge of Photoshop is helpful, but is not required for this course.
Adobe Photoshop Class for Web Design: Course Materials
You will receive a comprehensive course manual for this Photoshop class developed by the Adobe Certified Instructors at AGI. AGI instructors that have created many of the official Photoshop training guides and books for Adobe Systems.
See all web design courses available online or in-person.