Learn more about classes in Boston

AGI Training Boston
8 Cabot Rd
Woburn, MA
01801
US
(781) 376-6044
Graphic Design Courses, Web Design Classes, Adobe Training, Photoshop Classes, InDesign Courses, HTML Classes, UX Classes, Creative Cloud Classes, Illustrator Classes, and Apple Training in Boston.

Instructor and student working at a computer at the American Graphics Institute Boston location in Woburn

 


View Larger Map

All Photoshop classes include

free retakes of courses Free retake

Curriculum provided Detailed curriculum

Live instructor Live instructor

flexible rescheduling Flexible rescheduling

flexible rescheduling Certificate of Completion

small class Small class sizes

course recording Course recording

Photoshop class for web design & web graphics Boston July 6, 2026

Photoshop class for web design & web graphics

Mon, Jul 06 2026
10:00 am to 5:00 pm
AGI Training Boston

$495.00

Register
See other dates for this Photoshop class for web design & web graphics Course

In this one-day Photoshop class for web design, discover how to quickly and easily create images for use on the web, social media, and HTML email. This Photoshop course covers image optimization and creating effective web graphics with impact. You can attend this Photoshop class as a stand-alone course or start with the introductory Photoshop course to gain a comprehensive set of image editing skills. This class is essential for all web designers.

Download Course Description (PDF)

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 the 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

 

See all Photoshop classes, See all Web design classes, See all Photoshop for Beginners Classes, See all Graphic design and video editing courses
Register
See other dates for this Photoshop class for web design & web graphics Course

Why Photoshop classes at AGI are the best option for you

  • Hands-on learning: Learn Photoshop quickly with our proven teaching methods.
  • Exceptional curriculum: AGI has delivered Photoshop training to thousands over 25 years.
  • Expert instructors: Our instructors are Photoshop experts and skilled educators.
  • Small class sizes: Receive personalized attention with 10 or fewer participants per class.
  • Repeat for Free: If you need a refresher or miss a class day, retake the Photoshop class at no cost.