ADOBE PHOTOSHOP CS3 1-1

Transcription

1 X_01_Rev4.qxd 5/28/07 4:04 PM Page 1 chapter 1 GETTING STARTED WITH ADOBE PHOTOSHOP CS3 1. Start Adobe Photoshop CS3 2. Learn how to open and save an image 3. Use organizational and management features 4. Examine the Photoshop window 5. Use the Layers and History palettes 6. Learn about Photoshop by using Help 7. View and print an image 8. Close a file and exit Photoshop ADOBE PHOTOSHOP CS3 1-1

2 X_01_Rev4.qxd 5/28/07 4:04 PM Page 2 1 chapter GETTING STARTED WITH ADOBE PHOTOSHOP CS3 Using Photoshop Adobe Photoshop CS3 is an image-editing program that lets you create and modify digital images. CS stands for Creative Suite, a complete design environment. The Adobe Design Premium Creative Design Suite 3 consists of Adobe Photoshop, Adobe Dreamweaver, Adobe InDesign, and Adobe Flash. A digital image is a picture in electronic form. Using Photoshop, you can create original artwork, manipulate color images, and retouch photographs. In addition to being a robust application popular with graphics professionals, Photoshop is practical for anyone who wants to enhance existing artwork or create new masterpieces. For example, you can repair and restore damaged areas within an image, combine images, and create graphics and special effects for the Web. QUICKTIP In Photoshop, a digital image may be referred to as a file, document, graphic, picture, or image. Understanding Platform Interfaces Photoshop is available in both Windows and Macintosh platforms. Regardless of which type of computer you use, the features and commands are very similar. Some of the Windows and Macintosh keyboard commands differ in name, but they have equivalent functions. For example, the [Ctrl] and [Alt] keys are used in Windows, and the and [option] keys are used on Macintosh computers. There is a visual difference between the two platforms due to the user interface found in each type of computer. Understanding Sources Photoshop allows you to work with images from a variety of sources. You can create your own original artwork in Photoshop, use images downloaded from the Web, or use images that have been scanned or created using a digital camera. Whether you create Photoshop images to print in high resolution or optimize them for multimedia presentations, Web-based functions, or animation projects, Photoshop is a powerful tool for communicating your ideas visually. 1-2

3 X_01_Rev4.qxd 5/28/07 4:04 PM Page 3 Tools You ll Use Tools palette Lasso Tools Zoom Tool Options bar 1-3

4 X_01_Rev4.qxd 5/28/07 4:04 PM Page 4 LESSON 1 START ADOBE PHOTOSHOP CS3 What You ll Do In this lesson, you ll start Photoshop for Windows or Macintosh, then create a file. Defining Image-Editing Software Photoshop is an image-editing program. An image-editing program allows you to manipulate graphic images so that they can be reproduced by professional printers using full-color processes. Using windows, various tools, menus, and a variety of techniques, you can modify a Photoshop image by rotating it, resizing it, changing its colors, or adding text to it. You can also use Photoshop to create and open different kinds of file formats, which enables you to create your own images, import them from a digital camera or scanner, or use files (in other formats) purchased from outside sources. Table 1 lists some of the graphics file formats that Photoshop can open and create. Understanding Images Every image is made up of very small squares, which are called pixels, and each pixel represents a color or shade. Pixels within an image can be added, deleted, or modified. QUICKTIP Photoshop files can become quite large. After a file is complete, you might want to flatten it, an irreversible process that combines all layers and reduces the file size. Using Photoshop Features Photoshop includes many tools that you can use to manipulate images and text. Within an image, you can add new items and modify existing elements, change colors, and draw shapes. For example, using the Lasso Tool, you can outline a section of an image and drag the section onto another area of the image. You can also isolate a foreground or background image. You can extract all or part of a complex image from nearly any background and use it elsewhere. QUICKTIP You can create a logo in Photoshop. A logo is a distinctive image that you can create by combining symbols, shapes, colors, and text. Logos give graphic identity to organizations, such as corporations, universities, and retail stores. PHOTOSHOP 1-4 Getting Started with Adobe Photoshop CS3 Chapter 1

5 X_01_Rev4.qxd 5/28/07 4:04 PM Page 5 You can also create and format text, called type, in Photoshop. You can apply a variety of special effects to type; for example, you can change the appearance of type and increase or decrease the distance between characters. You can also edit type after it has been created and formatted. QUICKTIP Photoshop records each change you make to an image on the History palette. You can undo or redo a recorded action as necessary. Photoshop records actions for the current session only; it discards actions when the program closes. Adobe Dreamweaver CS3 a Web production software program included in the Design Suite allows you to optimize, preview, and animate images. Because Dreamweaver is part of the same suite as Photoshop, you can jump seamlessly between the two programs. You can also quickly turn any graphics image into a GIF animation. Photoshop and Dreamweaver let you compress file size (while optimizing image quality) to ensure that your files download quickly from a Web page. Using optimization features, you can view multiple versions of an image and select the one that best suits your needs. Starting Photoshop and Creating a File The way that you start Photoshop depends on the computer platform you are using. However, when you start Photoshop in either platform, the computer displays a splash screen, a window that displays information about the software, and then the Photoshop window opens. After you start Photoshop, you can create a file from scratch. You use the New dialog box to create a file. You can also use the New dialog box to set the size of the image you re about to create by typing dimensions in the Width and Height text boxes. TABLE 1: Examples of Graphic File Formats Supported in Photoshop file filename file filename format extension format extension Photoshop.PSD Filmstrip.VLM Bitmap.BMP Kodak PhotoCD.PCD PC Paintbrush.PCX Pixar.PXR Graphics.GIF Scitex CT.SCT Interchange Format Photoshop Encapsulated.EPS Photoshop PDF.PDF PostScript Tagged Image Format.TIF or.tiff Targa.TGA or.vda JPEG Picture Format.JPG,.JPE, PICT file.pct,.pic, or.jpeg or.pict CorelDraw.CDR Raw varies QUICKTIP There is no one Camera Raw format, as this is determined by your camera manufacturer. Some raw formats you may encounter are:.raf (Fuji).crw.cr2 (Canon).kdc.dcr (Kodak).mrw (Minolta).nef (Nikon).orf (Olympus).dng (Adobe).ptx.pef (Pentax).arw.srf (Sony).x3f (Sigma).erf (Epson) Lesson 1 Start Adobe Photoshop CS3 PHOTOSHOP 1-5

6 X_01_Rev4.qxd 5/28/07 4:04 PM Page 6 Start Photoshop (Windows) 1. Click the Start button on the taskbar. 2. Point to All Programs, point to Adobe Design Premium CS3 as shown in Figure 1, then click Adobe Photoshop CS3. TIP The Adobe Photoshop CS3 program might be found in the Start menu (in the left pane) or in the Adobe folder, which is in the Program Files folder on the hard drive (Win). 3. Click File on the menu bar, then click New to open the New dialog box. 4. Double-click the number in the Width text box, type 500, click the Width list arrow, then click pixels (if it is not already selected). 5. Double-click the number in the Height text box, type 400, then specify a resolution of 72 pixels/inch, if necessary. 6. Click OK. 7. Click the arrow at the bottom of the image window, point to Show, then click Document Sizes (if it is not already displayed). You started Photoshop for Windows, then created a file with custom dimensions. Setting custom dimensions lets you specify the exact size of the image you are creating. You changed the display at the bottom of the image window so the document size is visible. FIGURE 1 Starting Photoshop CS3 (Windows) Understanding hardware requirements (Windows) Adobe Photoshop CS3 has the following minimum system requirements: Processor: Intel Based Pentium 4 processor or later Operating System: Microsoft Windows XP SP2 or Windows Vista Memory: 512 MB of RAM Storage space: 10 GB of available hard-disk space Internet connectivity for activation; broadband required for Adobe Stock Photos 16-bit video card and Quick Time 7 for Multimedia features PHOTOSHOP 1-6 Getting Started with Adobe Photoshop CS3 Chapter 1

7 X_01_Rev4.qxd 5/28/07 4:04 PM Page 7 FIGURE 2 Starting Photoshop CS3 (Macintosh) Hard drive icon Understanding hardware requirements (Macintosh) Adobe Photoshop CS3 has the following minimum system requirements: Processor: G4, G5, or Intel-based Operating System: Mac OS X version through ( through recommended) Memory: 320 MB of RAM (384 MB recommended) Storage space: 750 MB of available hard-disk space Monitor: or greater monitor resolution with 16-bit color or greater video card PostScript Printer PostScript Level 2, Adobe PostScript 3 Start Photoshop (Macintosh) 1. Double-click the hard drive icon, double-click the Applications folder, then double-click the Adobe Photoshop CS3 folder. Compare your screen to Figure Double-click the Adobe Photoshop CS3 program icon. 3. Click File on the menu bar, then click New. TIP If the Color Settings dialog box opens, click No. If a Welcome screen opens, click Close. 4. Double-click the number in the Width text box, type 500, click the Width list arrow, then click pixels (if necessary). 5. Double-click the number in the Height text box, type 400, click the Height list arrow, click pixels (if necessary), then verify a resolution of 72 pixels/inch. 6. Click OK. 7. Click the arrow at the bottom of the image window, click Show, then click Document Sizes (if is it not already displayed). You started Photoshop for Macintosh, then created a file with custom dimensions. You changed the display at the bottom of the image window so the document size is visible. Lesson 1 Start Adobe Photoshop CS3 PHOTOSHOP 1-7

8 X_01_Rev4.qxd 5/28/07 4:04 PM Page 8 LESSON 2 LEARN HOW TO OPEN AND SAVE AN IMAGE What You ll Do Opening and Saving Files Photoshop provides several options for opening and saving a file. Often, the project you re working on determines the techniques you use for opening and saving files. For example, you might want to preserve the original version of a file while you modify a copy. You can open a file, then immediately save it with a different filename, as well as open and save files in many different file formats. When working with graphic images you can open a Photoshop file that has been saved as a bitmap (.bmp) file, then save it as a JPEG (.jpg) file to use on a Web page. Customizing How You Open Files You can customize how you open your files by setting preferences. Preferences are options you can set that are based on your work habits. For example, you can use the Open Recent command on the File menu to instantly locate and open the files that you recently worked on, or you can allow others to preview your files as thumbnails. Figure 3 shows the Preferences dialog box options for handling your files in Windows. TIP In cases when the correct file format is not automatically determined, you can use the Open As command on the File menu (Win). In this lesson, you ll locate and open files using the File menu and Adobe Bridge, flag and sort files, then save a file with a new name. FIGURE 3 Preferences dialog box Option for thumbnail preview Number of files to appear in Open Recent list PHOTOSHOP 1-8 Getting Started with Adobe Photoshop CS3 Chapter 1

9 X_01_Rev4.qxd 5/28/07 4:05 PM Page 9 Browsing Through Files You can easily find the files you re looking for by using Adobe Bridge: a stand-alone application that serves as the hub for the Adobe Creative Suite. See Figure 4. You can open Adobe Bridge (or just Bridge) by clicking the Go to Bridge button to the left of the Workspace button. You can also open Bridge using the File menu when a Photoshop file is open. When you open Bridge, there are a series of palettes, also called panels, with which you can view the files on your hard drive as hierarchical files and folders. In addition to the Favorites and Folders palettes in the upper-left corner of the Bridge window, there are other important areas. Directly beneath the Favorites and Folders palettes is The Filter panel which allows you to easily change the order of files in the Content panel. Beneath the Preview window is a window containing the Metadata and Keywords palettes, which store information about a selected file that can then be used as search parameters. You can use this tree structure to find the file you are searching for. When you locate a file, you can click its thumbnail to see information about its size, format, and creation and modification dates. File info (Clicking a thumbnail selects the image. You can select multiple non-contiguous images by pressing and holding [Ctrl](Win) (Mac) each time you click an image.) You can select contiguous images by clicking Default/thumbnail view FIGURE 4 Adobe Bridge window Slideshow view Thumbnail of image Metadata view Using the File Info dialog box You can use the File Info dialog box to identify a file, add a caption or other text, or add a copyright notice. The Description section allows you to enter printable text, as shown in Figure 5. For example, to add your name to an image, click File on the menu bar, click File Info, then click in the Description text box. (You can move from field to field by pressing [Tab] or by clicking in individual text boxes.) Type your name, course number, or other identifying information in the Description text box. You can enter additional information in the other text boxes, then save all the File Info data as a separate file that has an.xmp extension. To print selected data from the File Info dialog box, click File on the menu bar, then click Print. Click the Color Management list arrow, then click Output. Available options are listed in the right panel. To print the filename, select the Labels check box. You can also select checkboxes that let you print crop marks and registration marks. If you choose, you can even add a background color or border to your image. After you select the items you want to print, click Print. Type information to be printed here FIGURE 5 File Info dialog box Lesson 2 Learn How to Open and Save an Image PHOTOSHOP 1-9

10 X_01_Rev4.qxd 5/28/07 4:05 PM Page 10 TIP The terms palette and panel are interchangeable in Adobe CS3 programs. Palette is used more frequently in Photoshop. the first image, then pressing and holding [Shift] and clicking the last image in the group. You can open a file using Bridge by double-clicking its thumbnail, and find out information such as the file s format, and when it was created and edited. You can close Bridge by clicking File (Win) or Bridge CS3 (Mac) on the (Bridge) menu bar, then clicking Exit (Win) or Quit Bridge CS3 (Mac) or by clicking the window s Close button. Understanding the Power of Bridge In addition to allowing you to see all your images, Bridge can be used to rate (assign importance), sort (organize by name, rating, and other criteria), and label. Figure 4, on the previous page, contains images that are assigned a rating and shown in Filmstrip view. There are three views in Bridge (Default, Horizontal Filmstrip view, and Metadata Focus view) that are controlled by buttons in the lower-right corner of the window. You can assign a color label or rating to one or more images. Any number of selected images can be assigned a color label by clicking Label on the menu bar, then clicking one of the six options. QUICKTIP You can use Bridge to view thumbnails of all files on your computer. You can open any files for software installed on your computer by double-clicking its thumbnail. Creating a PDF Presentation Using Bridge you can create a PDF Presentation. Such a presentation can be viewed full-screen on any computer monitor, or in the Adobe Acrobat Reader as a PDF file. You can create such a presentation by opening Bridge, locating and selecting images using the file hierarchy, clicking Tools in the Bridge menu bar, pointing to Photoshop, then clicking PDF Presentation. The PDF Presentation dialog box, shown in Figure 6, opens and lists any figures you have selected. You can add images by clicking the Browse button. Using Save As Versus Save Sometimes it s more efficient to create a new image by modifying an existing one, Images included in the presentation especially if it contains elements and special effects that you want to use again. The Save As command on the File menu creates a copy of the file, prompts you to give the duplicate file a new name, and then displays the new filename in the image s title bar. You use the Save As command to name an unnamed file or to save an existing file with a new name. For example, throughout this book, you will be instructed to open your data files and use the Save As command. Saving your data files with new names keeps them intact in case you have to start the lesson over again or you want to repeat an exercise. When you use the Save command, you save the changes you made to the open file. FIGURE 6 PDF Presentation dialog box Select more images to add to the presentation Output will be saved as a presentation PHOTOSHOP 1-10 Getting Started with Adobe Photoshop CS3 Chapter 1

11 X_01_Rev4.qxd 5/28/07 4:05 PM Page 11 FIGURE 7 Open dialog box for Windows and Macintosh Look in list arrow displays list of available drives Available folders and files Current file location list arrow Open a file using the File menu 1. Click File on the menu bar, then click Open. 2. Click the Look in list arrow (Win) or the From list arrow (Mac), navigate to the drive and folder where you store your Data Files, then click Open. 3. Click PS 1-1.psd as shown in Figure 7, then click Open. TIP If you receive a message stating that some text layers need to be updated before they can be used for vector-based output, click Update. You used the Open command on the File menu to locate and open a file. Available folders and files may differ from your list Selected filename FIGURE 8 Bridge window Open a file using Folders palette in Adobe Bridge 1. Click the Go to Bridge button on the options bar, then click the Folders palette tab (if necessary). 2. Navigate through the hierarchical tree to the drive and folder where you store your Chapter 1 Data Files. 3. Drag the slider (at the bottom of the Bridge window) a third of the way between the Smallest thumbnail size buttton and the Largest thumbnail size button. Compare your screen to Figure Double-click the image of a butterfly, file PS 1-2.tif. The butterfly image opens and Adobe Bridge is no longer visible, but still open. 5. Close the butterfly image in Photoshop. You used the Folders palette tab in Adobe Bridge to locate and open a file. This feature makes it easy to see which file you want to use. Your list may be different Click the Keywords palette tab to assign keywords to a selected file, then click any of the displayed keywords Drag to resize thumbnails Lesson 2 Learn How to Open and Save an Image PHOTOSHOP 1-11

12 X_01_Rev4.qxd 5/28/07 4:05 PM Page 12 Use the Save As command 1. Verify that the PS 1-1.psd window is active. 2. Click File on the menu bar, click Save As, then compare your Save As dialog box to Figure If the drive containing your Data Files is not displayed, click the Save in list arrow (Win) or the Where list arrow (Mac), then navigate to the drive and folder where you store your Chapter 1 Data Files. 4. Select the current filename in the File name text box (Win) or Save As text box (Mac) (if necessary); type Hot Air Balloons, then click Save. Compare your image to Figure 10. TIP Click OK to close the Maximize Compatibility dialog box (if necessary). You used the Save As command on the File menu to save the file with a new name. This command makes it possible for you to save a changed version of an image while keeping the original file intact. Your list of files might be different New filename FIGURE 9 Save As dialog box Duplicate file has new name FIGURE 10 Hot Air Balloons image Changing file formats In addition to using the Save As command to duplicate an existing file, this is a handy way of changing one format into another. For example, you can open an image you created in a digital camera, then make modifications in the Photoshop format. To do this, open the.jpg file in Photoshop, click File on the menu bar, then click Save As. Name the file, click the Format list arrow, click Photoshop (*.PSD, *.PDD), then click OK. PHOTOSHOP 1-12 Getting Started with Adobe Photoshop CS3 Chapter 1

13 X_01_Rev4.qxd 5/28/07 4:05 PM Page 13 Rated and Approved file FIGURE 11 Images in Adobe Bridge Content panel Filter panel FIGURE 12 Sorted files Rate and filter with Bridge 1. Click the Go to Bridge button on the options bar. 2. Click the Folders palette tab (if necessary), then click the drive and folder where your you store Chapter 1 Data Files on the File Hierarchy tree (if necessary). 3. Click the butterfly image, file PS 1-2.tif to select it. 4. Press and hold [Ctrl] (Win) or [ ] (Mac), click PS 1-1.psd (the image of the balloon), then release [Ctrl] (Win) or [ ] (Mac). 5. Click Label on the menu bar, then click Approved. 6. Click PS 1-1.psd, click Label on the menu bar, then click ***. See Figure Click View on the menu bar, point to Sort, then click By Label. Compare your screen to Figure 12. The order of the files is changed. TIP You can also change the order of files (in the Content panel) using the Sort by Filename list arrow in the Filter panel. When you click the Sort by Filename list arrow, you ll see a list of sorting options. Click on the option you want and the files in the Content panel will be rearranged. 8. Click View on the menu bar, point to Sort, then click Manually. Lesson 2 Learn How to Open and Save an Image PHOTOSHOP 1-13 TIP You can change the Bridge view at any time, depending on the type of information you need to see. 9. Click File (Win) or Bridge CS3 (Mac) on the (Bridge) menu bar, then click Exit or Quit Bridge CS3 (Mac). You labeled files using Bridge, sorted the files in a folder, then changed the sort order. When finished, you closed Bridge.

14 X_01_Rev4.qxd 5/28/07 4:05 PM Page 14 LESSON 3 USE ORGANIZATIONAL AND MANAGEMENT FEATURES What You ll Do In this lesson, you ll learn how to use Version Cue and Bridge. Learning about Version Cue Version Cue is a file versioning and management feature of the Adobe Creative Suite that can be used to organize your work whether you work in groups or by yourself. Version Cue is accessed through Bridge. You can see Version Cue in Bridge in two different locations: the Favorites tab and the Folders tab. Figure 13 shows Version Cue in the Favorites tab of Bridge. You can also view Version Cue in the Folders tab by collapsing the Desktop, as shown in Figure 14. FIGURE 13 Favorites tab in Adobe Bridge Understanding Version Cue Workspaces Regardless of where in Bridge you access it (the Favorites or Folders tab), Version Cue installs a workspace in which it stores projects and project files, and keeps track of file versions. The Version Cue Workspace can be installed locally on your own computer and can be made public or kept private. It can also be installed on a server and can be used by many users through a network. FIGURE 14 Folders tab in Adobe Bridge Your list of Favorites may differ PHOTOSHOP 1-14 Getting Started with Adobe Photoshop CS3 Chapter 1

15 X_01_Rev4.qxd 5/28/07 4:05 PM Page 15 Using Version Cue s Administrative Functions Once you log into Version Cue, you can control who uses the workspace and how it is used with the tabs at the top of the screen. The Content tab, which is shown in Figure 15, lets you open your server, browse projects and other servers, and perform advanced tasks. Making Use of Bridge You ve already seen how you can use Bridge to find, identify, and sort files. But did you know that you can use Bridge Center to organize, label, and open files as a group? Once you select one or more files, right-click the selection, then click Open, or Open With to display the files in your favorite CS3 program. You can apply label and ratings, or sort the selected files. FIGURE 15 Version Cue CS3 Content tab S Shortcut key Using Adobe Stock Photos You can view and try professional images using Adobe Stock Photos. Available through the Favorites pane in Bridge, an active Internet connection is all you need to browse through a wide variety of images to include in your Photoshop designs. You can download complimentary (comp) low-resolution versions of these images and place them in a Photoshop document to find the perfect fit for your design. Once you find the right image, you can purchase it in a high-resolution format. There are thousands of images to choose from, and you can look at previous downloads and purchases through your Adobe account. Lesson 3 Use Organizational and Management Features PHOTOSHOP 1-15

16 X_01_Rev4.qxd 5/28/07 4:05 PM Page 16 LESSON 4 EXAMINE THE PHOTOSHOP WINDOW What You ll Do In this lesson, you ll select a tool on the Tools palette, use a shortcut key to cycle through the hidden tools, select and add a tool to the Tool Preset picker, use the Window menu to show and hide palettes in the workspace, and create a customized workspace. Learning About the Workspace The Photoshop workspace is the area within the program Photoshop window that includes the entire window, from the command menus at the top of your screen to the status bar (Win) at the bottom. Desktop items are visible in this area (Mac). The workspace is shown in Figure 16. The title bar displays the program name (Win) and, if the active image window is maximized, the filename of the open file (for a new file, Untitled-1, because it has not been named). The title bar also contains a Close button, and Minimize, Maximize, and Restore buttons (Win). The menu bar contains the program name (Mac) menu from which you can choose Photoshop commands. You can choose a menu command by clicking it or by pressing [Alt] plus the underlined letter in the menu name (Win). Some commands display shortcut keys on the right side of the menu. Shortcut keys provide an alternative way to activate menu commands. Some commands might appear dimmed, which means they are not currently available. An ellipsis after a command indicates additional choices. Finding Tools Everywhere The Tools palette contains tools associated with frequently used Photoshop commands. DESIGNTIP Overcoming information overload One of the most common experiences shared by first-time Photoshop users is information overload. There are just too many places and things to look at! When you feel your brain overheating, take a moment and sit back. Remind yourself that the active image area is the central area where you can see a composite of your work. All the tools and palettes are there to help you, not to add to the confusion. PHOTOSHOP 1-16 Getting Started with Adobe Photoshop CS3 Chapter 1

17 X_01_Rev4.qxd 5/28/07 4:05 PM Page 17 The face of a tool contains a graphical representation of its function; for example, the Zoom Tool shows a magnifying glass. You can place the pointer over each tool to display a tool tip, which tells you the name or function of that tool. Some tools have additional hidden tools, indicated by a small black triangle in the lower-right corner of the tool. QUICKTIP You can view the Tools palette in a 2-column format by clicking the Expand arrow in its upper-left corner. Document window title bar Options bar Expand button Tools palette FIGURE 16 Workspace The options bar, located directly under the menu bar, displays the current settings for each tool. For example, when you click the Type Tool, the default font and font size appear on the options bar, which can be changed if desired. You can move the options bar anywhere in the workspace for easier access. The options bar also contains the Tool Preset picker. This is the left-most tool on the options bar and displays the active tool. You can click the list arrow on this tool to select another tool without having to use the Tools palette. The options bar also contains the palette well, an area where you can assemble palettes for quick access. Palettes, also called panels in other CS3 programs, are small windows used to verify settings and modify images. By default, palettes appear in stacked groups at the right side of the window. A collection of palettes usually in a vertical orientation is called a dock. The dock is the dark gray bar above the collection of palettes. The arrows in the dock are used to maximize and minimize the palettes. You can display a palette by simply clicking the palette s name tab, which makes it the active palette. Palettes can be separated and moved Program window title bar Palette dock Navigator palette History palette button Menu bar Workspace Color palette Status bar Layers palette Minimized document Lesson 4 Examine the Photoshop Window PHOTOSHOP 1-17

18 X_01_Rev4.qxd 5/28/07 4:05 PM Page 18 anywhere in the workspace by dragging their name tabs to new locations. You can dock a palette by dragging its tab in or out of a dock. As you move palettes, you ll see blue highlighted drop zones. A drop zone is an area where you can move a palette. You can also change the order of tabs by dragging a tab to a new location within its palette. Each palette contains a menu that you can view by clicking the list arrow in the upper-right corner of the palette. QUICKTIP You can reset palettes to their default locations at any time by clicking Window on the menu bar, pointing to Workspace, then clicking Reset Palette Locations. The status bar is located at the bottom of the program window (Win) or work area (Mac). It displays information, such as the file size of the active window and a description of the active tool. You can display other information on the status bar, such as the current tool, by clicking the black triangle to view a pull-down menu with more options. Rulers can help you precisely measure and position an object in the workspace. The rulers do not appear the first time you use Photoshop, but you can display them by clicking Rulers on the View menu. Using Tool Shortcut Keys Each tool has a corresponding shortcut key. For example, the shortcut key for the Type Tool is T. After you know a tool s shortcut key, you can select the tool on the Tools palette by pressing its shortcut key. To select and cycle through a tool s hidden tools, you press and hold [Shift], then press the tool s shortcut key until the desired tool appears. Customizing Your Environment Photoshop makes it easy for you to position elements you work with just where you want them. If you move elements around to make your environment more convenient, you can always return your workspace to its original appearance by resetting the default palette locations. Once you have your work area arranged the way you want it, you can create a customized workspace by clicking Window on the menu bar, pointing to Workspace, then clicking Save Workspace. If you want to open a named workspace, click Window on the menu bar, point to Workspace, then click the workspace you want to use. QUICKTIP Click the Workspace button on the options bar to save or delete a workspace, restore the default or any saved workspace. Creating customized keyboard shortcuts Keyboard shortcuts can make your work with Photoshop images faster and easier. In fact, once you discover the power of keyboard shortcuts, you may never use menus again. In addition to the keyboard shortcuts that are preprogrammed in Photoshop, you can create your own. To do this, click Edit on the menu bar, then click Keyboard Shortcuts. The Keyboard Shortcuts and Menus dialog box opens, as shown in Figure 17. FIGURE 17 Keyboard Shortcuts and Menus dialog box Instructions to edit shortcuts PHOTOSHOP 1-18 Getting Started with Adobe Photoshop CS3 Chapter 1

19 X_01_Rev4.qxd 5/28/07 4:06 PM Page 19 Select a tool FIGURE 18 Hidden tools Shortcut key 1. Click the Lasso Tool on the Tools palette, press and hold the mouse button until a list of hidden tools appears, then release the mouse button. See Figure 18. Note the shortcut key, L, next to the tool name. 2. Click the Polygonal Lasso Tool on the Tools palette. 3. Press and hold [Shift], press [L] three times to cycle through the Lasso tools, then release [Shift]. Did you notice how the options bar changes for each selected Lasso tool? TIP You can return the tools to their default setting by clicking the Click to open the Tool Preset picker list arrow on the options bar, clicking the list arrow, then clicking Reset All Tools. You selected the Lasso Tool on the Tools palette and used its shortcut key to cycle through the Lasso tools. Becoming familiar with shortcut keys can speed up your work and make you more efficient. DESIGNTIP Learning shortcut keys Don t worry about learning shortcut keys. As you become more familiar with Photoshop, you ll gradually pick up shortcuts for menu commands, such as saving a file, or Tools palette tools, such as the Move Tool. You ll notice that as you learn to use shortcut keys, your speed while working with Photoshop will increase and you ll complete tasks with fewer mouse clicks. Lesson 4 Examine the Photoshop Window PHOTOSHOP 1-19

20 X_01_Rev4.qxd 5/28/07 4:06 PM Page 20 Select a tool from the Tool Preset picker FIGURE 19 Using the Tool Preset picker 1. Click the Click to open the Tool Preset picker list arrow on the options bar. The name of a button is displayed in a tool tip, descriptive text that appears when you point to the button. Your Tool Preset picker list will differ, and may contain no entries at all. This list can be customized by each user. 2. Deselect the Current Tool Only check box (if necessary). See Figure Double-click Magnetic Lasso 24 pixels in the list. You selected the Magnetic Lasso Tool using the Tool Preset picker. The Tool Preset picker makes it easy to access frequently used tools and their settings. Active tool displays in Tool Preset picker button List arrow adds new tools and displays more options Using the Full Screen Mode By default, Photoshop displays images in the Standard Screen Mode. This means that each image is displayed within its own window. You can choose from three other modes: Maximized Screen Mode, Full Screen Mode with Menu Bar, and Full Screen Mode. And why would you want to stray from the familiar Standard Screen Mode? Perhaps your image is so large that it s difficult to see it all in Standard Mode, or perhaps you want a less cluttered screen. Maybe you just want to try something different. You can switch between modes by clicking the Change Screen Mode button (located near the bottom of the Tools palette) or by pressing the keyboard shortcut F. When you click this button, the screen displays changes. Click the Hand Tool (or press the keyboard shortcut H), and you can reposition the active image, as shown in Figure 20. FIGURE 20 Full screen mode with menu bar Use hand pointer to reposition image PHOTOSHOP 1-20 Getting Started with Adobe Photoshop CS3 Chapter 1

21 X_01_Rev4.qxd 5/28/07 4:06 PM Page 21 FIGURE 21 Move Tool added to preset picker Add a tool to the Tool Preset picker Selected check box displays only current tool FIGURE 22 Tool Preset picker list arrow menu New tool added to palette 1. Click the Move Tool on the Tools palette. 2. Click the Click to open the Tool Preset picker list arrow on the options bar. 3. Click the list arrow on the Tool Preset picker. 4. Click New Tool Preset, then click OK to accept the default name (Move Tool 1). Compare your list to Figure 21. TIP You can display the currently selected tool alone by selecting the Current Tool Only check box. You added the Move Tool to the Tool Preset picker. Once you know how to add tools to the Tool Preset picker, you can quickly and easily customize your work environment. Modifying a tool preset Once you ve created tool presets, you ll probably want to know how they can be deleted and renamed. To delete any tool preset, select it on the Tool Preset picker palette. Click the list arrow on the Tool Preset picker palette to view the menu, shown in Figure 22, then click Delete Tool Preset. To rename a tool preset, click the same list arrow, then click Rename Tool Preset. Lesson 4 Examine the Photoshop Window PHOTOSHOP 1-21

22 X_01_Rev4.qxd 5/28/07 4:06 PM Page 22 Show and hide palettes 1. Click Window on the menu bar, then verify that Color has a check mark next to it, then close the menu. 2. Click the Swatches tab next to the Color tab to make the Swatches palette active, as shown in Figure Click Window on the menu bar, then click Swatches to deselect it. TIP You can hide all open palettes by pressing [Shift], then [Tab], then show them by pressing [Shift], then [Tab] again. To hide all open palettes, the options bar, and the Tools palette, press [Tab], then show them by pressing [Tab] again. 4. Click Window on the menu bar, then click Swatches to redisplay the Swatches palette. You used the Window menu to show and hide the Swatches palette. You might want to hide palettes at times in order to enlarge your work area. FIGURE 23 Active Swatches palette Swatches tab is active DESIGNTIP Considering ethical implications Because Photoshop enables you to make so many dramatic changes to images, you should consider the ethical ramifications and implications of altering images. Is it proper or appropriate to alter an image just because you have the technical expertise to do so? Are there any legal responsibilities or liabilities involved in making these alterations? Because the general public is more aware about the topic of intellectual property (an image or idea that is owned and retained by legal control) with the increased availability of information and content, you should make sure you have the legal right to alter an image, especially if you plan on displaying or distributing the image to others. Know who retains the rights to an image, and if necessary, make sure you have written permission for its use, alteration, and/or distribution. Not taking these precautions could be costly. PHOTOSHOP 1-22 Getting Started with Adobe Photoshop CS3 Chapter 1

23 X_01_Rev4.qxd 5/28/07 4:06 PM Page 23 FIGURE 24 Save Workspace dialog box Create a customized workspace FIGURE 25 Image Size dialog box 1. Click and drag the Tools palette title bar so it appears to the right of the image. 2. Click Window on the menu bar, point to Workspace, then click Save Workspace. 3. Type Sample Workspace in the Name text box, then verify that only Palette Locations has a check mark beside it, as shown in Figure Click Save. 5. Click Window on the menu bar, then point to Workspace. The name of the new workspace appears on the Window menu. 6. Click Reset Palette Locations. 7. Click Window on the menu bar, point to Workspace, then click Sample Workspace. 8. Click Window on the menu bar, point to Workspace, then click Reset Palette Locations. You created a customized workspace, reset the palette locations, tested the new workspace, then reset the palette locations again. Customized workspaces provide you with a work area that is always tailored to your needs. Resizing an image You may have created the perfect image, but the size may not be correct for your print format. Document size is a combination of the printed dimensions and pixel resolution. With resampling on, you can change the total number of pixels in the image and the print dimensions independently. With resampling off, you can change either the dimensions or the resolution: Photoshop will automatically adjust whichever value you don t ignore. An image designed for a Web site, for example, might be too small for an image that will be printed in a newsletter. You can easily resize an image using the Image Size command on the Image menu. To use this feature, open the file you want to resize, click Image on the menu bar, then click Image Size. The Image Size dialog box, shown in Figure 25, opens. By changing the dimensions in the text boxes, you ll have your image resized in no time. Lesson 4 Examine the Photoshop Window PHOTOSHOP 1-23

24 X_01_Rev4.qxd 5/28/07 4:06 PM Page 24 LESSON 5 USE THE LAYERS AND HISTORY PALETTES What You ll Do Learning About Layers A layer is a section within an image that can be manipulated independently. Layers allow you to control individual elements within an image and create great dramatic effects and variations of the same image. Layers enable you to easily manipulate individual characteristics within an image. Each Photoshop file has at least one layer, and can contain many individual layers, or groups of layers. You can think of layers in a Photoshop image as individual sheets of clear plastic that are in a stack. It s possible for your file to quickly accumulate dozens of layers. The Layers palette displays all the layers in an open file. You can use the Layers palette to create, copy, delete, display, hide, merge, lock, group or reposition layers. QUICKTIP In Photoshop, using and understanding layers is the key to success. In this lesson, you ll hide and display a layer, move a layer on the Layers palette, and then undo the move by deleting the Layer Order state on the History palette. Setting preferences The Preferences dialog box contains several topics, each with its own settings: General, Interface, File Handling, Performance, Cursors, Transparency & Gamut, Units & Rulers, Guides, Grid, Slices & Count, Plug-Ins, and Type. To open the Preferences dialog box, click Edit (Win) or Photoshop (Mac) on the menu bar, point to Preferences, then click a topic that represents the settings you want to change. If you move palettes around the workspace, or make other changes to them, you can choose to retain those changes the next time you start the program. To always start a new session with default palettes, click Interface on the Preferences menu, deselect the Remember Palette Locations check box, then click OK. Each time you start Photoshop, the palettes will be reset to their default locations and values. PHOTOSHOP 1-24 Getting Started with Adobe Photoshop CS3 Chapter 1

25 X_01_Rev4.qxd 5/28/07 4:06 PM Page 25 Understanding the Layers Palette The order in which the layers appear on the Layers palette matches the order in which they appear in the image; the topmost layer in the Layers palette is the topmost layer on the image. You can make a layer active by clicking its name on the Layers palette. When a layer is active, it is highlighted on the Layers palette, the name of the layer appears in parentheses in the image title bar. Only one layer can be active at a time. Figure 26 shows an image with its Layers palette. Do you see that this image contains five layers? Each layer can be moved or modified individually on the palette to give a different effect to the overall image. If you look at the Layers palette, you ll see that the Finger Painting layer is dark, indicating that it is currently active. QUICKTIP Get in the habit of shifting your eye from the image in the work area to the Layers palette. Knowing which layer is active will save you time and help you troubleshoot an image. make it easier to focus on particular areas of an image. Using the History Palette Photoshop records each task you complete in an image on the History palette. This record of events, called states, makes it easy to see what changes occurred and the tools or commands that you used to make the modifications. The History palette, shown in Figure 26, displays up to 20 states and automatically updates the list to display the most recently performed tasks. The list contains FIGURE 26 Layers and History palettes History palette tab History states the name of the tool or command used to change the image. You can delete a state on the History palette by selecting it and dragging it to the Delete current state button. Deleting a state is equivalent to using the Undo command. You can also use the History palette to create a new image from any state. QUICKTIP When you delete a History state, you undo all the events that occurred after that state. History button Displaying and Hiding Layers You can use the Layers palette to control which layers are visible in an image. You can show or hide a layer by clicking the Indicates layer visibility button next to the layer thumbnail. When a layer is hidden, you are not able to merge it with another, select it, or print it. Hiding some layers can Layers palette tab Make a layer active by clicking its name Lesson 5 Use the Layers and History Palettes PHOTOSHOP 1-25

26 X_01_Rev4.qxd 5/28/07 4:06 PM Page 26 Hide and display a layer FIGURE 27 Hot Air Balloon Show Transform Controls check bok 1. Click the Hot Air Balloon layer on the Layers palette. TIP Depending on the size of the window, you might only be able to see the initial characters of the layer name. 2. Verify that the Show Transform Controls check box on the options bar is not checked, then click the Indicates layer visibility button on the Hot Air Balloon layer to display the image, as shown in Figure 27. TIP By default, transparent areas of an image have a checkerboard display on the Layers palette. 3. Click the Indicates layer visibility button on the Hot Air Balloon layer to hide the image. You made the Hot Air Balloon layer active on the Layers palette, then clicked the Indicates layer visibility button to display and hide a layer. Hiding layers is an important skill that can be used to remove distracting elements. Once you ve finished working on specific layers, you can display the distracting layers. Visible Hot Air Balloon layer Indicates layer visibility button Hot Air Balloon layer PHOTOSHOP 1-26 Getting Started with Adobe Photoshop CS3 Chapter 1

27 X_01_Rev4.qxd 5/28/07 4:06 PM Page 27 FIGURE 28 Layer moved in Layers palette Move a layer on the Layers palette and delete a state on the History palette FIGURE 30 Deleting a History state Balloon obscures type Layer being moved Pointer when dragging layer Selected state Delete current state button History palette tab Click to display the History palette Layer Order state created when the layer was moved FIGURE 29 Result of moved layer New layer location 1. Click the Indicates layer visibility button on the Hot Air Balloon layer on the Layers palette. 2. Click and drag the Hot Air Balloon layer on the Layers palette, beneath the Inflating Balloons layer in the palette, as shown in Figure 28. The basket of the Hot Air Balloon is hidden by the Inflating Balloons layer. See Figure Click the History button in the Dock to display the History palette. 4. Click Layer Order on the History palette, then drag it to the Delete current state button on the History palette, as shown in Figure 30. TIP Each time you close and reopen an image, the History palette is cleared. The basket of the hot air balloon is now visible. 5. Click File on the menu bar, then click Save. You moved the Hot Air Balloon layer so it was behind the Inflating Balloon layer, then returned it to its original position by dragging the Layer Order state to the Delete current state button on the History palette. You can easily undo what you ve done using the History palette. Pointer when deleting a history state Lesson 5 Use the Layers and History Palettes PHOTOSHOP 1-27

28 X_01_Rev4.qxd 5/28/07 4:06 PM Page 28 LESSON 6 LEARN ABOUT PHOTOSHOP BY USING HELP What You ll Do In this lesson, you ll open Help, then view and find information from the following Help links: Contents, Index, and Search. Understanding the Power of Help Photoshop features an extensive Help system that you can use to access definitions, explanations, and useful tips. Help information is displayed in a browser window, so you must have Web browser software installed on your computer to view the information; however, you do not need an Internet connection to use Photoshop Help. Using Help Topics The Home page of the Help window has links in the right pane that you can use to retrieve information about Photoshop commands and features. In the left pane, there are two sections: Contents and Index. The Getting Started link displays the Contents and Index links as shown in Figure 31. The Contents palette tab allows you to browse topics by category; the Index palette tab provides the letters of the alphabet, which you can click to view keywords and topics alphabetically. The Search feature is located on the toolbar (above the left and right panes) in the form of a text box. You can search the Photoshop Help System by entering text in the Type in a word or phrase text box, then click Search. FIGURE 31 Links in the Getting Started section Help links Index link PHOTOSHOP 1-28 Getting Started with Adobe Photoshop CS3 Chapter 1

29 X_01_Rev4.qxd 5/28/07 4:06 PM Page 29 Choosing colors topic in Contents Subtopic FIGURE 32 Contents section of the Help window Find information in Contents 1. Click Help on the menu bar, then click Photoshop Help. TIP You can also open the Help window by pressing [F1] (Win) or [?] (Mac). 2. If it s not already selected, click the Contents link, scroll down the left pane (if necessary), then click Color. 3. Click Choosing colors, then click Adobe Color Picker overview in the left pane. See Figure 32. TIP You can maximize the window (if you want to take advantage of the full screen display). You used the Photoshop Help command on the Help menu to open the Help window and viewed a topic in Contents. Understanding the differences between monitor, images, and device resolution Image resolution is determined by the number of pixels per inch (ppi) that are printed on a page. Pixel dimensions (the number of pixels along the height and width of a bitmap image) determine the amount of detail in an image, while image resolution controls the amount of space over which the pixels are printed. High resolution images show greater detail and more subtle color transitions than low resolution images. Device resolution or printer resolution is measured by the ink dots per inch (dpi) produced by printers. You can set the resolution of your computer monitor to determine the detail with which images will be displayed. Each monitor should be calibrated to describe how the monitor reproduces colors. Monitor calibration is one of the first things you should do because it determines whether your colors are being accurately represented, which in turn determines how accurately your output will match your design intentions. Lesson 6 Learn About Photoshop by Using Help PHOTOSHOP 1-29

30 X_01_Rev4.qxd 5/28/07 4:06 PM Page 30 Find information in the Index 1. Click the Index link in the left pane of the Help window. 2. Click E, scroll down, then click Eyedropper tool, click about, then click View color values in an image. Compare your Help window to Figure 33. You clicked an alphabetical listing and viewed an entry in the Index. FIGURE 33 Topics in the Index window FIGURE 34 How-To Help topics Using How-To Help features Using Help would always be easy if you knew the name of the feature you wanted up look up. To help you find out how to complete common tasks, Photoshop has a listing of How-To s in the Help menu. Click Help in the menu bar, point to the How-To you d like to read, as shown in Figure 34, then click the item you want information about. PHOTOSHOP 1-30 Getting Started with Adobe Photoshop CS3 Chapter 1

31 X_01_Rev4.qxd 5/28/07 4:07 PM Page 31 FIGURE 35 Search topic in Help Search term Find information using Search 1. Click the Search text box in the Help window. 2. Type print quality, then press [Enter] (Win) or [return] (Mac). TIP You can search for multiple words by inserting a space; do not use punctuation in the text box. 3. Scroll down the left pane (if necessary), click Why colors sometimes don t match, then compare your Help screen to Figure Click the Close box when you are finished reading the topic. You entered a search term, viewed search results, then closed the Help window. FIGURE 36 Create your own How To tips Creating customized How To s Photoshop Help is pretty helpful, but perhaps there s a technique you ve created, only to return later and think How did I do this? Fortunately, you can create your own How To tips so you ll never wonder how you created a cool effect. To find out more, click Help on the menu bar, point to How to Create How Tos, then click Create your own How To tips. The information shown in Figure 36 walks you through the process. Lesson 6 Learn About Photoshop by Using Help PHOTOSHOP 1-31

32 X_01_Rev4.qxd 5/28/07 4:07 PM Page 32 LESSON 7 VIEW AND PRINT AN IMAGE What You ll Do In this lesson, you ll use the Zoom Tool on the Tools palette to increase and decrease your views of the image. You ll also change the page orientation settings in the Page Setup dialog box, and print the image. Getting a Closer Look When you edit an image in Photoshop, it is important that you have a good view of the area that you are focusing on. Photoshop has a variety of methods that allow you to enlarge or reduce your current view. You can use the Zoom Tool by clicking the image to zoom in on (magnify the view) or zoom out of (reduce the view) areas of your image. Zooming in or out enlarges or reduces your view, not the actual image. The maximum zoom factor is 1600%. The current zoom percentage appears in the document s title bar, on the Navigator palette, and on the status bar. When the Zoom Tool is selected, the options bar provides additional choices for changing your view as shown in Figure 37. For example, the Resize Windows To Fit check box automatically resizes the window whenever you magnify or reduce the view. You can also change the zoom percentage using the Navigator palette and the status bar by typing a new value in the zoom text box. Printing Your Image In many cases, a professional print shop might be the best option for printing a Photoshop image to get the highest quality. You can print a Photoshop image using a standard black-and-white or color printer. The printed image will be a composite of all visible layers. The quality of your printer and paper will affect the appearance of your output. The Page Setup dialog box displays options for printing, such as paper orientation. Orientation is the direction in which an image appears on the page. In portrait orientation, the image is printed with the shorter edges of the paper at the top and bottom. In landscape orientation, the image is printed with the longer edges of the paper at the top and bottom. Use the Print command when you want to print multiple copies of an image. Use the Print One Copy command to print a single copy without making dialog box selections, and use the Print dialog box when you want to handle color values using color management. PHOTOSHOP 1-32 Getting Started with Adobe Photoshop CS3 Chapter 1

33 X_01_Rev4.qxd 5/28/07 4:07 PM Page 33 Understanding Color Handling in Printing The Print dialog box that opens when you click Print on the File menu lets you determine how colors are output. You can click the Color Handling list arrow to choose whether to use color management, and whether Photoshop or the printing device should control this process. If you let Photoshop determine the colors, Photoshop performs any necessary conversions to color values appropriate for the selected printer. If you choose to let the printer determine the colors, the printer will convert document color values to the corresponding printer color values. In this scenario, Photoshop does not alter the color values. If no color management is selected, no color values will be changed when the image is printed. Viewing an Image in Multiple Views You can use the New Window command on the Window Arrange menu to open multiple views of the same image. You can change the zoom percentage in each view so you can spotlight the areas you want to modify, and then modify the specific area of the image in each view. Because you are working on the same image in multiple views, not in multiple versions, Photoshop automatically applies the changes you make in one view to all views. Although you can close the views you no longer need at any time, Photoshop will not save any changes until you save the file. FIGURE 37 Zoom Tool options bar Zooms the window to the print resolution Selected check box resizes window Displays image at 100% magnification Fits the image on the screen Choosing a Photoshop version You may have noticed that the title bar on the images in this book say Adobe Photoshop CS3 Extended. What s that about? Well, the release of the Adobe Creative Suite 3 offers two versions of Photoshop: Adobe Photoshop CS3 and Adobe Photoshop CS3 Extended. The Extended version is ideal for multi-media creative professionals, film and video creative professionals, graphic and Web designers who push the limits of 3D and motion, as well as those professionals in the fields of manufacturing, medicine, architecture, engineering and construction, and science and research. Photoshop CS3 is ideal for professional photographers, serious amateur photographers, graphic and Web designers, and print service providers. Lesson 7 View and Print an Image PHOTOSHOP 1-33

34 X_01_Rev4.qxd 5/28/07 4:07 PM Page 34 Use the Zoom Tool 1. If necessary, click the Indicates layer visibility button on the Layers palette for the Hot Air Balloon layer so the layer is no longer displayed. 2. Click the Zoom Tool on the Tools palette. 3. Select the Resize Windows To Fit check box (if it is not already selected) on the options bar. 4. Position the Zoom In pointer over the center of the image, then click the image. TIP Position the pointer over the part of the image you want to keep in view. 5. Press [Alt] (Win) or [option] (Mac), then when the Zoom Out pointer appears, click the center of the image twice with the Zoom Out pointer. 6. Release [Alt] (Win) or [option] (Mac), then compare your image to Figure 38. The zoom factor for the image is 66.7%. Your zoom factor may differ. You selected the Zoom Tool on the Tools palette and used it to zoom in to and out of the image. The Zoom Tool makes it possible to see the detail in specific areas of an image, or to see the whole image at once, depending on your needs. Zoom Tool options Zoom Tool FIGURE 38 Reduced image FIGURE 39 Navigator palette Zoom percentage changed Using the Navigator palette You can change the magnification factor of an image using the Navigator palette or the Zoom Tool on the Tools palette. By double-clicking the Zoom text box on the Navigator palette, you can enter a new magnification factor, then press [Enter] (Win) or [return] (Mac). The magnification factor shown as a percentage is displayed in the lower-left corner of the Navigator palette, as shown in Figure 39. The red border in the palette, called the Proxy Preview Area, defines the area of the image that is magnified. You can drag the Proxy Preview Area inside the Navigator palette to view other areas of the image at the current magnification factor. Viewed area of image PHOTOSHOP 1-34 Getting Started with Adobe Photoshop CS3 Chapter 1

35 X_01_Rev4.qxd 5/28/07 4:07 PM Page 35 FIGURE 40 Page Setup dialog box Modify print settings 1. Click File on the menu bar, then click Page Setup to open the Page Setup dialog box, as shown in Figure 40. TIP If you have not selected a printer using the Print Center, a warning box might appear (Mac). Page setup and print settings vary slightly in Macintosh. 2. Click the Landscape option button in the Orientation section, then click OK. TIP Choose either Landscape option (Mac). Selected printer Copies to be printed Positioning options FIGURE 41 Print dialog box 3. Click File on the menu bar, click Print, then click Proceed in the message box that opens. If a PostScript dialog box opens, click OK (Mac). Orientation options Drag handles surrounding preview to resize image Scaling options 4. Make sure that the All option button is selected in the Print range section (Win) or Pages section (Mac), and that 1 appears in the Number of copies text box, then click OK (Win) or Print (Mac). See Figure 41. You used the Page Setup command on the File menu to open the Page Setup dialog box, changed the page orientation, then printed the image. Changing the page orientation can make an image fit on a printed page better. Previewing and creating a Proof Setup You can create and save a Proof Setup, which lets you preview your image to see how it will look when printed on a specific device. This feature lets you see how colors can be interpreted by different devices. By using this feature, you can decrease the chance that colors will vary from what you viewed on your monitor after they are printed. Create a custom proof by clicking View on the menu bar, pointing to Proof Setup, then clicking Custom. Specify the conditions in the Customize Proof Condition dialog box, then click OK. Each proof setup has the.psf extension and can be loaded by clicking View on the menu bar, pointing to Proof Setup, clicking Custom, then clicking Load. Use the handles on the image preview in the Print dialog box to scale the print size. Lesson 7 View and Print an Image PHOTOSHOP 1-35

36 X_01_Rev4.qxd 5/28/07 4:07 PM Page 36 LESSON 8 CLOSE A FILE AND EXIT PHOTOSHOP What You ll Do Concluding Your Work Session At the end of your work session, you might have opened several files; you now need to decide which ones you want to save. QUICKTIP If you share a computer with other people, it s a good idea to reset Photoshop s preferences back to their default settings. You can do so when you start Photoshop by clicking Window on the menu bar, pointing to Workspace, then clicking Reset Palette Locations. Closing Versus Exiting When you are finished working on an image, you need to save and close it. You can close one file at a time, or close all open files at the same time by exiting the program. Closing a file leaves Photoshop open, which allows you to open or create another file. Exiting Photoshop closes the file, closes Photoshop, and returns you to the desktop, where you can choose to open another program or shut down the computer. Photoshop will prompt you to save any changes before it closes the files. If you do not modify a new or existing file, Photoshop will close it automatically when you exit. QUICKTIP To close all open files, click File on the menu bar, then click Close All. In this lesson, you ll use the Close and Exit (Win) or Quit (Mac) commands to close a file and exit Photoshop. Using Adobe online Periodically, when you start Photoshop, an Update dialog box might appear, prompting you to search for updates or new information on the Adobe Web site. If you click Yes, Photoshop will automatically notify you that a download is available; however, you do not have to select it. You can also obtain information about Photoshop from the Adobe Photoshop Web site ( where you can link to downloads, tips, training, galleries, examples, and other support topics. PHOTOSHOP 1-36 Getting Started with Adobe Photoshop CS3 Chapter 1

37 X_01_Rev4.qxd 5/28/07 4:07 PM Page 37 Close command Exit command DESIGNTIP FIGURE 42 Closing a file using the File menu Using a scanner and a digital camera If you have a scanner, you can import print images, such as those taken from photographs, magazines, or line drawings, into Photoshop. Remember that images taken from magazines are owned by others, and that you need permission to distribute them. There are many types of scanners, including flatbed or single-sheet feed. See your instructor to learn how to use the scanner in your facility. You can also use a digital camera to create your own images. A digital camera captures images as digital files and stores them on some form of electronic medium, such as a floppy disk or SmartMedia card. After you upload the images from your camera to your computer, you can work with images in Photoshop. You can open a scanned or uploaded image (which usually has a.jpg extension or another graphics file format) by clicking File on the menu bar, then by clicking Open. All Formats is the default file type, so you should be able to see all available image files in the Open dialog box. Locate the folder containing your scanned or digital camera images, click the file you want to open, then click Open. A scanned or digital camera image contains all its imagery in a single layer. You can add layers to the image, but you can only save these new layers if you save the image as a Photoshop image (with the extension.psd). Close a file and exit Photoshop 1. Click File on the menu bar, then compare your screen to Figure Click Close. TIP You can close an open file (without closing Photoshop) by clicking the Close button in the image window. Photoshop will prompt you to save any unsaved changes before closing the file. 3. If asked to save your work, click Yes (Win) or Save (Mac). 4. Click File on the menu bar, then click Exit (Win) or click Photoshop on the menu bar, then click Quit Photoshop (Mac). TIP To exit Photoshop and close an open file, click the Close button in the program window. Photoshop will prompt you to save any unsaved changes before closing. 5. If asked to save your work, click No. You closed the current file and exited the program by using the Close and Exit (Win) or Quit (Mac) commands. Lesson 8 Close a File and Exit Photoshop PHOTOSHOP 1-37

38 X_01_Rev4.qxd 5/28/07 4:08 PM Page 38 SKILLS REFERENCE Power User Shortcuts Key: Menu items are indicated by between the menu name and its command. Blue bold letters are shortcuts for selecting tools on the Tools palette. to do this: use this method: to do this: use this method: Close a file [Ctrl][W] (Win) [W] (Mac) Reset preferences to [Shift][Alt][Ctrl] (Win) default settings [Shift] (Mac) Create a new file [Ctrl][N] (Win) [N] (Mac) Create a workspace Drag a layer Window Workspace Save Workspace Exit Photoshop [Ctrl][Q] (Win), [Q] (Mac) Hide a layer Lasso Tool Modify workspace display or L Open a file [Ctrl][O] (Win), [O] (Mac) Open Bridge Save a file Show a layer Show hidden lasso tools Show History palette Show or hide all open palettes Show or hide all open palettes, the options bar, and the Tools palette Show or hide Swatches palette Use Save As [Ctrl][S] (Win) [S] (Mac) [Shift] L [Shift][Tab] [Tab] Window Swatches [Shift][Ctrl][S] (Win) [Shift] [S] (Mac) Open Help Open Preferences dialog box [F1] (Win) [Ctrl][K] (Win) [K] (Mac) Zoom in [ ][+] Zoom out [Alt] (Win) Page Setup [Shift][Ctrl][P] (Win)[Shift] [P] (Mac) [ ][ ] (Mac) Print File File Print [Ctrl][P], (Win) [P] (Mac) Zoom Tool or Z PHOTOSHOP 1-38 Getting Started with Adobe Photoshop CS3 Chapter 1

39 X_01_Rev4.qxd 5/28/07 4:08 PM Page 39 SKILLS REVIEW Start Adobe Photoshop CS3. 1. Start Photoshop. 2. Create a new image that is pixels, accept the default resolution, then name and save it as Review. Open and save an image. 1. Open PS 1-3.psd from the drive and folder where you store your Data Files, and if prompted, update the text layers. 2. Save it as Zenith Design Logo. Use organizational and management features. 1. Open Adobe Bridge. 2. Click the Folders tab, then locate the folder that contains your Data Files. 3. Close Adobe Bridge. Examine the Photoshop window. 1. Locate the image title bar and the current zoom percentage. 2. Locate the menu you use to open an image. 3. View the Tools palette, the options bar, and the palettes that are showing. 4. Click the Move Tool on the Tools palette, then view the Move Tool options on the options bar. Use the Layers and History palettes. 1. Drag the Wine Glasses layer so it is above the Zenith layer, then use the History palette to undo the state. 2. Drag the Wine Glasses layer above the Zenith layer again. 3. Use the Indicates layer visibility button to hide the Wine Glasses layer. 4. Make the Wine Glasses layer visible again. 5. Hide the Zenith layer. 6. Show the Zenith layer. 7. Click the Tag Line layer. Notice that the Tag Line layer is now the active layer. 8. Save your work. Learn about Photoshop by using Help. 1. Open the Adobe Photoshop CS3 Help window. 2. Using the Index, find information about resetting to the default workspace. 3. Print the information you find. 4. Close the Help window. FIGURE 43 Completed Skills Review View and print an image. 1. Make sure that all the layers are visible in the Layers palette. 2. Click the Zoom Tool, then make sure the setting is selected to resize the window to fit. 3. Zoom in on the wine glasses twice. 4. Zoom out to the original perspective. 5. Print one copy of the image. Close a file and exit Photoshop. 1. Compare your screen to Figure 43, then close the Zenith Design Logo file. 2. Close the Review file. 3. Exit (Win) or Quit (Mac) Photoshop. Chapter 1 Getting Started with Adobe Photoshop CS3 PHOTOSHOP 1-39

40 X_01_Rev4.qxd 5/28/07 4:08 PM Page 40 PROJECT BUILDER 1 As a new Photoshop user, you are comforted knowing that Photoshop s Help system provides definitions, explanations, procedures, and other helpful information. It also includes examples and demonstrations to show how Photoshop features work. You use the Help system to learn about image size and resolution. FIGURE 44 Sample Project Builder 1 1. Open the Photoshop Help window. 2. Click the Workspace topic in the Contents link. 3. Click the Working with pop-up palettes in the Palettes and menus subtopic, in the left pane. 4. After you read this topic, click the Display context menus topic, then read this topic. 5. Click the Opening and importing images topic in the left pane. 6. Click the Image size and resolution topic in the left pane, then click About monitor resolution. Print out this topic, then compare your screen to the sample shown in Figure 44. PHOTOSHOP 1-40 Getting Started with Adobe Photoshop CS3 Chapter 1

41 X_01_Rev4.qxd 5/28/07 4:08 PM Page 41 PROJECT BUILDER 2 Kitchen Experience, your local specialty cooking shop, has just added herb-infused oils to its product line. They have hired you to draft a flyer that features these new products. You use Photoshop to create this flyer. FIGURE 45 Sample Project Builder 2 1. Open PS 1-4.psd, then save it as Cooking. 2. Make the Measuring Spoons layer visible. 3. Drag the Oils layer so the content appears behind the Skillet layer content. 4. Drag the Measuring Spoons layer above the Skillet layer. 5. Save the file, then compare your image to the sample shown in Figure 45. Chapter 1 Getting Started with Adobe Photoshop CS3 PHOTOSHOP 1-41

42 X_01_Rev4.qxd 5/28/07 4:08 PM Page 42 DESIGN PROJECT As an avid, albeit novice Photoshop user, you have grasped the importance of how layers affect your image. With a little practice, you can examine a single-layer image and guess which objects might display on their own layers. Now, you re ready to examine the images created by Photoshop experts and critique them on their use of layers. FIGURE 46 Sample Design Project 1. Connect to the Internet, and use your browser to find interesting artwork located on at least two Web sites. 2. Review the categories, then download a single-layer image from each Web site. 3. Start Photoshop, then open the downloaded images. 4. Save one image as Critique-1 and the other as Critique-2 in the Photoshop format (use the.psd extension). 5. Analyze each image for its potential use of layers. 6. Open the File Info dialog box for Critique-1.psd, then type in the Description section your speculation as to the number of layers there might be in the image, their possible order on the Layers palette, and how moving the layers would affect the image. 7. Close the dialog box. 8. Compare your image to the sample shown in Figure 46, then close the files. PHOTOSHOP 1-42 Getting Started with Adobe Photoshop CS3 Chapter 1

43 X_01_Rev4.qxd 5/28/07 4:08 PM Page 43 GROUP PROJECT Depending on the size of your group, you can assign individual elements of the project to group members, or work collectively to create the finished product. You and a select team of graphic artists are preparing to work together on a series of design projects. You want to see what digital imaging options exist. You decide to see what kind of information on this topic is available on the Adobe Web site. You also want to gain familiarity with the Web site so that you can take advantage of its product information, including user tips and feedback, and become more skillful Photoshop users. 1. Connect to the Internet and go to the Adobe Web site at 2. Point to Products, then find the link for Digital imaging, as shown in Figure Divide into two groups, and let the first group use the links on the Web page to search for information about digital imaging options. 4. Print the relevant page(s). 5. Let the second group start Photoshop and open the Photoshop Help window. 6. Search for information about Adjusting the Monitor Display, then print the relevant page(s). FIGURE 47 Completed Group Project 7. Let the entire group evaluate the information in the documents, compare any significant differences, and then discuss your findings. Chapter 1 Getting Started with Adobe Photoshop CS3 PHOTOSHOP 1-43

44 X_01_Rev4.qxd 5/28/07 4:08 PM Page 44