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

Photoshop CS3 for the Web Essential Training

with Jan Kabili

Covering everything from setting up the interface to optimizing photos to using tools like the Web Photo Gallery, Photoshop CS3 for the Web Essential Training is a beginner course for anyone using Photoshop CS3 to create or edit images for the web. Instructor Jan Kabili explains the difference between web and print graphics, demonstrates how to create color swatches, discusses layers and slices, teaches how to create integral web page elements, and much more. Exercise files accompany the tutorials.

Download the free exercise files from the Exercise Files tab.

show more show less

author: Jan Kabili
subject: Web, Web Graphics, Prototyping, Web Design
software: Photoshop CS3
level: Intermediate

duration: 8h 25m
released: Sep 07, 2007

Share this course

Learn more about lynda.com

Ready to join? get started

Members who watched this also viewed

WordPress Essential Training

InDesign CS6 Essential Training

Muse Essential Training

PHP with MySQL Essential Training (2007)

JavaScript Essential Training

Premiere Pro CS6 Essential Training

Dreamweaver CS3 Essential Training

HTML Essential Training

Photoshop CS6 Essential Training

Dreamweaver CS5 Essential Training

expand all | collapse all

viewed duration

Introduction 2m 2s

Welcome 1m 1s

Using the exercise files 1m 1s

1. Customizing the Interface 22m 35s

Overview of the interface 4m 54s

Arranging panels 5m 17s

Customizing keyboard shortcuts 7m 26s

Saving custom workspaces 4m 58s

2. Managing Digital Assets with Bridge 28m 56s

Overview of Bridge 2m 57s

The Bridge interface 3m 4s

Customizing Bridge 4m 59s

Organizing assets 8m 38s

Comparing assets with the Loupe 3m 15s

Stacking assets 2m 25s

Rotating, rearranging, and renaming 3m 38s

3. Layer Basics 21m 38s

Understanding layers 4m 17s

Creating layers 5m 12s

Layer stacking order 1m 12s

Deleting layers 1m 47s

Working with multiple layers 9m 10s

4. Color Basics 28m 40s

The decline of web-safe color 2m 9s

Using the Color Picker 6m 5s

Using swatches 3m 5s

Creating custom swatches 4m 55s

Recoloring images 3m 55s

Copying color as HTML 1m 46s

Color management 6m 45s

5. Type Basics 16m 25s

Vector-based type 4m 46s

Creating character type 6m 42s

Creating paragraph type 4m 57s

6. Creating a Web Graphic from Scratch 57m 48s

Storyboarding 4m 47s

Setting resolution, color mode, and bit depth 5m 9s

Combining images of different sizes 6m 25s

Combining images using Layer Masks 6m 3s

Combining images using Blend Modes and Opacity 6m 43s

Adding and editing Smart Objects 7m 42s

Creating focus with Layer Styles 5m 44s

Saving source files 3m 20s

Resizing images for the web 2m 50s

Sharpening images for the web 9m 5s

7. The Save for Web Function 34m 1s

Understanding optimization and web formats 2m 8s

The Save for Web window 3m 14s

Optimizing JPEGs 7m 1s

Selective JPEG optimization 3m 53s

Optimizing GIFs 6m 1s

Locking colors 2m 59s

Selective GIF optimization 5m 12s

Optimizing PNGs 3m 33s

8. Creating Web Backgrounds 24m 7s

Designing web backgrounds 2m 20s

Defining and previewing 2m 42s

Optimizing and saving 3m 19s

Symmetrical backgrounds 7m 5s

Full-screen backgrounds 6m 7s

Using directional tiles 2m 34s

9. Creating Navigation 53m 1s

Horizontal navigation bars 9m 16s

Elliptical buttons 4m 34s

Smart Object buttons 6m 17s

Pill-shaped buttons 5m 18s

Tabbed navigation bars 12m 45s

Creating gel buttons 6m 7s

Navigation bars with icons 8m 44s

10. Optimizing Transparent Graphics 34m 0s

Understanding web graphic transparency 3m 2s

Optimizing transparent graphics 5m 55s

Optimizing transparent graphics on a patterned background 6m 54s

Optimizing transparent graphics with shadows and glows 5m 55s

Saving transparent graphics 2m 55s

Starting with a non-transparent image 3m 39s

Simulating transparency with JPEGs 5m 40s

11. Creating Animations 43m 21s

Creating animations from layer visibility 8m 15s

Tweening with opacity 6m 59s

Tweening with position and Layer Styles 5m 50s

Optimizing animated GIFs 6m 46s

Optimizing transparent animated GIFs 6m 47s

Animated slideshows 8m 44s

12. Slicing 31m 15s

Understanding slicing 4m 1s

Creating user slices 7m 4s

Creating layer-based slices 7m 6s

Adding slice options 5m 30s

Optimizing and saving slices 7m 34s

13. Rollover Graphics 34m 44s

Creating rollover graphics with layer comps 7m 53s

Optimizing layer comp rollovers 6m 54s

Installing the lynda.com rollover script 2m 49s

Exporting layer comp rollovers 3m 13s

Creating rollover graphics from layer visibility 9m 0s

Creating graphics for remote rollovers 4m 55s

14. Automation 43m 55s

Creating a web photo gallery 8m 7s

Creating a collaborative gallery 4m 29s

Creating a Flash-based web photo gallery 4m 56s

Using the Image Processor 6m 33s

Automating actions with the Image Processor 7m 29s

Creating PDF presentations 8m 31s

Zoomify 3m 50s

15. Integration with Other Adobe CS3 Applications 28m 20s

Photoshop files in Fireworks 6m 25s

Round-trip editing with Dreamweaver 8m 31s

Illustrator to Photoshop 3m 7s

Illustrator to Photoshop using Smart Objects 4m 2s

Layered Photoshop files in Flash 6m 15s

Conclusion 25s

Goodbye 25s

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.

learn more upgrade

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 CS3 for the Web Essential Training

with Jan Kabili

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