Photoshop Training Class - Web Graphics
10:00 am to 5:00 pm
In this Photoshop training class for web graphics you'll discover how to quickly and easily create images for the Web, HTML email, and mobile use. This class covers file formats, image optimization, and creating effective web graphics with impact.
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