Photoshop CS2 All-in-One Desk Reference For Dummies- P26

Photoshop CS2 All-in-One Desk Reference For Dummies- P26:Barbara Obermeier is principal of Obermeier Design, a graphic design studioin Ventura, California. She’s the author of Photoshop Album For Dummies,coauthor of Adobe Master Class: Illustrator Illuminated, Photoshop 7 For Dummies,and Illustrator 10 For Dummies. She has contributed as coauthor, technicaleditor, or layout designer for numerous books. Barb also teaches computergraphics at Brooks Institute; the University of California, Santa Barbara; andVentura College....
Nội dung trích xuất từ tài liệu:
Photoshop CS2 All-in-One Desk Reference For Dummies- P26BC-44 Creating a Splash Page Mockup continued Be sure that your type looks legible on-screen. Check out Bonus Chapter 1 for tips on making your type look its best on-screen. I used the Futura font for both my logo and navigation bar, set at 27 points and 12 points, respectively. I set my anti-aliasing to Crisp. You can create buttons quickly and easily in Photoshop. Using the marquee or shape tools, draw a shape such as a rectangle, an ellipse, or even a custom shape on a separate layer. Open the Styles palette and, with that layer active, simply click a preset style. Several preset libraries are dedicated to buttons. You find them at the bottom of the Style palette options menu. 9. Apply any layer effects or styles to your images or type. I kept it simple and just applied a drop shadow and inner bevel to my logo type and a drop shadow to my logo. Be sure to keep Use Global Light selected so that your light source for effects is consistent among all your elements. 10. Add title text to your page and apply any layer effects or styles desired. I added my title type in the Impact font by using two sizes. Because my type over- lapped and was offset, I put it on two different layers. I then applied layer effects — drop shadow, inner glow, and inner bevel, as illustrated in the upcoming figure. Of course, you can do this step concurrently with Steps 7 and 8, if you want. Then again, you can do any of the steps in whatever order you desire. There are no hard and fast rules, so just let your creative juices take over. Creating a Splash Page Mockup BC-4511. If you want to, you can now slice your image into chunks, which you can optimize separately. Although not mandatory, sometimes slicing your image can help your viewers per- ceive that a page is downloading more quickly. A Web page with slices loads as pieces, so users can get glimpses of the graphics and don’t have to wait for the entire page to load at once. Slicing also allows you to take chunks of your page and apply separate optimization settings to them in the Save for Web dialog box.12. Use the Save for Web dialog box to compress the slices at different rates accord- ing to the quality needed, as shown in the figure. You can also apply image maps and rollovers to slices in ImageReady. If applying your slices to individual layers makes more sense, rather than to the image as a whole, you can do that as well. continuedBC-46 Creating a Web Photo Gallery continued To preview how your image would look in a browser without HTML-coding it, save a copy in the JPEG file format. Launch your browser and choose File➪Open. Your image appears in the browser window.Creating a Web Photo Gallery By now, you may be so proud of your Photoshop artistry that you want to show it off to the world on a Web page. Photoshop has a crafty Web page construction tool built right in, so even if you don’t know anything about HTML — except that it’s an acronym you hear a lot — you can create a Web- based display page for your images with very little trouble. All you need to do is show Photoshop the location of the images you want to include on your Web page, select a style, enter a little information, and sit back and watch while your favorite image editor does the rest. Of course, you still need to upload the resulting Web page and images to a hosting service on the Internet and tell all your friends and colleagues where to find it. But that’s not too difficult. Planning Your Page BC-47 If you want to know more about creating Web pages and posting them for anyone and everyone with a browser to see, check out Creating Web Pages All-in-One Desk Reference For Dummies, 2nd Edition, by Emily A. Vander Veer (published by Wiley). A Web gallery is a Web page that includes small thumbnails — miniature ver- sions of your main images — and links that enable visitors to view those images in a larger size. But using thumbnails isn’t your only option. The gallery can also showcase one image at a time in large form and change the view at intervals, just like a slide show.Planning Your Page Creating a gallery requires using the Web Photo Gallery dialog box, which isn’t all that tough to use — after you know what your choices are. Here’s a rundown: Styles: Your options include a variety of horizontal and vertical layouts in several different color schemes with other options. The thumbnail image gives you an idea of the look of the gallery style. Photoshop CS2 offers even more style templates for Web galleries. The new modern style is shown in Figure 2-8. Figure 2-8: Choose from 26 different Web gallery template styles.BC-48 Planning Your Page Source Images: Choosing your source images is as simple as remember- ing in what folder and you saved the files you want to share online. You also choose the folder you would like your Web photo gallery files saved to after they are processed. Or you can select multiple files in the Bridge and then choose ...