Introduction |
|
xii | |
|
|
2 | (8) |
|
Creating Web Graphics in Photoshop CS2 and ImageReady CS2 |
|
|
3 | (5) |
|
When to Use Photoshop CS2 vs. When to Use ImageReady CS2 |
|
|
8 | (2) |
|
Understanding the Interface |
|
|
10 | (22) |
|
|
11 | (1) |
|
|
12 | (2) |
|
|
14 | (1) |
|
|
14 | (1) |
|
|
15 | (1) |
|
|
16 | (1) |
|
Jumping Between Photoshop CS2 and ImageReady CS2 |
|
|
17 | (1) |
|
Exercise 1_Customizing Palette Locations |
|
|
18 | (2) |
|
Exercise 2_Saving Custom Palette Locations |
|
|
20 | (2) |
|
|
22 | (1) |
|
Exercise 3_Customizing Keyboard Shortcuts |
|
|
23 | (4) |
|
Exercise 4_Customizing Menus |
|
|
27 | (3) |
|
Exercise 5_Saving Custom Workspaces |
|
|
30 | (2) |
|
|
32 | (28) |
|
|
33 | (2) |
|
Exercise 1_Viewing and Organizing Assets |
|
|
35 | (11) |
|
Exercise 2_Rating and Labeling Assets |
|
|
46 | (7) |
|
Exercise 3_Keywording and Searching |
|
|
53 | (7) |
|
|
60 | (24) |
|
Color Management and the Web |
|
|
61 | (1) |
|
Color Management Considerations for Windows Users |
|
|
61 | (2) |
|
Windows Gamma Settings vs. Mac Gamma Settings |
|
|
63 | (1) |
|
Color Management Considerations for Mac Users |
|
|
63 | (2) |
|
The Decline of Web-Safe Color |
|
|
65 | (1) |
|
What Happens on an 8-Bit System If You Don't Use Web-Safe Colors? |
|
|
66 | (1) |
|
Choosing Color in Photoshop CS2 and ImageReady CS2 |
|
|
67 | (1) |
|
Exercise 1_Choosing Colors from the Color Picker |
|
|
68 | (3) |
|
Exercise 2_Choosing Color with the Swatches Palette |
|
|
71 | (2) |
|
Exercise 3_Creating and Saving Custom Swatches |
|
|
73 | (4) |
|
Exercise 4_Recoloring Layered Images |
|
|
77 | (5) |
|
Exercise 5_Copying Color as HTML |
|
|
82 | (2) |
|
|
84 | (50) |
|
|
85 | (1) |
|
Exercise 1_Creating and Renaming Layers |
|
|
86 | (5) |
|
Exercise 2_Reordering, Flipping, and Moving Layers |
|
|
91 | (4) |
|
Exercise 3_Adjusting Blending Mode, Fill, and Opacity |
|
|
95 | (4) |
|
Exercise 4_Moving and Aligning Layers |
|
|
99 | (9) |
|
Exercise 5_Using Layer Groups |
|
|
108 | (10) |
|
Exercise 6_Using Layer Comps |
|
|
118 | (6) |
|
Exercise 7_Using Adjustment Layers |
|
|
124 | (4) |
|
Exercise 8_Using Layer Styles |
|
|
128 | (4) |
|
Photoshop CS2 and ImageReady CS2 Layer Styles |
|
|
132 | (2) |
|
|
134 | (22) |
|
|
135 | (1) |
|
Character Type vs. Paragraph Type |
|
|
135 | (1) |
|
|
136 | (1) |
|
|
137 | (1) |
|
|
138 | (1) |
|
Exercise 1_Creating Character Type |
|
|
139 | (8) |
|
Exercise 2_Creating Paragraph Type |
|
|
147 | (5) |
|
Exercise 3_Checking Spelling |
|
|
152 | (2) |
|
Exercise 4_Finding and Replacing Type |
|
|
154 | (2) |
|
|
156 | (50) |
|
What Affects Speed on the Web? |
|
|
157 | (1) |
|
Understanding Web File Formats |
|
|
157 | (1) |
|
Transparency and Animation |
|
|
158 | (1) |
|
|
159 | (1) |
|
How Can You Make Small JPEGs? |
|
|
160 | (1) |
|
JPEG Optimization Options |
|
|
161 | (2) |
|
Exercise 1_Optimizing JPEGs |
|
|
163 | (8) |
|
Exercise 2_Selective JPEG Optimization with Alpha Channels |
|
|
171 | (5) |
|
How Can You Make Small GIFs? |
|
|
176 | (1) |
|
|
177 | (3) |
|
Exercise 3_Optimizing GIFs |
|
|
180 | (3) |
|
Exercise 4_Choosing the Right Color Reduction Palette |
|
|
183 | (4) |
|
Exercise 5_Reducing Colors |
|
|
187 | (2) |
|
Exercise 6_Locking Colors |
|
|
189 | (3) |
|
Exercise 7_Selective GIF Optimization with Alpha Channels |
|
|
192 | (6) |
|
Exercise 8_Previewing Images in a Web Browser |
|
|
198 | (2) |
|
Optimizing Images in Photoshop CS2 vs. ImageReady CS2 |
|
|
200 | (2) |
|
Exercise 9_Optimizing JPEGs in ImageReady CS2 |
|
|
202 | (3) |
|
Exercise 10_Optimizing GIFs in ImageReady CS2 |
|
|
205 | (1) |
|
|
206 | (24) |
|
What Is a Background Image? |
|
|
207 | (2) |
|
About Background Image Sizes |
|
|
209 | (2) |
|
Exercise 1_Defining and Previewing Background Images |
|
|
211 | (2) |
|
Exercise 2_Optimizing and Saving Background Images |
|
|
213 | (4) |
|
Exercise 3_Creating Symmetrical Background Images |
|
|
217 | (3) |
|
Exercise 4_Creating Seamless Backgrounds from Photographs |
|
|
220 | (4) |
|
Exercise 5_Creating Full-Screen Backgrounds |
|
|
224 | (4) |
|
Exercise 6_Using Directional Tiles |
|
|
228 | (2) |
|
|
230 | (66) |
|
Planning Effective Navigation |
|
|
231 | (1) |
|
Shape Tools, Type Tools, and Layer Styles |
|
|
231 | (1) |
|
Comparing Bitmap Images and Vector Graphics |
|
|
232 | (1) |
|
Exercise 1_Creating a Horizontal Navigation Bar |
|
|
233 | (9) |
|
Exercise 2_Creating Elliptical Buttons |
|
|
242 | (8) |
|
Exercise 3_Editing Multiple Buttons with Smart Objects |
|
|
250 | (10) |
|
Exercise 4_Creating Pill-Shaped Buttons |
|
|
260 | (8) |
|
Exercise 5_Creating Three-Dimensional Buttons |
|
|
268 | (7) |
|
Exercise 6_Creating Tabbed Navigation Bars |
|
|
275 | (12) |
|
Exercise 7_Creating Navigation Bars with Icons |
|
|
287 | (9) |
|
Creating Transparent Graphics |
|
|
296 | (26) |
|
Understanding the Limitations of GIF Transparency |
|
|
297 | (1) |
|
|
298 | (1) |
|
Recognizing Transparent Layers |
|
|
298 | (1) |
|
Understanding GIFs, Masks, and Transparency |
|
|
299 | (1) |
|
Understanding Offset Problems in Browsers |
|
|
300 | (1) |
|
Exercise 1_Creating and Previewing Transparent GIFs |
|
|
301 | (2) |
|
Exercise 2_Fixing the Edges of Transparent GIFs |
|
|
303 | (3) |
|
Exercise 3_Fixing Soft Edges of Transparent GIFs |
|
|
306 | (3) |
|
Exercise 4_Saving Optimized Transparent GIFs |
|
|
309 | (2) |
|
Exercise 5_Creating and Saving Transparent GIFs in Photoshop CS2 |
|
|
311 | (4) |
|
Exercise 6_Creating Transparent GIFs from Nontransparent Images |
|
|
315 | (3) |
|
Exercise 7_Simulating Transparency with JPEGs |
|
|
318 | (4) |
|
|
322 | (24) |
|
|
323 | (1) |
|
Controlling the Timing of Animations |
|
|
324 | (1) |
|
|
324 | (1) |
|
|
324 | (1) |
|
GIF Compression Challenges |
|
|
325 | (1) |
|
Exercise 1_Creating Animations from Layer Visibility |
|
|
326 | (3) |
|
Exercise 2_Setting Looping and Speed |
|
|
329 | (2) |
|
Exercise 3_Tweening with Opacity |
|
|
331 | (2) |
|
Exercise 4_Selecting, Duplicating, and Reversing Frames |
|
|
333 | (2) |
|
Exercise 5_Tweening with Position and Layer Styles |
|
|
335 | (3) |
|
Exercise 6_Optimizing and Saving Animated GIFs |
|
|
338 | (3) |
|
Exercise 7_Optimizing Transparent Animated GIFs |
|
|
341 | (3) |
|
Exercise 8_Creating an Animated Slideshow |
|
|
344 | (2) |
|
|
346 | (40) |
|
|
347 | (1) |
|
|
348 | (1) |
|
About Slice Lines, Slice Numbers, Slice Symbols, and Slice Colors |
|
|
349 | (1) |
|
About the Web Content and Slice Palettes |
|
|
350 | (2) |
|
Exercise 1_Creating User Slices |
|
|
352 | (5) |
|
Exercise 2_Creating Layer-Based Slices |
|
|
357 | (6) |
|
Exercise 3_Renaming Slices |
|
|
363 | (4) |
|
Exercise 4_Optimizing and Saving Slices |
|
|
367 | (7) |
|
Exercise 5_Applying Alt Text and Status Bar Messages |
|
|
374 | (3) |
|
Exercise 6_Assigning URLs to Slices |
|
|
377 | (2) |
|
Exercise 7_Using Slice Sets |
|
|
379 | (7) |
|
|
386 | (58) |
|
|
387 | (1) |
|
|
387 | (1) |
|
About the Web Content Palette |
|
|
388 | (1) |
|
Exercise 1_Using Preset Rollover Styles |
|
|
389 | (5) |
|
Exercise 2_Optimizing and Saving Rollovers |
|
|
394 | (4) |
|
Exercise 3_Creating Rollovers from Layer Styles |
|
|
398 | (10) |
|
Exercise 4_Creating Rollovers from Layer Visibility |
|
|
408 | (8) |
|
Exercise 5_Creating Rollovers with Type |
|
|
416 | (7) |
|
Exercise 6_Creating Remote Rollovers |
|
|
423 | (9) |
|
Exercise 7_Creating Remote Rollovers with Selected States |
|
|
432 | (6) |
|
Exercise 8_Creating Animated Rollovers |
|
|
438 | (6) |
|
|
444 | (28) |
|
Server-Side and Client-Side Image Maps |
|
|
445 | (1) |
|
What Does an Image Map Look Like? |
|
|
446 | (1) |
|
Creating Image Maps in ImageReady CS2 |
|
|
447 | (1) |
|
About the Web Content and Image Map Palettes |
|
|
448 | (2) |
|
Exercise 1_Creating an Image Map with the Image Map Tools |
|
|
450 | (6) |
|
Exercise 2_Creating an Image Map from Layers |
|
|
456 | (6) |
|
Exercise 3_Renaming, Optimizing, and Saving Image Maps |
|
|
462 | (4) |
|
Exercise 4_Assigning URLs and Applying Alt Text to Image Maps |
|
|
466 | (2) |
|
Exercise 5_Creating Image Map-Based Rollovers |
|
|
468 | (4) |
|
Creating Web Photo Galleries |
|
|
472 | (14) |
|
Understanding Web Photo Galleries |
|
|
473 | (1) |
|
Exercise 1_Creating a Web Photo Gallery |
|
|
474 | (3) |
|
Exercise 2_Customizing a Web Photo Gallery |
|
|
477 | (3) |
|
Understanding the Web Photo Gallery Settings |
|
|
480 | (2) |
|
Exercise 3_Creating a Collaborative Web Photo Gallery |
|
|
482 | (4) |
|
|
486 | (12) |
|
|
487 | (1) |
|
|
487 | (1) |
|
Exercise 1_Creating Actions |
|
|
488 | (4) |
|
|
492 | (1) |
|
|
493 | (1) |
|
Exercise 2_Creating Droplets |
|
|
494 | (4) |
|
Creating Data-Driven Graphics |
|
|
498 | (32) |
|
Buzzwords and Definitions |
|
|
499 | (1) |
|
Exercise 1_Understanding Data Sets |
|
|
500 | (3) |
|
Exercise 2_Defining Visibility Variables and Creating Data Sets |
|
|
503 | (8) |
|
Exercise 3_Defining Text Replacement Variables |
|
|
511 | (4) |
|
Exercise 4_Defining Pixel Replacement Variables |
|
|
515 | (5) |
|
Exercise 5_Previewing and Exporting Data Sets |
|
|
520 | (4) |
|
Exercise 6_Importing Data Sets from Text Files |
|
|
524 | (6) |
|
Integrating with Illustrator and Acrobat |
|
|
530 | (32) |
|
Exercise 1_Exporting Photoshop Files from Illustrator CS2 |
|
|
531 | (3) |
|
Exercise 2_Embedding Illustrator CS2 Files as Smart Objects |
|
|
534 | (6) |
|
Exercise 3_Creating PDFs from Photoshop CS2 |
|
|
540 | (5) |
|
Understanding Adobe PDF Compression Options |
|
|
545 | (2) |
|
Exercise 4_Saving PDFs with Password Protection |
|
|
547 | (7) |
|
Exercise 5_Creating Multipage PDFs |
|
|
554 | (3) |
|
Exercise 6_Creating PDF Presentations |
|
|
557 | (5) |
|
Integrating with Macromedia Flash |
|
|
562 | (36) |
|
Importing Photoshop Files into Macromedia Flash |
|
|
563 | (2) |
|
Exercise 1_Exporting Images to Macromedia Flash (SWF) |
|
|
565 | (8) |
|
Exercise 2_Exporting Images with Type and Shape Layers |
|
|
573 | (9) |
|
Exercise 3_Exporting Images with Layer Styles |
|
|
582 | (12) |
|
Exercise 4_Exporting Macromedia Flash (SWF) Files for the Web |
|
|
594 | (4) |
|
Integrating with GoLive and Dreamweaver |
|
|
598 | (38) |
|
Using Content from Photoshop CS2 and ImageReady CS2 in GoLive CS2 or Dreamweaver MX 2004 |
|
|
599 | (1) |
|
Exercise 1_Using Smart Objects in GoLive CS2 |
|
|
600 | (13) |
|
Exercise 2_Editing and Updating Smart Objects in GoLive CS2 |
|
|
613 | (3) |
|
Exercise 3_Working with Variables in GoLive CS2 |
|
|
616 | (12) |
|
Exercise 4_Importing Rollovers into Dreamweaver MX 2004 |
|
|
628 | (8) |
A Troubleshooting FAQ and Technical Support |
|
636 | (4) |
B Online Resources |
|
640 | (2) |
Index |
|
642 | |