Photoshop Advanced Web (1 Day)

Course Description

This 1-day course provides a focused overview for experienced users who wish to further their effectiveness on Photoshop for web. This class is aimed at the Photoshop professional who needs to work with precision selections, artboards, CSS generation, and batch processing more effectively. This course is an ideal combination of instructor-led demonstration and hands-on practice.

Who Should Attend

Web and UI designers who use Photoshop to create and export graphics for the web.

Prerequisites:

Practical working knowledge of computers and basic Mac OS X or Windows skills.
Photoshop Fundamentals: An Introduction to Photoshop class or equivalent experience is recommended.

Course Outline:

Note: The curricula below comprise activities typically covered in a class at this skill level. The instructor may, at his/her discretion, adjust the lesson plan to meet the needs of the class.

Lesson 1: Precision Selections, Masking & Smart Objects

Advanced selection tools (Color Range, Focus Area, Channels)
Quick Mask Mode, Pen Tool vector paths, and the Select & Mask workspace
Working with Raster Masks, Vector Masks, and Layer Masks
Non-destructive design with Smart Objects and Smart Filters

Lesson 2: UI Design, Artboards & Layer Comps

Creating, managing, and organizing Artboards for multi-screen responsive design
Utilizing grids, guides, and alignment tools for layout precision
Creating, editing, and managing Layer Comps for design variations
Exporting Layer Comps to files and multi-page PDFs

Lesson 3: CSS Generation, Assets & Exporting

Extracting CSS code directly from shape, text, and layer styles
Asset Generation settings for automatic real-time asset slicing
Exporting multi-resolution assets using the Export As dialog
Optimizing graphics for web performance (SVG, PNG, WebP, JPEG)

Lesson 4: Automation & Batch Processing

Creating, editing, and organizing Photoshop Actions
Automating web asset production with the Batch command and Image Processor
Utilizing Photoshop Scripts for advanced workflow automation