Although you can use one tool-Photoshop CS!-for both, the worlds of Web and
print design are very different. Which means that if you use Photoshop CS
exclusively for Web design, you probably don't want to waste a lot of time
reading about its print capabilities. Not to worry: This is one Photoshop guide
that covers the Web and nothing but! In this volume you'll find all the
information you need to start creating Web pages with Photoshop CS, delivered in
the form of classroom-proven lessons tested in Lynda Weinman's acclaimed
Lynda.com training center. Using a combination of project-based lessons, guided
exercises (the files for which are included on the companion CD-ROM), and
QuickTime tutorials, this full-color volume walks you through all of Photoshop
CS' Web features, including those new to cs: enhanced HTML output, Macromedia
Flash (SWF) export, conditional actions, an enhanced rollover palette, and more.
You'll also learn how to create rollovers, animations, image maps, transparency,
and layer styles (among other things).
Table of Contents
1. Getting Started.
Creating Web Graphics in Photoshop CS and
ImageReady CS. When to Use Photoshop CS Versus When to Use ImageReady CS. What's
New in Photoshop CS and ImageReady CS?
The Welcome Screen. Interface Overview. The
Toolbox. Toolbox Fly-Out Menus. Jump To Buttons. Palettes. Exercise 1. Docking
Palettes in Groups and Individually. Exercise 2. Docking Palettes Vertically.
Exercise 3. Using the Options Bar. Exercise 4. Docking Palettes in the Palette
Well. Exercise 5. Creating a Tool Preset. Resetting Tools. Exercise 6. Saving a
Custom Workspace. Keyboard Shortcuts. Exercise 7. Customizing Keyboard Shortcuts
in Photoshop CS. The File Browser. Exercise 8. Viewing and Organizing Images in
the File Browser. Exercise 9. Assigning Keywords and Searching in the File
Color Profiles and the Web. sRGB for Windows.
sRGB and Gamma for Macs. The Decline of Web-Safe Color. What Happens on an 8-bit
System If You Don't Use Web-Safe Colors? Exercise 1. Choosing Web-Safe Colors
from the Color Picker. Exercise 2. Loading Color Swatches. Exercise 3. Creating
Custom Swatches. Exercise 4. Recoloring Layered Images. Exercise 5. Using the
Color Replacement Tool. Exercise 6. Copying Color as HTML.
What Affects Speed on the Web? GIF, JPEG, or
Macromedia Flash? Transparency and Animation. Lossy or Lossless? How Can You
Make Small JPEGs? How Can You Make Small GIFs? What Is Bit Depth? Photoshop CS
JPEG and GIF Options. Macromedia Flash Export Options. Exercise 1. Saving for
the Web Using JPEG. Exercise 2. Selective JPEG Optimization with Alpha Channels.
Exercise 3. Saving for Web Using GIF. Exercise 4. Choosing the Right Color
Reduction Palette. Exercise 5. Reducing Colors. Exercise 6. Locking Colors.
Exercise 7. Changing the Dimensions of a Graphic. Exercise 8. Selective GIF
Optimization with Alpha Channels. Exercise 9. Previewing Images in a Web
Browser. ImageReady CS Palettes and Preference Settings. Exercise 10. Optimizing
a JPEG in ImageReady CS. Exercise 11. Using a Matte Color on a JPEG in
ImageReady CS. Exercise 12. Previewing and Writing HTML in ImageReady CS.
Exercise 13. Exporting Images as Macromedia Flash.
What Are Layers? Previewing and Writing HTML in
ImageReady CS. Exercise 1. Using Layers. Exercise 2. Moving Layers. Exercise 3.
Moving Linked Layers. Exercise 4. Aligning Linked Layers. What Are Layer Sets?
Exercise 5. Using Layer Sets. Exercise 6. Working with Multiple Layers in
ImageReady CS. Comparing Linked Layers, Layer Sets and Multiple Layers. What Are
Layer Comps? Exercise 7. Using Layer Comps. Exercise 8. Exporting Layers as
Files. What Are Fill Layers? Exercise 9. Creating Solid Color Layers. Exercise
10. Creating Gradient Layers. Exercise 11. Creating Pattern Layers. What Are
Adjustment Layers? Exercise 12. Using Adjustment Layers. Exercise 13. Using
Comparing Type in Photoshop CS and ImageReady
CS. The Type Options Bar. Exercise 1. Using the Type Options Bar. The Character
Palette. Exercise 2. Using the Character Palette. The Paragraph Palette.
Exercise 3. Creating Paragraph Type. Exercise 4. Checking Spelling. Exercise 5.
Finding and Replacing Type. Exercise 6. Creating Warped Type. Exercise 7.
Creating Type on a Path. Exercise 8. Rasterizing Type. Exercise 9. Transforming
7. Shapes and Layer Styles.
Comparing Bitmap Images and Vector Graphics.
About Shape Tools. About Shapes. About Shape Layers. Exercise 1. Using Shape
Tools and Shape Layers. About Layer Styles. Exercise 2. Creating Layer Styles.
Exercise 3. Saving Custom Layer Styles. Exercise 4. Applying Custom Layer Styles
from the Styles Palette.
8. Background Images.
What Is a Background Image? About Background
Image Sizes. Exercise 1. Defining, Previewing, and Resizing Background Images.
Exercise 2. Saving Background Images. Exercise 3. Creating Symmetrical
Background Images. Exercise 4. Creating Non-Symmetrical Background Images.
Exercise 5. Creating Seamless Backgrounds from Photographs. Exercise 6. Creating
Full-Screen Graphic Background Images. Exercise 7. Creating Full-Screen
Photographic Background Images. Exercise 8. Using Directional Tiles to Create
9. Transparent GIFs.
Understanding the Limitations of GIF
Transparency. What Is Anti-Aliasing? Recognizing Transparent Layers.
Understanding GIFs, Masks, and Transparency. Understanding Offset Problems in
Browsers. Exercise 1. Creating and Previewing GIF Transparency. Exercise 2.
Fixing the Edges of Transparent GIFs. Exercise 3. Adding a Drop Shadow to
Transparent GIFs. Exercise 4. Working with Transparent GIFs on Broad
Backgrounds. Exercise 5. Diffusion Transparency Dither. Exercise 6. Saving
Transparent Images in ImageReady CS. Exercise 7. Creating and Saving Transparent
GIFs in Photoshop CS. Exercise 8. Creating Transparent GIFs from Non-Transparent
About Slices. About Slice Types. About Slice
Lines, Slice Numbers, Slice Symbols, and Slice Colors. About the Web Content and
Slice Palettes. Exercise 1. Creating User Slices. Exercise 2. Creating
Layer-Based Slices. Exercise 3. Editing Slices. Exercise 4. Renaming Slices.
Exercise 5. Optimizing Slices. Exercise 6. Saving Sliced Images. Exercise 7.
Applying Alt Text and Status Bar Messages to Slices. Exercise 8. Assigning URLs
to Slices. About Slice Sets. Exercise 9. Using Slice Sets. Exercise 10. Using
Slices and Layer Comps.
About Rollovers. About Rollover States. About
the Web Content Palette. Exercise 1. Creating Rollovers with Styles. Exercise 2.
Creating Rollovers from Layer-Based Slices and Creating Custom Rollover Styles.
Exercise 3. Using Rollover Styles for Multiple Buttons. Exercise 4. Renaming and
Saving Rollovers. Exercise 5. Creating Rollovers Using Layer Visibility.
Exercise 6. Creating Rollovers from Layer Comps. Exercise 7. Creating Remote
Rollovers. Exercise 8. Creating Remote Rollovers with Selected States.
12. Image Maps.
Server-Side and Client-Side Image Maps. What
Does an Image Map Look Like? Creating Image Maps in ImageReady CS. About the Web
Content and Image Map Palettes. Exercise 1. Creating an Image Map with the Image
Map Tools. Exercise 2. Creating an Image Map from Layers. Exercise 3. Creating
Image Maps for Type. Exercise 4. Jumping to Photoshop CS with an Image Map.
Exercise 5. Creating Image Map-Based Rollovers.
13. Animated GIFs and Flash.
The Animation Palette. Controlling the Timing of
Animations. Animation Aesthetics. The Animated GIF Format. GIF Compression
Challenges. The Macromedia Flash File Format. Animated GIFs Versus Macromedia
Flash. Exercise 1. Creating Animations from Layer Visibility. Exercise 2.
Setting the Looping and Speed. Exercise 3. Tweening with Opacity. Exercise 4.
Selecting, Duplicating, and Reversing Frames. The Paste Frames Dialog Box.
Exercise 5. Tweening a Tweened Sequence. Exercise 6. Tweening with Position.
Exercise 7. Tweening with Layer Styles. Exercise 8. Creating an Animated
Slideshow. Exercise 9. Optimizing and Saving Animated GIFs. Exercise 10.
Creating Transparent Animated GIFs. Exercise 11. Creating Animated GIF
Rollovers. Exercise 12. Exporting Animations as Macromedia Flash Files. Exercise
13. Exporting Frames as Files. Exercise 14. Designing Entire Web Interfaces.
What Is the Web Photo Gallery? Exercise 1.
Creating a Web Photo Gallery. Exercise 2. Customizing a Web Photo Gallery. What
Do All the Web Photo Gallery Settings Do? Exercise 3. Collaborating with a Web
Photo Gallery. Exercise 4. Creating a PDF Presentation. What Are Actions? Using
Predefined Actions. Exercise 5. Creating Actions in ImageReady CS. Editing
Actions. About Droplets. Exercise 6. Creating Droplets in ImageReady CS.
Exercise 7. Creating Conditional Actions in ImageReady CS.
15. Data Sets.
Buzzwords and Definitions. Exercise 1.
Understanding Data Sets and Variables. Exercise 2. Creating Data Sets and
Variables. Exercise 3. Creating Pixel Replacement Variables. Exercise 4.
Importing Data Sets from Text Files.
16. Integration with Other Programs.
Exercise 1. Updating HTML in ImageReady CS.
Exercise 2. Importing ImageReady CS Rollovers into GoLive CS. Exercise 3. Using
Smart Objects in GoLive CS. Exercise 4. Using the Edit Original Feature in
GoLive CS. Exercise 5. Working with ImageReady CS Data Sets in GoLive CS.
Exercise 6. Importing ImageReady CS Rollovers into Dreamweaver MX 2004. Exercise
7. Exporting Vector Images as Macromedia Flash Files. Exercise 8. Preserving the
Appearance of ImageReady CS Files with SWF Export. Exercise 9. Exporting
Illustrator CS Files. Exercise 10. Exporting ImageReady CS Files to QuickTime.
Exercise 11. Opening QuickTime Movies in ImageReady CS. Exercise 12. Converting
PSD files to PDF.
Appendix A: Troubleshooting FAQ and Technical Support.
Appendix B: Online Resources.