Photoshop Advanced Web (1 Day)

Course Outline

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