Publishers of technology books, eBooks, and videos for creative people
Teaches core principles from a designers perspective.
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).
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 Browser.
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 Clipping Groups.
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 Type.
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.
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 Background Images.
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 Images.
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.
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.
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.
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.
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.