Coronavirus (COVID-19) information: All courses at all locations are available as live online classes. Limited in-person classes in some locations. Our offices remain open. Learn more.


Photoshop Training Class - Web Graphics

Photoshop Training Class - Web Graphics

Photoshop for Web Graphics Class Length: 1 day

This class is for anyone who wants to create graphics to use online. 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. 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 training class includes coverage of new features added in the most recent version of Photoshop CC.

This Web Graphics training class is available as a regularly scheduled class at AGI’s classroom location, as a private or custom Web Graphics class at your location, or as an online class.

The Web Graphics training class 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 Photoshop Web Graphics course is available as a private workshop for groups, companies and organizations. 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 Training Class - Web Graphics Course Dates

All classes are led by a live instructor. Class times listed are Eastern time.


Please call 800-851-9237 or 781-376-6044 to schedule a course.

Contact AGI to request course dates.

Adobe Photoshop Training Class for Web Graphics: Course Topics

Module 1: Basics of Web Page Design

  • Designing web pages with Photoshop
  • Important tips for naming files
  • Image size

Module 2: Image File Size

  • Photoshop resize wizard
  • Manually resize
  • Fit image
  • Building a resize action

Module 3: Web File Formats

  • Overview of file formats: 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

  • Zooming
  • Guides & grids
  • Taking advantage of the Info panel
  • Using the transform features

Module 8: Color on the web

  • 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 on the web

  • Overview of text on the web
  • Anti-aliasing
  • Layer styles for type
  • Saving styles
  • Converting text to vector

Module 10: Selection tools

  • 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

  • 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

  • Creating masks
  • Painting and editing masks

Module 13: Actions

  • Saving tasks
  • Building a droplet
  • Saving optimization settings
  • Creating droplets from settings

Module 14: Filters that improve your web imagery

  • Using Smart filters
  • Unsharp mask

Module 15: Slicing in 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

  • Layer styles
  • Using layer styles
  • Creating and saving custom layer styles

Module 17: Creating animations

  • 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

  • Tool-based imagemap
  • Layer-based imagemap


Adobe Photoshop Training Class for Web Graphics: Prerequisites

We recommend that you have the Adobe Photoshop software before starting the 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.

Adobe Photoshop Training Class for Web Graphics: Course Materials

You will receive a comprehensive course manual for this 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.

Related Certificate Programs: 
Web Design Certificate

Available Delivery Methods For This Class