Photoshop class for web design & web graphics

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