see dates for this class contact us about this class

Photoshop Training Class - Web Graphics

Photoshop for Web Graphics Class Length: 1 day

This class is for designers who want graphics to create web pages with impactful web graphics. In this one-day class you discover the steps to creating web graphics using Adobe Photoshop. Learn about file formats, color tables, animations and the creation of interesting special effects such as rollovers and tweening. Instructed by an Adobe Certified Expert and Adobe Certified Instructor for Photoshop. This training class includes coverage of new features added in Photoshop CS6.

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.

This Web Graphics training class is delivered by the instructors who write the Digital Classroom series of books, so you learn from Photoshop experts and instructors when you take a training class with AGI.

Photoshop Training Class - Web Graphics Course Dates

Datesort descending Location Price Register
Jun 7 2013 - 9:30am to 4:30pm
AGI Training Boston $395

Register

Jun 7 2013 - 9:30am to 4:30pm
AGI Training New York City $395

Register

Jun 7 2013 - 9:30am to 4:30pm
AGI Training Philadelphia $395

Register

Aug 2 2013 - 9:30am to 4:30pm
AGI Training Philadelphia $395

Register

Aug 2 2013 - 9:30am to 4:30pm
AGI Training New York City $395

Register

Aug 2 2013 - 9:30am to 4:30pm
AGI Training Boston $395

Register

Aug 2 2013 - 9:30am to 4:30pm
Online Training $395

Register

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 web site.

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.

AVAILABLE DELIVERY METHODS FOR THIS CLASS

Classroom Training Icon Live Online Icon Private Training Icon My Location Icon On-Demand Training Icon
CLASSROOM LIVE ONLINE PRIVATE MY LOCATION ON-DEMAND

 

AGI's team of experienced instructors are led by the design and usability expert and best-selling author of more than 20 books including Creative Cloud for Dummies, Creative Suite for Dummies, and Photoshop Digital Classroom. Classes are led by experienced professionals who have extensive professional and training experience.