lynda.com » lynda.com library » Adobe » Photoshop CS2 for the Web Essential Training

Bruce Heavin

Photoshop CS2 for the Web Essential Training

with Tanya Staples

Adobe Photoshop CS2 for the web Essential Training with Tanya Staples teaches beginning to intermediate-level users how to design Web graphics in Adobe Photoshop CS2. The training covers designing effective navigation, optimizing images for the Web, creating background images, working with transparent images, slicing images, creating rollovers, creating image maps, designing animations, exporting images to Macromedia Flash, and much more. Integration with other applications, such as Adobe GoLive, Macromedia Dreamweaver, and Macromedia Flash, is also covered. Sample files are included so you can work along with Tanya as she instructs.

Topics include:

Optimization Color Navigation Animated GIFs Exporting to the Macromedia Flash Format Rollovers Slicing Background Images Image Maps Integration with GoLive Integration with Dreamweaver Automation Data Sets

show more show less

author: Tanya Staples
subject: Web, Web Graphics, Prototyping, Web Design
software: Photoshop CS2
level: Beginner

duration: 11h 8m
released: May 27, 2005

Share this course

Learn more about lynda.com

Ready to join? get started

Members who watched this also viewed

WordPress Essential Training

Muse Essential Training

Photoshop CS6 Essential Training

PHP with MySQL Essential Training (2007)

InDesign CS6 Essential Training

Premiere Pro CS6 Essential Training

JavaScript Essential Training

Illustrator CS6 Essential Training

InDesign CS5 Essential Training

HTML Essential Training

expand all | collapse all

viewed duration

1. Understanding the Interface 37m 59s

Interface Overview 8m 11s

Customizing Palette Locations 7m 1s

Saving Custom Palette Locations 5m 9s

Customizing Keyboard Shortcuts 7m 17s

Customizing Menus 6m 56s

Saving Custom Workspaces 3m 25s

2. Organizing Assets 35m 10s

Using the Welcome Screen 1m 44s

Understanding the Bridge Interface 9m 23s

Organizing Assets 9m 3s

Rating and Labeling Images 7m 21s

Keywording and Searching Images 7m 39s

3. Working with Color 30m 50s

The Decline of Web Safe Color 3m 5s

Choosing Color 8m 0s

Using Swatches 5m 4s

Creating Custom Swatches 6m 54s

Recoloring Images 5m 51s

Copying Color as HTML 1m 56s

4. Working with Layers 1h 10m

Understanding the Benefits of Layers 3m 24s

Creating and Renaming Layers 6m 9s

Reordering, Flipping, and Moving Layers 6m 53s

Adjusting Blending Mode, Fill, and Opacity 5m 23s

Moving and Aligning Layers 7m 54s

Linking Layers 2m 18s

Using Layer Groups 7m 32s

Using Layer Comps 5m 5s

Using Layer Comps for Web Pages 5m 57s

Using Adjustment Layers 4m 26s

Using Fill Layers 2m 26s

Using Layer Styles 6m 47s

Using Clipping Masks 1m 33s

Merging and Flattening Layers 4m 35s

5. Creating Type 34m 49s

Understanding Vector-Based Type 4m 23s

Creating Character Type 8m 33s

Creating Paragraph Type 7m 52s

Checking Spelling 1m 47s

Finding and Replacing 1m 32s

Warping Type 3m 33s

Creating Type on a Path 5m 42s

Rasterizing Type 1m 27s

6. Optimizing Images 40m 46s

Understanding Web File Formats 2m 4s

Optimizing JPEGs 7m 11s

Selective JPEG Optimization with Alpha Channels 4m 24s

Optimizing GIFs 6m 56s

Locking Colors with GIF Optimization 2m 33s

Selective GIF Optimization with Alpha Channels 5m 19s

Previewing Images in a Web Browser 3m 5s

Optimizing JPEGs in ImageReady CS2 5m 2s

Optimizing GIFs in ImageReady CS2 4m 12s

7. Creating Web Backgrounds 24m 40s

Understanding Web Backgrounds 3m 30s

Defining and Previewing Web Backgrounds 1m 40s

Optimizing and Saving Web Backgrounds 2m 54s

Creating Symmetrical Web Backgrounds 4m 9s

Creating Seamless Web Backgrounds from Photographs 4m 12s

Creating Full-Screen Backgrounds 3m 58s

Using Directional Tiles 2m 1s

Defining Web Backgrounds in Photoshop CS2 2m 16s

8. Creating Navigation 59m 20s

Creating a Horizontal Navigation Bar 6m 32s

Creating Elliptical Buttons 4m 21s

Editing Multiple Buttons with Smart Objects 6m 47s

Creating Pill-Shaped Buttons 5m 5s

Creating Rounded Rectangular Buttons 6m 41s

Creating 3-Dimensional Buttons 5m 46s

Creating a Tabbed Navigation Bar 14m 29s

Creating a Navigation Bar with Icons 9m 39s

9. Optimizing Transparent Graphics 20m 6s

Optimizing and Saving Transparent GIFs 8m 31s

Optimizing Transparent GIFs in Photoshop CS2 3m 36s

Creating Transparent GIFs from Non-Transparent Images 4m 20s

Simulating Transparency with JPEGs 3m 39s

10. Creating Animations 26m 58s

Creating Animations from Layer Visibility 4m 50s

Tweening with Opacity 4m 2s

Tweening with Position and Layer Styles 3m 20s

Optimizing and Saving Animated GIFs 5m 48s

Optimizing Transparent Animated GIFs 4m 28s

Creating an Animated Slide Show 4m 30s

11. Creating SWF Files for the Web 20m 50s

Creating SWF Files for the Web 8m 1s

Creating SWF Animations for the Web 12m 49s

12. Slicing 43m 11s

Creating User Slices 6m 36s

Creating Layer-Based Slices 5m 19s

Renaming Slices 5m 56s

Optimizing and Saving Slices 10m 1s

Assigning Alt Text, Status Bar Messages, and URLs to Slices 7m 17s

Using Slice Sets 8m 2s

13. Creating Rollovers 56m 5s

Using Preset Rollover Styles 6m 4s

Optimizing and Saving Rollovers 5m 19s

Creating and Saving Rollover Styles 5m 18s

Creating Rollovers from Layer Visibility 5m 0s

Creating Rollovers with Type 8m 37s

Creating Remote Rollovers 6m 51s

Creating Remote Selected States 8m 26s

Creating Animated Rollovers 10m 30s

14. Creating Image Maps 23m 52s

Using the Image Map Tools 5m 49s

Creating Layer-Based Image Maps 5m 16s

Renaming, Optimizing, and Saving Image Maps 5m 47s

Assigning URLs 2m 32s

Creating Image Map-Based Rollovers 4m 28s

15. Creating Web Photo Galleries 19m 2s

Creating Web Photo Galleries 4m 14s

Customizing Web Photo Galleries 10m 17s

Creating Collaborative Web Photo Galleries 4m 31s

16. Automating Tasks 13m 15s

Automating Tasks 8m 38s

Using Conditional Actions 4m 37s

17. Creating Data-Driven Graphics 31m 31s

Understanding Data-Driven Graphics 4m 44s

Creating Visibility Variables 4m 27s

Creating Text Replacement Variables 2m 49s

Creating Pixel Replacement Variables 5m 4s

Exporting Data Sets 7m 9s

Importing Data Sets from Spreadsheets 7m 18s

18. Integrating with Adobe Illustrator and Adobe Acrobat 31m 49s

Exporting Illustrator Files as Photoshop Files 3m 10s

Embedding Illustrator Content as Smart Objects 6m 3s

Creating PDFs 7m 12s

Creating PDFs with Password Protection 6m 5s

Creating Multipage PDFs 3m 43s

Creating PDF Presentations 5m 36s

19. Integrating with Macromedia Flash 27m 26s

Exporting Photoshop Files to Flash 2m 28s

Exporting Files with Pixel-Based Layers 5m 56s

Exporting Files with Vector-Based Layers 7m 19s

Exporting Files with Layer Styles 9m 14s

Using the PSD2FLA Plug-in by Media Lab 2m 29s

20. Integrating with Adobe GoLive and Dreamweaver 20m 24s

Using GoLive Smart Objects 7m 44s

Variables 7m 41s

Dreamweaver 4m 59s

You must be a lynda.com member to watch this video.

Every course in the lynda.com library contains free videos that let you assess the quality of our tutorials before you subscribe—just click on the blue links to watch them. Become a member to access all 104,069 instructional videos.

get started

learn more

If you are already an active lynda.com member, please log in to access the lynda.com library.

Get access to all lynda.com videos

You are currently signed into your admin account, which doesn't let you view lynda.com videos. For full access to the lynda.com library, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling 1 1 (888) 335-9632 or emailing us at cs@lynda.com.

Get access to all lynda.com videos

How to access this video.

If this course is one of your five classes, then your class currently isn't in session.

If you want to watch this video and it is not part of your class, upgrade your membership for unlimited access to the full library of 2,024 courses anytime, anywhere.

You can always watch the free content included in every course.

Questions? Call Customer Service at 1 1 (888) 335-9632 or email cs@lynda.com.

Photoshop CS2 for the Web Essential Training

with Tanya Staples

Share this course

table of contents

exercise files

transcript

author

preferences

FAQs

Bookmark this Tutorial

Name

Description

Tags

bookmark this course

Create new playlist

You must be a lynda.com member to watch this video.

Get access to all lynda.com videos

Get access to all lynda.com videos

Access to lynda.com videos

How to access this video.

You don't have access to this video.

Need help accessing this video?

Try our new course pages

name:
description:
	save cancel