Photoshop 5.5 includes a full copy of Adobe's ImageReady 2, much to the delight of Web artists. To learn how to use this powerful Web-tools combo to its fullest potential, you need a teacher like Lynda Weinman, whose years of experience and pure enthusiasm for the medium are evident throughout Photoshop 5.5. and ImageReady 2 Hands-On Training. In it, Weinman demonstrates, using classroom-proven techniques from her training center, how and when to use Photoshop 5.5 and ImageReady 2 to create appealing and quick-loading Web graphics.
As with her other Hands-On Training books, Photoshop 5.5. and ImageReady 2 H.O.T. guides you through a series of exercises of increasing complexity, giving you hands-on, step-by-step experience in optimizing and previewing GIF and JPEG graphics, slicing Web images, using layers to create rollovers and Layer Effects to automate buttons, using ImageReady to "tween" animations, and much more. The book includes a CD-ROM with sample files for all of the exercises and QuickTime movies that illustrate some techniques. Even if you're an experienced artist, you'll be surprised at how much you'll learn about Photoshop from this pioneering Web author.
Sprache
Verlagsort
Verlagsgruppe
Zielgruppe
Für höhere Schule und Studium
Maße
Höhe: 237 mm
Breite: 190 mm
Dicke: 25 mm
Gewicht
ISBN-13
978-0-201-35467-6 (9780201354676)
Copyright in bibliographic data is held by Nielsen Book Services Limited or its licensors: all rights reserved.
Schweitzer Klassifikation
Author and designer Lynda Weinman--creator of lynda.com, a leading force in Web-design training--has taught digital arts since the late 1980s at Art Center College of Design, American Film Institute, San Francisco State University, and UCLA. Lynda also is a featured columnist and writes on digital graphics and animation for numerous national and international magazines. Her bestselling books, including Designing Web Graphics, have been translated into six languages and are used by Web designers and teaching professionals nationally and internationally.
She and her husband, Bruce Heavin, founded and operate the Ojai Digital Arts Center in Ojai, California, which offers small, intensive workshops in Web design. Lynda has recently launched a series of training videos under the lynda.com imprint. For more information on her books, videos, and workshops, visit www.lynda.com.
I. Introduction.
Note from Lynda. How This Book Works. Exercise Files on the HOT CD-ROM. Software Files on the CD-ROM. Troubleshooting FAQ. Skill Level. RAM, RAM, and More RAM. System Requirements. About lynda.com. About Me. Acknowledgements.
2. Interface.
Interface Overview. Photoshop 5.5 and ImageReady 2.0 Toolbars. Jump To Buttons. Exercise#1-Using Flexible Palettes and Tabs. Exercise#2-Returning the Palettes to Default Settings. Palette Shortcuts. Shortcuts. How to Set a Tool's Default Setting in Photoshop. How to View Hidden Tools in Photoshop and ImageReady
3. Color Management.
Exercise#1-Changing Photoshop Color Settings for Web Design. Exercise#2-Changing Your Photoshop Preferences for the Web.
4. Optimization.
What Affects Speed on the Web? GIF or JPEG? Transparency and Animation. Lossy or Lossless? How Can You Make Small JPEGs? How Can You Make Small GIFs? What About PNG? What is Bit Depth? Exercise#1-Saving for Web Using JPEG. Exercise#2-Saving for Web Using GIF. Exercise#3-Choosing the Right Palette. Exercise#4-Reducing the Colors. Exercise#5-Previewing Gamma and Browser Dither. Exercise#6-Changing the Dimensions of a Graphic. Exercise#7-Previewing in a Browser. Exercise#8-Setting Up for Optimization in ImageReady. Exercise#9-Optimizing a JPEG. Exercise#10-Using a Matte Color on a JPEG. Exercise#11-Previewing and Writing HTML. Exercise#12-Using Lossy Compression.
5. Web Color.
What is Web-Safe Color Anyway? Why is Web-Safe Color so Important? What is Hexidecimal Color? What Happens If You Don't Use Web-Safe Color? Exercise#1-Changing the Info Palette. Exercise#2-Copy Color as HTML. Exercise#3-Only Web Colors. Exercise#4-Snapping to Web Colors. Exercise#5-Setting the Color Palette to Web Colors. Exercise#6-Setting the Swatches Palette to Web Colors. Exercise#7-Loading the lynda.com Swatch. Exercise#8-Previewing Dither. Exercise#9-Fixing a Non-Safe Image. Exercise#10-When Dithering is Good. Exercise#11-Preserve Transparency. Exercise#12-Filling with Ditherbox. Exercise#13-Previewing Gamma.
6. Type.
Differences in Type in Photoshop 5.5 and ImageReady 2.0. Exercise#1-Type Basics. Exercise#2-Jump To. Exercise#3-Changing the Update Feature. Exercise#4-Editing Type. Exercise#5-Rendering Type. Exercise#6-Setting Up Artwork for Buttons. What Is Preserve Transparency? Exercise#7-ImageReady Layer Effects. Exercise#8-Photoshop Layer Effects. Exercise#9-The Gradient/Pattern Layer Effect. Exercise#10-Applying Styles. Exercise#11-Making Your Own Styles. Exercise#12-Stroked Text Using Styles and Filter Affects. Exercise#13-Stroked Text Using Selections. Exercise#14-Clipping Groups. Exercise#15-Painting Inside Type.
7. Background Images.
What is a Background Image? Background Image Sizes. Exercise#1-Defining, Editing, and Previewing a Background Image. Exercise#2-Saving a Background Image. Exercise#3-Recoloring Background Image Artwork. Exercise#4-Seamless Background Tiles. Saving Options in ImageReady. Exercise#5-Copying and Pasting with Offset. Ways to Access the Offset Filter in ImageReady. Exercise#6-Seamless Photographic Background Images. Which program is best for Background Images? Exercise#7-Full-Screen Background Images. Exercise#8-Large-Screen Photographic Background Images. Exercise#9-Directional Tiles.
8. Transparent GIFs.
What Does Anti-Aliasing Look Like? How to Recognize a Transparent Layer. Offset Problems in Browsers. Transparency, Masks, and GIFs. Exercise#1-Creating and Previewing GIF Transparency. Exercise#2-Fixing Bad Images. Exercise#3-Adding a Drop Shadow. Exercise#4-The Pitfalls of Broad Backgrounds. Exercise#5-Saving Transparent Images. Exercise#6-Transparency in Photoshop. Exercise#7-Transparency Layer Versus Transparent GIF. Exercise#8-GIF 89a Export.
9. Image Maps.
Server-Side or Client-Side Image Maps? What Does an Image Map Look Like? Exercise#1-Making an Image Map. Execise#2-Making an Invisible Layer an Image Map.
10. Slicing.
What are Slices? Slice Icons. GoLive or ImageReady Code? Exercise#1-Slicing and Selecting. Exercise#2-Optimizing Slices. Exercise#3-Previewing and Saving Slices. Exercise#4-Using the Slice Palette. Exercise#5-Setting Auto-Slices to No Image. Saving Slices Recap.
11. Rollovers.
Exercise#1-Single-Button Rollover with Styles. Exercise#2-Image Map-Based Rollovers. Exercise#3-Saving a Rollover. Preferences for Saving Rollovers. Exercise#4-Single-Button Rollover with Layers. What JavaScript States Are Allowed? Exercise#5-Remote Rollovers. Exercise#6-Saving Complicated Rollovers. Exercise#7-Creating Navigation Bar Layers. Exercise#8-Aligning Layers. Exercise#9-Adding Slices to a Navigation Bar. Exercise#10-Adding Rollovers to a Navigation Bar.
12. Animated GIFs.
Animation Terms. Animated GIF Format. Compression Challenges. Controlling the Timing of Animated GIFs. Animated Aesthetics. Exercise#1-Frame-by-Frame Animation with Layers. Exercise#2-Setting the Speed and Looping. Exercise#3-Optimizing and Saving an Animated GIF. Exercise#4-Making a Transparent Animated GIF. Exercise#5-Tweening with Opacity. Exercise#6-Selecting, Duplicating, and Reversing Frames. Exercise#7-Tweening a Tweened Sequence. Different Ways to Duplicate Frames. Exercise#8-Tweening with Position. Exercise#9-Tweening with Effects. Exercise#10-Animated Slide Show. Exercise#11-Animated GIF Rollovers. Exercise#12-Designing Entire Interfaces.
13. Automation.
What is the Web Photo Gallery? Actions that Ship With Photoshop and ImageReady. Exercise#1-Creating a Web Photo Gallery. What Do All the Web Photo Gallery Settings Do? Exercise#2-Creating an Action. Exercise#3-Batch Processing with an Action. Adding, Changing, Deleting, or Pausing an Action. Exercise#4-Creating a Preview in Browser Action. Exercise#5-Previewing Backgrounds with an Action. Exercise#6-Automating Animation with a Droplet. More About Droplets.
14. Importing/Exporting.
Exercise#1-Update HTML. How Does HTML Work? Exercise#2-Getting ImageReady Rollovers into GoLive. Exercise#3-Getting ImageReady Rollovers into Dreamweaver. Exercise#4-Exporting Illustrator 8.0 Files. Exercise#5-Exporting from Earlier Illustrator Versions. Exercise#6-Exporting ImageReady to QuickTime. Exercise#7-Converting from QuickTime to ImageReady.
15. Troubleshooting FAQ.
