| Acknowledgments | xvii |
| Introduction | xix |
Part I | Using Photoshop to Prepare for Web and Print Design | |
Chapter 1 | Customizing Photoshop for Web Design | 2 |
| Check Your Screen Resolution | 8 |
| Change Your Default Unit of Measurement to Pixels | 9 |
| Customize the Color and Style of Your Ruler Guides | 10 |
| Check Your Color Picker | 12 |
| Use Web Color Sliders | 14 |
| Use Web-Safe Color Swatches | 15 |
| Create Your Own Swatch Libraries | 16 |
| Customize the Info Palette | 17 |
| Make the Color Management Settings Web-Specific | 19 |
| Use RGB for the Default Proof Setup | 20 |
| Make File Extensions Web-Friendly | 21 |
| Determine Whether to Use Image Previews or Thumbnails | 22 |
| Save Copyright Information for Files | 23 |
| Define and Save Your Preferred Workspace | 25 |
| Learn the Keyboard Shortcuts | 27 |
| Enable Workgroup Functionality | 31 |
Chapter 2 | Customizing Photoshop for Print Design | 32 |
| Pick a Color Mode | 39 |
| Use Grayscale and Bitmap Modes for Black and White Images | 41 |
| Set Up Your Swatches Palettes to Be Job-Specific | 42 |
| Customize the Display of Your Swatches for Print Design | 44 |
| Create a New Swatch in the Swatches Palette | 44 |
| Use the Foreground and Background Colors for Quick Color Changes | 45 |
| Calibrate Your Monitor | 46 |
| Make the Color Management Settings Print-Specific | 48 |
| Allocate More Memory to Photoshop | 49 |
| Create a New Print Design File in Photoshop | 51 |
| Customize Preferences for Print Design | 52 |
| Maximize Your Screen Space, Minimize Palette Clutter | 53 |
| Use the Rulers, Guides, and Grids | 54 |
| Improve Performance by Freeing Memory | 57 |
Chapter 3 | Getting Content into Photoshop | 60 |
| Use the Open Command to Bring an Existing Bitmap File into Photoshop | 66 |
| Use the File Browser to Preview and Sort Images | 68 |
| Rank Images in the File Browser for Customized Sorting | 70 |
| Export Cache from the File Browser for Speedy Image Previews | 72 |
| Dealing with Mismatching Color Profiles When Opening Images | 72 |
| Create a New File in Photoshop | 74 |
| Import a File into Photoshop Using the TWAIN Interface | 76 |
| Capture Images Larger than You Plan to Use in Photoshop | 78 |
| Adjust an Image's Resolution in Photoshop | 79 |
| Use the Clipboard to Transfer Files Between Applications | 80 |
| Use the Open Command to Open an Existing Vector File in Photoshop | 81 |
| Use the Place Command to Import an Existing Vector File into Another File in Photoshop | 82 |
| Trim Away White Space Around an Image | 84 |
Chapter 4 | Using Photoshop as a Web Page Layout Tool | 88 |
| Create Sketches with Accurate Proportions | 92 |
| Begin Designing with the Appropriate Page Size | 94 |
| Use Guides to Plan Page Layout | 96 |
| Customize Your Page for MSN TV and Other Set-Top Devices | 97 |
| Create a Seamless Photographic Background Tile | 98 |
| Create a Nonrepeating Photographic Background Tile | 101 |
| Create a Seamless Graphical Background Tile | 106 |
| Create Your Own (Hybrid) Web-Safe Colors | 111 |
| Preview a Browser Tile in Photoshop | 112 |
| Use Annotations to Ease Maintenance | 113 |
| Save a Copy as a High-Quality JPEG for Client Approval | 114 |
| Use Actions to Automate Common Processes | 116 |
Part II | Using Photoshop to Design Web and Print Graphics | |
Chapter 5 | Using Selections and Masks | 122 |
| Use Quick Mask Mode for Quick Paint-by-Number Selections | 133 |
| Feather Selections for Soft Edges | 135 |
| Use the Inverse Command to Select the Opposite | 136 |
| Use Keyboard Commands to Quickly Add to and Delete from Existing Selections | 138 |
| Use Multiple Tools Together for Quick Complex Selections | 138 |
| Use the Magic Eraser to Remove Areas of Color with a Single Click | 140 |
| Remove Fringe Areas to Clean Up Selections | 140 |
| Use the Single Row and Single Column Marquee Tools to Create Quick Borders | 141 |
| Stroke Selections to Create Quick Borders | 142 |
| Save Selections for Future Use | 143 |
| Use the "Snap To" Feature to Assist in Drawing Selections | 144 |
| Copy Selections from One Image/Application to Another | 146 |
| Export Paths to Illustrator | 147 |
| Transform Selections with the Transform Command | 147 |
| Use the Pen Tools to Make Detailed, Easily Changeable Selections | 149 |
| Use the Magnetic Tools to Assist in Drawing Selections | 151 |
| Save Selections as Clipping Paths to Define Transparent Sections of an Image | 153 |
| Use the Color Range Command to Select Precise Areas of Color | 155 |
| Use the Extract Command to Remove Objects from Complex Backgrounds | 156 |
Chapter 6 | Using Layers | 162 |
| Turn On Thumbnail Views to Help Layer Recognition | 171 |
| Name Layers for Easy Recognition | 172 |
| Group Related Layers into Sets | 174 |
| Link Layers to Transform Multiple Layers at Once | 177 |
| Merge Layers to Reduce File Size | 178 |
| Align and Distribute Elements on Multiple Layers | 180 |
| Right-Click (CTRL-Click) to Jump to the Target Layer | 183 |
| Lock Layers to Protect Their Contents | 184 |
| Adjust Opacity to Allow Layers Beneath to Show Through | 186 |
| Use Layer Styles to Customize Special Effects | 186 |
| Add Adjustment and Fill Layers to Adjust Color on Single Layers Instead of Entire Images | 189 |
| Use Clipping Groups to Mask One Layer with the Contents of Another | 193 |
| Use Masks to Temporarily Hide Parts of Layers | 196 |
Chapter 7 | Using Text | 200 |
| Create a Single Line of Text along a Horizontal Axis | 206 |
| Create a Single Line of Text along a Vertical Axis | 207 |
| Use the Type Mask Tool to Create Selections of Text | 209 |
| Create and Modify Multiple Lines of Text | 210 |
| Add Anti-Aliasing to Smooth Edges | 212 |
| Change Text Color | 213 |
| Spell-Check Photoshop Text | 214 |
| Control How Words Wrap Across Lines in Paragraphs | 216 |
| Control How Words Break Across Lines in Paragraphs | 217 |
| Use the Appropriate Composition Method for Paragraphs of Text | 219 |
| Find and Replace Words or Characters in Photoshop | 219 |
| Align Text on Multiple Layers | 220 |
| Use the Free Transform Command to Scale, Skew, Rotate, Distort, or Change the Perspective of Text | 222 |
| Use the Warp Text Command for Curved Lines of Text | 224 |
| Apply Gradients to Text | 226 |
| Fill Text with Patterns | 227 |
| Fill Text with Photos or Other Images | 229 |
| Add Layer Styles to Create Easy Drop Shadows and Other Special Effects | 230 |
| Simulate HTML Text in Web Mockups | 233 |
| Rasterize Type Layers to Apply Photoshop Filters | 235 |
| Save Type Settings for Customized "Style Sheets" | 235 |
| Create Text along a Path | 237 |
Chapter 8 | Drawing and Painting | 240 |
| Use Brush Presets | 257 |
| Load Additional Shapes | 261 |
| Load Additional Patterns | 263 |
| Create and Save Custom Brush Tips, Shapes, and Patterns | 264 |
| Create and Save Custom Brushes | 266 |
| Create and Save Custom Tool Settings | 267 |
| Use the Preset Manager to Manage Saved Tool Settings | 268 |
| Use Photoshop's Pattern Maker | 271 |
| Paint with Patterns | 274 |
| Paint with Texture | 275 |
| Paint with Two Brushes at Once | 278 |
| Scatter Brush Strokes to Achieve Unique Paint Textures | 279 |
| Vary Paint Settings According to Pen Pressure | 281 |
| Change the Brush Size with One Click | 283 |
| Use the Blur and Sharpen Tools to Adjust the Focus Within Small Areas of an Image | 284 |
| Use the Smudge Tool to Enlarge an Image's Canvas Size | 285 |
| Use the Dodge and Burn Tools to Adjust the Exposure of an Image | 287 |
| Change the Blending Mode to Paint Highlights and Shadows | 290 |
| Duplicate Part of an Image with the Clone Stamp | 291 |
| Remove Blemishes with the Patch and Healing Brush Tools | 292 |
| Restore Part of an Image to the Previously Saved Version | 295 |
| Use the History Brushes to Combine Creative Effects | 296 |
| Add Layer Styles to Shapes for Quick and Easy Buttons | 300 |
| Use Font Dingbats for Easy Icons | 302 |
Chapter 9 | Using Favorite Creative Effects | 306 |
| Create a Fake Duotone | 308 |
| Add Noise to an Image | 308 |
| Add Motion to an Image | 309 |
| Apply a Gaussian Blur to Bring an Object into Focus | 310 |
| Use Bitmap Mode to Create Interesting Effects | 312 |
| Create a Drop Shadow that Will Remain Transparent When Exported into Other Page Layout Programs | 314 |
| Apply Preset Styles for Quick Special Effects | 317 |
| Remove Blemishes from Human Faces | 319 |
| Make the Color of Human Faces More Vivid | 320 |
| Quickly Remove Common Color Casts | 321 |
| Remove Red-Eye from Photographs | 322 |
| Create a Perspective Cast Shadow | 323 |
| Change the Color of Someone's Shirt, Shoes, Bag, or Any Other Object in a Photo | 326 |
| Add Objects or People to Existing Images | 327 |
| Adjust the Color of a Pasted Object to Match Its New Surroundings | 330 |
| Straighten a Crookedly Scanned Image | 332 |
| Remove the Dot Grain from a Scanned Image | 334 |
| Add Color to Black and White Images | 336 |
| Quickly Add Clouds to an Image | 337 |
| Turn Clouds into Water | 338 |
| Make Flat Objects Appear Spherical | 340 |
| Transform Objects into Three Dimensions | 341 |
| Add Lighting Effects | 345 |
| Retouch an Old Photograph | 347 |
| Add Frames to Photographs | 348 |
Part III | Using Photoshop to Produce Web and Print Graphics | |
Chapter 10 | Slicing and Optimizing Web Graphics | 352 |
| Slice Web Designs According to Page Layout | 357 |
| Customize Output Settings | 360 |
| Select the Best File Format for the Job | 362 |
| Optimize GIFs | 364 |
| Optimize JPEGs | 368 |
| Optimize PNGs | 370 |
| Optimize WBMPs | 373 |
| Use Dithering to Smooth Edges in GIF and PNG-8 Files | 374 |
| Manipulate the Colors in GIF and PNG-8 Files | 376 |
| Optimize Transparent Web Graphics | 378 |
| Use Transparency Dithering When Placing a Transparent GIF or PNG-8 on a Patterned Background | 378 |
| Use Weighted Optimization | 380 |
| Optimize by File Size | 382 |
| Link Slices to Optimize Multiple Slices at Once | 382 |
| Use Photoshop/ImageReady to Preview in a Browser | 383 |
| Use Photoshop/ImageReady to Build HTML Code | 384 |
| Import Sliced Photoshop Files into GoLive to Build HTML Code | 385 |
| Import Layered Photoshop Files into GoLive to Build DHTML Code | 387 |
| Use Photoshop Mockups as Tracing Images When Building Pages in GoLive | 388 |
Chapter 11 | Animated, Interactive, and Data-Driven Graphics | 390 |
| Jump to ImageReady for Animation and Rollovers | 394 |
| Use Layers to Build Animation | 395 |
| Use the Animation Palette to Build Animation | 398 |
| Copy and Paste the Contents of Frames | 400 |
| Preview an Animation and Adjust the Timing | 401 |
| Tween Frames for Instant Animation | 401 |
| Optimize GIF Animations | 403 |
| Preview Animation in a Browser | 404 |
| Animate with the Liquify Command | 405 |
| Place Layered Photoshop Files into LiveMotion when Creating Flash (SFW) or QuickTime (MOV) Content | 408 |
| Use the Rollovers Palette to Build Rollovers | 409 |
| Add Layer Styles for Quick and Easy Rollover Effects | 412 |
| Create Rollover Styles to Speed Development of Navigation Systems | 413 |
| Preview Rollovers | 414 |
| Optimize Rollovers | 415 |
| Combine Animation and Rollovers | 416 |
| Create an Image Map | 417 |
| Preview and Optimize an Image Map | 419 |
| Combine Image Maps and Rollovers | 419 |
| Create a Template Used to Bulk-Produce Multiple Graphics with Adobe AlterCast | 421 |
| Create a Web Photo Gallery | 423 |
| Create High-Resolution, Web-Friendly Images | 425 |
Chapter 12 | Optimizing Print Graphics | 428 |
| Make All Adjustments in RGB Mode, then Convert to CMYK | 429 |
| Create a Duotone Image | 430 |
| Edit a Duotone Curve | 431 |
| Use Variations to Quickly Alter Color and Tone | 432 |
| Use Levels to Correct Color and Tone | 433 |
| Adjust Images for Perfect Skin Tone | 435 |
| Make Sure Your Whites Are Really White | 435 |
| Pay Attention to the Gamut Warning in the Color Picker | 436 |
| Add Noise to Drop Shadows for Better Results on Press | 437 |
| Colorize Grayscale TIFFs in Page-Layout Programs | 438 |
| Rasterize EPS Files Created in Other Programs in Photoshop | 439 |
| Drag and Drop Graphics from Other Programs into Photoshop | 440 |
| Drag and Drop Graphics from Photoshop into Other Programs | 441 |
| Save as EPS or TIFF for Placement in Page-Layout Programs | 442 |
| Save Your Document as a PDF for Easy File Sharing | 445 |
| Print Files Directly from Photoshop | 447 |
| Specify Accurate Halftone Screen Options | 450 |
| Index | 453 |