Coronavirus (COVID-19) information: Live classes available in-person or online from our fully vaccinated instructors. Learn more about our reopening.

×

Photoshop Class for Web Design in Boston on March 25, 2022 Web Graphics

Photoshop Class for Web Design & Web Graphics

Fri, Mar 25 2022
10:00 am to 5:00 pm
American Graphics Institute American Graphics Institute
AGI Training Boston
American Graphics Institute AGI Training Boston
120 Presidential Way
Woburn MA 01801

2013-02-02 17:46:36 $495.00

In this Photoshop class for web design, discover how to quickly and easily create images for use in web designs, on 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 an essential for all web designers.

Download Course Description (PDF)     See all Photoshop Classes, See all Web Design Classes, See all Photoshop for Beginners Classes

Adobe Photoshop Class for Web Design: Course Topics

Module 1: Basics of Web Page Design using Photoshop

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

Module 2: Image File Size in web design

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

  • 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: 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 web designs

  • 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 design in Photoshop

  • Creating masks
  • Painting and editing masks

Module 13: Photoshop Actions for web design

  • 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 web graphics and online images 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 for web designs and online images

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

Module 17: Creating animations in web design using Photoshop

  • 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