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

Chia sẻ: Cong Thanh | Ngày: | Loại File: PDF | Số trang:20

lượt xem

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

Mô tả tài liệu
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Photoshop CS2 All-in-One Desk Reference For Dummies- P26:Barbara Obermeier is principal of Obermeier Design, a graphic design studio in 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, technical editor, or layout designer for numerous books. Barb also teaches computer graphics at Brooks Institute; the University of California, Santa Barbara; and Ventura College....

Chủ đề:

Nội dung Text: Photoshop CS2 All-in-One Desk Reference For Dummies- P26

  1. BC-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.
  2. Creating a Splash Page Mockup BC-45 11. 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. continued
  3. BC-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.
  4. 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.
  5. 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 Selected Images from Bridge from the Use pop-up menu. E-Mail: Enter your e-mail address, and your visitors know how to get ahold of you. If you use one of the feedback templates, they can click the E-Mail Feedback button, which automatically launches their e-mail client and composes a message containing the feedback comments. Just be aware that putting an e-mail link on a Web page invites spam. So be sure and have your e-mail client’s spam filter on full bore if you plan on using the E-Mail Feedback feature. Options: Your choices on the pop-up menu run the gamut (and each pop-up menu selection comes with its own set of options). Here’s a quick rundown of what you find: • General: From the Extension drop-down list, choose either .htm or .html as the file extension for your Web page. Servers running Windows-based software may insist that pages have an .htm extension. Those running under Unix or a similar operating system may prefer .html. Most of the time, the server software doesn’t care, and .htm does just fine. And always stick with lower- case extensions. Select Use UTF 8 Encoding for URL if you want that type of encoding. UTF-8 encoding allows for Unicode to be used on platforms designed around ASCII code, such as Unix and Linux. Select Add Width and Height Attributes for Images to help the Web browser layout your page as the data is being downloaded. Select Preserve All Metadata to maintain metadata info. • Banner: The banner displays certain information about your page. Enter a name for your site, the name of the photographer, contact information, the date, and the font style and type for the banner. • Large Images: With this option, you’re able to control how the full- size images appear when displayed. You can have them displayed in their normal size or resize them to small, medium, large, or custom- specified pixel widths. For Constrain, choose which dimension of the image you want to constrain during resizing. You can even specify JPEG compression/quality, add a border, and show or hide the file- name, description, credits, title, or copyright information. You can also specify the font and font size.
  6. Cooking Up a Web Gallery BC-49 You must enter the information for captions, credit, title, copyrights, and so forth for each image separately by choosing File➪File Info. In the File Info dialog box that appears, you find boxes to enter all this information. You can also enter this data in the Metadata portion of the Bridge. Photoshop then saves that information with the image file and uses it with the Web Photo Gallery tool and some other special- ized functions. • Thumbnails: This option enables you to control the size of the thumb- nails, the number of rows and columns used to display them, and the size of any border you want to put around the thumbnails. You can also assign what informational element you want in the title of each thumbnail. Choose from the filename, description, credits, title, and copyright information you’ve entered. Note: You can’t set rows and columns if you select the Centered Frame, Horizontal, or Simple style. • Custom Colors: Using this option, you can select colors for the back- ground, the text that describes the images, and any links displayed in the background, as well as the color of the banner, the active links in the banner, and any links in the banner that your visitor has clicked. • Security: This option lets you specify any copyright and security notices that you want displayed with your images. Specify font attributes and alignment for any copyright and security text. Cooking Up a Web Gallery The advantage of displaying your images in a Web gallery (compared to simply constructing one humongous page that shows all the images at their full file size) is that viewers with slower Internet connections don’t have to wait for all the images to download. Even visitors with fast Internet connections will appreciate not being inundated with a flood of images. To create your Web gallery, follow these steps: 1. Collect the images you want to display in a single folder on your hard drive. You may want to deposit copies of your images, leaving the originals untouched. 2. Open the first image in Photoshop and make any changes that you want. For example, you may want to correct the colors or crop the images. You find more about correcting colors in Book VIII, Chapter 1.
  7. BC-50 Cooking Up a Web Gallery 3. Save the image. Save your images in a size that displays well on the Web (not too big, not too small) and in a Web-friendly file format, such as JPEG or GIF. You may even want to use the Save for Web feature in order to optimize your images for the best Web display. Check out Bonus Chapter 1 for more information. 4. Repeat Steps 2 and 3 for each image. 5. Open the Web Photo Gallery tool by choosing File➪Automate➪Web Photo Gallery. The Web Photo Gallery dialog box, shown in Figure 2-9, opens. Figure 2-9: Specify your desired options in the Web Photo Gallery dialog box. 6. From the Styles drop-down list, choose one of the standard styles, such as Horizontal Slideshow (which arranges the images as a slide show) or Centered Frame - 1 (which arrays them in a vertical format).
  8. Cooking Up a Web Gallery BC-51 A preview of the Web Gallery style you select is shown in the Preview window on the right side of the dialog box. Some styles show thumbnail previews of your images, which visitors can click to view the larger origi- nals. Or you can select a slide-show style that cycles through the available images at intervals. See the earlier section, “Planning Your Page,” for descriptions of each style. Advanced users with knowledge of HTML can create their own custom Web Photo Gallery styles by creating an HTML template and storing it inside the styles folder. Customize by editing the HTML code or by creating an entirely new style. Store the template in the following paths: Program Files/Adobe/PhotoshopCS2/Presets/Web Photo Gallery for Windows and Adobe PhotoshopCS2/Presets/Web Photo Gallery for Mac. 7. If you want your e-mail address to appear on your Web page, enter it in the E-Mail text box (see Figure 2-9). 8. In the Source Images area, click the Browse button (or the Choose button on the Mac) and navigate to the folder containing your images. Click OK (or Choose on the Mac) to select it. Select the Include All Subfolders option if you have nested folders and want all the images they contain used in the photo gallery. Remember, you can also choose Selected Images from Bridge, rather than a folder. 9. Click the Destination button and choose a folder for Photoshop to deposit the files it creates for your Web Photo Gallery. The destination folder must be different from the source folder. 10. From the Options drop-down list, select an option and enter the infor- mation required. The dialog box changes as you move from option to option. See the section, “Planning Your Page,” for details about the options you find here. 11. Click OK to tell Photoshop to create your Web page(s). Photoshop creates your Web page and loads it into your browser. Figure 2-10 shows how a Web page looks with a Centered Frame 1-Feedback style. 12. Upload your Web gallery to your Internet Web page hosting service by following your usual procedures. Check with your ISP for details on how to do this.
  9. BC-52 Cooking Up a Web Gallery Figure 2-10: Sharing photos with family and friends is easy and elegant with Photoshop’s Web Gallery.
  10. Bonus Chapter 3: Other Sources of Information In This Chapter Adding notes and annotations Examining metadata in Adobe Bridge Finding out information about Photoshop and your computer P hotoshop offers all sorts of ways to find and add information about your images: The Info palette keeps data about X and Y coordinates or color information at the ready, depending on what tools you’re using. At the bottom of the image window, the status bar shows your file’s size and dimensions. The keyword feature in Adobe Bridge enables you to add keywords that help categorize images. In this chapter, I cover other ways to find information about files or Photoshop itself. These methods may not be for everybody, but if you do need them, they’re handy to have. The notes and annotations feature lets you add comments for colleagues, or let others leave com- ments for you. In Adobe Bridge, photographers, journalists, and others who need to use Photoshop files for specific applications will want to know about the Metadata tab, which enables you to view ITPC data, Camera Raw data, and more. And if you’re looking for information about Photoshop or your computer, the Help menu offers a hodgepoge of information that you’d never think you need but can help when you’re trying to troubleshoot patches, updates, plug-ins, and other system information. Applying Annotations and Notes Everybody’s a critic! That’s especially true when you’re using Photoshop in a work environment — or in any scenario that involves anything but 100 per- cent freedom to perform your Photoshop magic as you want.
  11. BC-54 Applying Annotations and Notes Sometimes, you want to collect comments from your colleagues, approvals from your supervisors, ideas from your friends, or nit-picks from your clients. Photoshop lets everyone have his or her say by using annotations, notes, and audio comments. You can use these clever feedback tools without wor- rying about physically modifying the work that you’ve carefully done. Imagine sticky notes that you can move around your screen, and you’ll see what Photoshop’s Annotations feature can do for you. Text documents are often distributed for approval in a Portable Document Format (PDF) by using Adobe Acrobat Reader, and comments are added by using either the full Acrobat application or the Acrobat Reader. Photoshop is compatible with Acrobat, too, so you can save your Photoshop files in the PDF format. For more detailed information on the PDF format, see Adobe Acrobat 7 PDF Bible, by Ted Padova (published by Wiley Publishing, Inc.). Text annotations, which Photoshop calls notes, are text comments that appear as icons within an image document when you choose to make them visible. If you’re reviewing someone else’s notes, you simply double-click the note to view it or to modify the text it contains. You can do lots of things with notes: Show or hide all the notes: Choose View➪Show➪Annotations. Expand any note from its icon: Double-click the icon. Edit a note: Expand the note and revise the text by using standard edit- ing commands. Delete a note: Select the note and press Delete. Remove all closed notes: Right-click any note (Ctrl+click on the Mac) and choose Delete All Annotations from the context menu that pops up. You can also select a note and click Clear All on the Options bar. Move a note’s icon: Drag the icon. (The note still pops up in its original location, however.) Relocate a note’s window: Open the note and drag its title bar to the new location. It then pops up in the new location. Creating a text annotation To create a text annotation, follow these steps: 1. Select the Notes tool in the Tool palette (or just press N). 2. If necessary, change the name in the Author text box on the Options bar. Just double-click inside the Author text box, shown at the top of Figure 3-1, and start typing.
  12. Applying Annotations and Notes BC-55 Notes icon Click here to create notes Close box PhotoDisc/Getty Images Figure 3-1: Use the Notes tool to leave friendly comments to yourself or others. By default, when you create a note, the name you entered when you installed Photoshop appears as the author of the note. However, you may be working on an image with someone else’s computer, or you may be on the lam and using an assumed name. Be sure that everyone looking at the file uses a unique name so that you can sort out the various notes and, perhaps, give all of them their proper weight (that is, always do what the boss says, but take Seymour the intern’s comments with a grain of salt). 3. Choose a type size from the Size drop-down list on the Options bar. Choose font sizes in relative sizes from Smallest to Medium to Largest so Photoshop can adjust the notes to be readable on monitors set for differ- ent resolutions. 4. Click the Color box on the Options bar and, in the Color Picker, select a color for the title bar of each note and the color of its icon when you minimize the note.
  13. BC-56 Applying Annotations and Notes Color-coding is a good way to differentiate authors, as well as priorities. For example, you can use Red, Yellow, and Green to indicate relative status of a particular suggestion, or select a color to represent a particu- lar author. 5. Click in the note’s window and type the text you want to enter, (refer to Figure 3-1). You can use traditional editing commands, such as the Backspace key, Ctrl+X, Ctrl+C, and Ctrl+V (Ô+X, Ô+C, and Ô+V on the Mac) to edit the text. 6. When you finish entering a note, click the note’s Close box on the right (Windows) or the left (Mac OS) end of the title bar. Photoshop minimizes the note to an icon. Creating an audio note If you have a microphone connected to your computer, you can add audio notes to your image files. Audio notes are great for adding annotations that take a long time to type or that are better explained through audio. Audio annotations can bloat your file size, so unless using audio annotations is really more advantageous, stick with text notes. To add an audio message to your file, just follow these steps: 1. Select the Audio Annotation tool. Press N to activate the Notes tool and then Shift+N to choose the Audio Annotation tool. 2. If necessary, change the author name or note color on the Options bar. Figure 3-2 shows the Options bar with the Audio Annotation tool activated. Figure 3-2: Find the Audio Annotations tool on the Options bar. 3. Click in the image where you want to include the audio annotation. The Audio Annotation dialog box, shown in Figure 3-3, pops up. 4. Click the Start button (Windows) or Record button (Mac OS) and begin speaking into the microphone. 5. Click Stop when you finish talking. To play the audio annotation, double-click its icon.
  14. Working with Metadata BC-57 Corbis Digital Stock Figure 3-3: Audio annotations are a handy way to add long or complex notes to your file. Importing and exporting PDF files with annotations You can view PDF or FDF (Forms Data Format) documents that contain anno- tations, review the annotations, and make new notes of your own. If you want to send an image file to a friend or colleague who doesn’t have Photoshop, you can still get input. You can even include notes of your own. To export your file (and its annotations) for review in Adobe Acrobat, just save the document and choose PDF as the format. Then when your Acrobat-using friend sends the file back to you, just follow these steps to access his or her input: 1. Choose File➪Import➪Annotations. 2. Navigate to the PDF or FDF file you want to open. 3. Click the Load button. Photoshop imports the file with the annotations intact. Working with Metadata When you select an image, you can view its metadata. Metadata is just a fancy name for information that is embedded in your image file, as shown in Figure 3-4. In fact, Photoshop allows an image to have so much attached
  15. BC-58 Working with Metadata information, the only thing you won’t know is your image’s favorite color and hobbies. The metadata categories include the default categories of File Properties, IPTC (International Press Telecommunications Council), and Camera Data (EXIF or Extended File Information). You can also choose to dis- play additional categories, such as GPS (Global Positioning System), Camera Raw (a digital camera file format), and Edit History. Choose Preferences from the Metadata panel pop-up menu. Choose the Metadata category from the left side of the Preferences window. In the following sections, you can find a brief description of some of the more frequently used categories. Figure 3-4: Use the Bridge to attach metadata to image files.
  16. Working with Metadata BC-59 File Properties The fields in the File Properties category include common vitals, such as file- name, size, format, color mode, and so on. This data cannot be edited. Choose View➪As Details to display the file properties data next to the image thumbnail. This option allows you to collapse the left side of the Bridge with- out sacrificing the display of important metadata. IPTC This data includes info commonly used in the media and press industry. Fields such as headline, credit, source, and copyright are available for input via File➪File Info. Or make it easy: Select an image, or several images, and simply click the field in the Bridge and type your entry. If you select more than one image, Photoshop asks if you want the change to apply to all selected images. If so, click Yes. All fields are later editable as well. The File Info dialog box is extensible, which means that users can create custom panels with fields specifically tailored to business needs or personal interests. Because the Bridge is now a feature that is used across all Creative Suite applications, including illustration and page layout programs, fonts and swatches are part of the metadata that can be reflected. Camera Data (EXIF) EXIF data is information that is attached to an image created from a digital camera. It includes data such as make and model of camera, exposure, and f-stop settings. If a digital camera didn’t capture the image, it doesn’t have any EXIF data, although some scanners attach EXIF data, such as date, time, pixel dimensions, and resolution. Camera Data is not editable. GPS Some files, such as images captured by satellites, may contain GPS, or Global Positioning System, data. This data may contain information on latitude, lon- gitude, altitude, direction, speed, and so on. However, this data is not shown in the Metadata panel by default. Camera Raw Camera Raw is a file format used to capture images by a lot of different digi- tal cameras. The image information is captured directly from the camera’s sensors and is not adulterated by filters or adjustments made by the camera. This enables photographers to read the image data and make their own
  17. BC-60 Accessing Help When You Need It controlled adjustments. Camera Raw data includes settings such as white balance, temperature, exposure, color saturation, and so on. Like GPS data, the Camera Raw data is not shown in the Metadata panel by default. Edit History The Edit History option records all the edits (image enhancements, retouches, and so on) made on an image in an edit log that you can save as a text file or as attached metadata. Choose the File Handling panel in the Preferences dialog box to establish your desired settings for your editing history. See Book I, Chapter 5 for details. The Metadata panel offers some options via the palette pop-up menu: Find: Select Find to locate images by various metadata fields. For details on searching, see the next section. Increase/Decrease Font Size: Choose these options to enlarge or decrease the font size in set increments. Preferences: Choose the Metadata category on the left side of the Preferences window. Choose the fields displayed in each of the metadata categories. Select the Hide Empty Fields option to display only your selected data fields. Keep your palette lean and mean by choosing the Hide Empty Fields option to hide metadata items that are set to display, but do not contain any data. Append/Replace Metadata: Choose either command to add to or replace the metadata of a selected file. Accessing Help When You Need It To access the Photoshop Help system, plus some other useful information, look no further than the handy-dandy Help menu, as shown in Figure 3-5. You’ll be happy to know that in CS2, Adobe put some effort into improving the Help system. Just to mention a few improvements, the Help system now contains lots of embedded cross-reference links that allow you to fully explore the scope of a feature or command. It also offers direct links to other resources such as tips, tutorials, user forums, and online support. If you’re using the Mac OS, the Help menu also lets you turn Balloon Help on and off.
  18. Accessing Help When You Need It BC-61 Figure 3-5: Photoshop’s Adobe Help Center provides tons of handy, quick-access help. Because you can view the Help screens (they pop up in a Web browser window) simply by pressing F1 (or Ô+? on the Mac), you might not visit the Help menu very often, but if you ever want to find all your help resources in one location, this place is it. Here are some other help sources: The Welcome Screen allows you to access valuable tips and tutorials. The About Photoshop splash screen displays the version number of your Photoshop program. That way you always know if you’ve installed the latest patches and updates to Photoshop CS2. The About Plug-In entry displays a list of all the plug-ins you’ve installed for Photoshop. Selecting an item in the list shows an About screen of version information for that plug-in. On a Mac, both the About Photoshop splash screen and About Plug-In menu are on the Photoshop menu.
  19. BC-62 Accessing Help When You Need It The Export Transparent Image and Resize Image choices launch a wizard (assistant on the Mac) that leads you step by step through all the deci- sions you need to make to create an image that includes transparency. For example, you might want text to “float” above your Web page’s back- ground. The Resize Image Wizard (Assistant on the Mac) leads you through adjusting the image size so the document prints at the size you want. The System Info entry displays information about your computer, its operating system, and available memory, plus Photoshop-specific data such as the location you set for your Plug-Ins folder. If you like, you can click the Copy button to copy this information to the clipboard, and then paste it in a text document and print it out. The Updates, Registration, Activation, and Photoshop Online choices access Internet resources for Photoshop. The How To options are quick shortcuts to popular image editing tasks. Select one and Photoshop takes you to the explanation of that topic in the Help system.
Đồng bộ tài khoản