Photoshop 7 (R): Tips and Techniques

by Wendy Willard

Overview

This work provides tips and techniques with real-world examples targeted for Web design. Users tearn to prepare and plan for Web page development first, before moving on to the design and production phases. It includes specifics on Photoshop for Web design so designers don't have to wade through unnecessary Photoshop print details. The guide deals with Web-specific issues in Photoshop, such as choosing the most appropriate file compression graphics and photographic imagery, creating buttons and icons, and using layers to build Web animation.

Product Details

ISBN-13:	9780072224467
Publisher:	McGraw-Hill/Osborne Media
Publication date:	06/21/2002
Series:	Tips & Techniques
Pages:	496
Product dimensions:	7.54(w) x 9.24(h) x 0.90(d)

Table of Contents

	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