Lynda.COM Photoshop CS5 for the Web

Author:
Jan Kabili

Duration:
05h 59m

Released on:
7/13/2010

Exercise files:
Yes

Software works on:
Windows only



In Photoshop CS5 for the Web, author Jan Kabili shows a wide range of optimal uses for Photoshop in the web graphics workflow. This course shows the most efficient ways to optimize images so that they maintain quality and download quickly in a browser, the why and the how of image slicing, and practical techniques for designing web page layouts, page backgrounds, navigation bars, and buttons in Photoshop. Exercise files are included with the course.
Topics include:

    Customizing a web workspace
    Coloring web graphics
    Optimizing images as JPEG, GIF, or PNG files
    Creating background graphics for sites
    Working with transparency
    Building navigation bars, buttons, and rollover graphics
    Designing web page mock-ups
    Adding animation
    Automating web-related tasks in Photoshop
    Integrating with the rest of the Adobe Creative Suite



Introduction
Welcome           01m 23s
Using the exercise files           00m 53s

1. Customizing Photoshop for Web Work
Customizing a web workspace           05m 52s
Creating web shortcuts           05m 41s
Setting preferences for the web           04m 24s
Color managing web images           08m 02s

2. Working with Color
The decline of web-safe color           01m 43s
Selecting color in the Color Picker           04m 54s
Other color selection methods           05m 19s
Working with custom swatches           06m 49s
Choosing color themes with Kuler           01m 51s
Recoloring a web graphic           04m 51s
Copying color as hex value and HTML           02m 12s

3. Optimizing Images for the Web
Touring the Save for Web window           06m 46s
Understanding file types           06m 14s
Optimizing photos as JPEGs           10m 37s
Optimizing graphics as GIFs           09m 11s
Locking GIF colors           04m 52s
Optimizing graphics as PNGs           06m 53s
Adding copyright information           05m 55s

4. Making Web Backgrounds
Design considerations for web backgrounds           03m 53s
Optimizing a background graphic           06m 27s
Making a vertical/horizontal background graphic           06m 49s
Building a seamless background graphic           04m 33s
Creating a full-screen background image           05m 00s

5. Optimizing Transparent Graphics
Understanding web graphic transparency           04m 13s
Working with transparent graphics on a solid background           05m 05s
Working with transparent graphics on a patterned background           04m 44s
Working with transparent graphics with shadows           04m 18s
Starting with a non-transparent graphic           03m 03s
Simulating transparency in a JPEG           06m 34s

6. Creating Navigation Graphics
Building a navigation bar           07m 45s
Creating web buttons with layer styles           04m 21s
Creating web buttons as Smart Objects           04m 34s
Creating web icons from custom shapes           05m 10s

7. Web Photo Preparation Workflow
Understanding the web photo workflow           07m 52s
Resizing a copy for the web           06m 56s
Sharpening output for the web           07m 44s

8. Mocking Up a Web Page
Determining page size           02m 46s
Creating a new file from scratch           04m 43s
Laying out a page structure           05m 06s

9. Slicing
Understanding slicing           03m 08s
Making user slices           05m 40s
Making layer-based slices           06m 02s
Optimizing and saving slices           09m 37s

10. Making Rollover Graphics
Understanding rollovers           02m 11s
Creating rollover graphics from styles and layer comps           07m 08s
Optimizing rollover graphics           06m 44s
Installing the lynda.com rollover script           02m 46s
Using the lynda.com rollover script           04m 44s
Creating rollover graphics from layers and layer comps           06m 29s

11. Animating
Creating frame-by-frame animation from layers           07m 20s
Tweening layer opacity           04m 55s
Tweening layer position and styles           03m 48s
Building simple animated GIF slideshows           04m 30s

12. Automating
Speeding image prep with the Image Processor           08m 58s
Making a gallery of online images           06m 37s
Using Zoomify to put high-res images online           04m 23s
Using datasets and variables with web graphics           10m 21s
Importing dataset values from a spreadsheet           04m 54s

13. Integrating with Other CS5 Applications
Integrating with Dreamweaver: Smart Objects           09m 40s
Integrating with Dreamweaver: Copy/Paste           03m 48s
Integrating with Fireworks           05m 44s
Integrating with Illustrator           06m 09s
Integrating with Flash           07m 26s

Conclusion
Goodbye           00m 29s