• A
• B
• C
• D
• E
• F
• G
• H
• I
• J
• K
• L
• M
• N
• O
• P
• Q
• R
• S
• T
• U
• V
• W
• X
• Y
• Z

Photoshop CS4 offers designers a rich assortment of editing tools with which to create compelling imagery for the web. Photoshop CS4 for the Web covers a wide range of uses for Photoshop in the web graphics workflow. Instructor Jan Kabili explains how to optimize graphics and photographs so they download quickly in a web browser. She covers the why and how of image slicing, and demonstrates practical techniques for designing layouts, backgrounds, navigation bars, and buttons in Photoshop. Download the free Layer Comps to Slices script from the Exercise Files tab.

Course Photoshop CS4 for the Web Author Jan Kabili SKU ISBN Release Date 2009-02-20 Duration 6.53 hrs / 73 tutorials Work files Yes Price $ 49.95 Retail price $ 99.95 Language Tags Photoshop, CS4 Required software Adobe Photoshop CS4

Introduction Welcome 01:18 What you'll learn in this course 02:58 Using the exercise files 00:48 1. The Interface Looking over the interface 07:31 Working with tabbed documents 07:50 Customizing panels 06:29 Customizing web shortcuts 07:45 Saving a custom web workspace 06:08 2. Preparation Setting preferences for the web 03:38 Choosing color settings for the web 09:31 3. Working with Color The decline of web-safe color 01:48 Choosing color with the Color Picker 04:44 Sampling color with the Eyedropper tool 05:24 Choosing color with the Swatches panel 06:49 Making a custom color swatch 05:51 Recoloring web graphics 04:08 Copying color as HTML 01:36 4. Optimizing Images for the Web Touring the Save for Web interface 06:45 Optimizing photos as JPEGs 09:22 Adding metadata 04:46 Optimizing graphics as GIFs 06:08 Locking GIF colors 04:15 Optimizing graphics as PNGs 03:55 5. Making Web Backgrounds Designing web backgrounds 02:37 Optimizing a tiling background 05:21 Building symmetrical background 07:57 Building a striped background 05:08 Using a full-screen background 06:48 6. Optimizing Transparent Graphics Understanding transparency 05:01 Optimizing transparent graphics for solid backgrounds 05:46 Optimizing transparent graphics for patterned backgrounds 04:41 Optimizing transparent graphics with shadows and glows 05:11 Starting with a non-transparent graphic 03:04 Simulating transparency for JPEGs 05:18 7. Creating Navigation Graphics Building a simple navigation bar 08:31 Building a simple button with layer styles 04:40 Creating a navigation bar with Smart Object buttons 06:54 Creating a navigation bar with custom shape icons 09:29

Building a gel button 07:07 8. Preparing Photographs for the Web Following a web photo workflow 06:31 Resizing a copy for the web 05:35 Sharpening for the web 06:26 9. Laying Out Page Comps Starting a new file from scratch 06:01 Storyboarding 04:52 Adding images 07:00 10. Slicing Why slice? 03:12 Creating user slices 05:53 Creating layer-based slices 06:12 Adding slice options 04:21 Optimizing and saving slices 08:49 11. Making Graphics for Rollovers Understanding Photoshop and rollovers 01:56 Creating rollover graphics with layer comps 05:53 Optimizing rollover graphics 07:13 Installing the lynda.com rollover script 02:43 Exporting rollover graphics 04:29 Making rollover graphics from layer visibility 06:42 12. Animating Creating animations from layer visibility 11:27 Tweening with opacity 05:35 Tweening with position and layer effects 04:54 Optimizing transparent animated GIFs 05:31 Creating simple animated slideshows 07:51 13. Automating Using the Image Processor 07:12 Creating a web gallery in Bridge 09:00 Displaying high-resolution web images with Zoomify 04:59 Creating graphic variations with variables 10:22 Importing values for graphic variations 04:48 14. Integrating with Other CS4 Applications Dreamweaver Smart Object integration 09:52 Dreamweaver Copy/Paste integration 05:03 Fireworks integration 07:05 Exporting from Illustrator to Photoshop 02:50 Illustrator vector Smart Object integration 04:37 Flash integration 05:12 Conclusion Goodbye 00:20