Featuring Dreamweaver, Flash, And Photoshop

Transcript

DOMAIN 3 Understanding Adobe Photoshop CS5 ■ OBJECTIVES ■ VOCABULARY Upon completion of this domain, you should be able to: Application frame ■ Identify elements of the Photoshop CS5 user interface and demonstrate knowledge of their functions. blending mode ■ Demonstrate knowledge of layers and masks. color space ■ Demonstrate knowledge of importing, exporting, organizing, and saving. contact sheet ■ Demonstrate knowledge of producing and reusing images. ■ Demonstrate an understanding of, and select the appropriate features and options required to implement, a color management workflow. color gamut context sensitive destructive editing dock layer mask Live Workspaces nondestructive editing rendering intent smart filter soft proofing vector mask PS 35 Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. PHOTOSHOP PS 36 Domain 3.0 Understanding Adobe Photoshop CS5 Domain 3 focuses on the Photoshop interface and the basic skills necessary to begin working with images. ◗ VOCABULARY Application frame Live Workspaces NOTE Because the screenshots in this book were taken at a resolution of 1024 3 768 (and sometimes at 1280 3 960), the Menu bar appears beneath (Win) or above (Mac) the Application bar. Depending on your monitor’s resolution, they may appear on the same line. Application bar Menu bar Objective 3.1 Identify Elements of the Photoshop CS5 User Interface and Demonstrate Knowledge of Their Functions The Adobe Photoshop workspace has a similar appearance to the other Adobe Creative Suite applications. This makes it easier to learn and work with the various applications. The workspace consists of panels, bars, and a window, as shown in Figure 3–1, all of which are located within the Application frame. The Application frame holds the workspace elements together, and if you move or resize the Application frame, the elements move together. (Note: This is a default feature in Windows; Mac users can enable this option by clicking Window on the Menu bar, and then clicking Application frame.) As with all applications in the Adobe Creative Suite, you can customize Photoshop’s workspace by arranging the various panels and bars. You can move panels in the workspace by clicking a panel’s tab and then dragging it to a new location. The workspace switcher, shown in Figure 3–2, allows you to reset the workspace, save a custom workspace, or switch between a variety of standard workspaces. You can access the workspace switcher on the Application bar from a pop-up menu, or by expanding the switcher to make some or all of the Live Workspaces visible. Live Workspaces are a series of buttons on the Application bar that display the preset Photoshop workspaces or custom workspaces you have created. Click to access Bridge Your screen may display the Application bar and Menu bar on one line Options bar Tool bar Panel groups FIGURE 3–1 The Photoshop workspace Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. DOMAIN 3 Understanding Adobe Photoshop CS5 PS 37 Live Workspaces Application bar Click to open workspace menu Drag to resize FIGURE 3–2 Workspace switcher options The Tools panel, also referred to as the Tool bar and shown in Figure 3–3, is organized into the following tools categories, Selection, Crop and slice, Measuring, Retouching, Painting, Drawing and type, and Navigation & 3D. The name of the tool group appears in a tooltip when you hover the pointer over a tool icon. (Note: A small triangle indicates there are additional tools available in the tool group.) TIP To view default keyboard shortcuts or assign a new shortcut to a workspace, click Window on the Application bar (Win) or Menu bar (Mac), point to Workspace, click Keyboard Shortcuts & Menu, and then click the Keyboard Shortcuts tab. Selection tools Crop and slice tools Measuring tools Painting tools Retouching tools Drawing and type tools Navigation & 3D tools FIGURE 3–3 The Photoshop Tools panel A context-sensitive options bar is located below the Application bar. Context sensitive means the options change based on the tool that is selected in the Tools panel. If you want to move the options bar, click and hold the gripper bar, and then drag it to a new location in the workspace. The Selection tools allow you to select one section or multiple sections of your image. You can apply effects and filters to the selection while leaving the rest of the ◗ VOCABULARY context sensitive Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. PS 38 PHOTOSHOP image untouched. You can also use selections to cut out or crop an area. Selections made with the Selection tools work with raster data. Table 3–1 describes the Selection tools. TABLE 3–1 Selection tools TOOL NAME TOOL ICON DESCRIPTION Move tool Moves selections, layers, and guides Rectangular Marquee tool The default tool in the marquee tool group; creates a rectangular selection Elliptical Marquee tool Creates an elliptical selection Single Column Marquee tool Creates a single column selection that is 1-pixel wide and runs the height of the canvas Single Row Marquee tool Creates a single row selection that is 1-pixel wide and the canvas width Lasso tool The default tool in the lasso tool group; creates a freehand selection; the selection closes when the mouse is released Polygonal Lasso tool Creates straight-edge selections by clicking and dragging the pointer on the canvas Magnetic Lasso tool Creates a selection based on pixel color; selection “snaps” to a color; double-click to close the selection Quick Selection tool Creates a selection based on pixel color and by dragging the brush pointer in an image Magic Wand tool Creates selections similar to the Quick Selection tool; can adjust tolerance on the options bar to decrease or increase shades of the same color and the selection can be made with contiguous or noncontiguous pixels The Crop and Slice tools separate or divide an image. The Crop tool removes unnecessary image data and leaves the most important part of the image, often improving the image composition or optimizing file size. Table 3–2 describes the Crop and Slice tools. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. DOMAIN 3 TABLE 3–2 Understanding Adobe Photoshop CS5 PS 39 Crop and Slice tools TOOL NAME TOOL ICON DESCRIPTION Crop tool The default tool in the tool group; trims the area outside the crop and includes all layers; press Enter to crop or Esc to cancel the crop Slice tool Divides an image into smaller sections; commonly used when saving an image for the web Slice Select tool Selects and adjusts slices that were created with the Slice tool The Measuring tool group draws measurement lines, selects color samples, and creates comments. Table 3–3 describes the Measuring tools. TABLE 3–3 Measuring tools TOOL NAME TOOL ICON DESCRIPTION Eyedropper tool The default tool in the tool group; selects a single pixel of color when you click the image Color Sampler tool Allows you to view samples of color in the Info panel by clicking the image; can create multiple samples Ruler tool Adjusts an image based on a line that is drawn or finds a measurement by drawing a line from one point to another Note tool Adds comments to an image in a precise location; notes can be hidden or shown, but do not print Count tool Counts the number of items in an image by adding a number each time you click the canvas Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. PHOTOSHOP PS 40 The Retouching tools correct an image to remove image flaws such as scratches, red eye, and blemishes. Table 3–4 describes the differences between the Retouching tools. TABLE 3–4 Retouching tools TOOL NAME TOOL ICON DESCRIPTION Spot Healing Brush tool The default tool in the brush tool group; removes flaws in an image based on surrounding pixels Healing Brush tool Similar to the Spot Healing Brush tool; corrections are applied based on preselected sampled pixels that include texture, lighting, transparency, and shading Patch tool Replaces marked areas of pixels in an image with preselected sampled pixels that include texture, lighting, transparency, and shading Red Eye tool Removes red eye from flash photos Clone Stamp tool The default tool in the stamp tool group; duplicates a preselected sample of an image over another area of the same image or another part of any open document Pattern Stamp tool Stamps a pattern from a library onto an image Eraser tool The default tool in the eraser tool group; erases pixels to transparent or to the background color if the layer is locked Background Eraser tool Removes the background color from an image or a layer; the eraser samples the color in the center of the brush when you click the image and erases that color when you drag the pointer Magic Eraser tool Erases similar pixels based on the color selected and the set tolerance; same as selecting with the Magic Wand tool and then pressing Delete Blur tool Blurs hard edges in an image to soften the edge Sharpen tool Sharpens edges in an image that are soft Smudge tool Smudges an area in an image Dodge tool Lightens an area in an image Burn tool Darkens an area in an image Sponge tool Changes the color saturation in an area of an image The Painting tools paint pixels on the canvas, which you can do on a blank canvas or in an image. Table 3–5 describes the Painting tools. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. DOMAIN 3 TABLE 3–5 Understanding Adobe Photoshop CS5 PS 41 Painting tools TOOL NAME TOOL ICON DESCRIPTION Brush tool The default tool in the brush tool group; paints in the document using different brush sizes and styles selected on the options bar Pencil tool Similar to the Brush tool; draws pencil strokes Color Replacement tool Replaces a color on the canvas with the Foreground color in the crosshairs pointer Mixer Brush tool Creates realistic painting methods, such as mixing colors on a canvas or combining colors on a brush History Brush tool The default tool in the history brush tool group; paints back an image based on the selected history state in the History panel Art History Brush tool Similar to the History Brush tool, you can add a paint style to the effect on the options bar Gradient tool The default tool in the gradient and paint bucket tool group; creates a gradient across the canvas; you select gradient types and samples on the options bar Paint Bucket tool Spills the foreground color onto the canvas The drawing and type tools are vector-based tools that draw vector paths. Table 3–6 describes the drawing and type tools. TABLE 3–6 Drawing and type tools TOOL NAME TOOL ICON DESCRIPTION Pen tool The default tool in the pen tool group; draws paths, creates points with a single-click; click and hold to create a Bézier curve when drawing the path Freeform Pen tool Draws a path automatically when you click and hold the mouse; when you release the mouse, the line is completed Add Anchor Point tool Adds anchor points to an existing path Delete Anchor Point tool Removes anchor points from an existing path Convert Point tool Converts an anchor point to a corner point or a curve point Horizontal Type tool The default tool in the type tool group; creates horizontal text; select a font, size, and other text properties on the options bar Continued on next page Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. PHOTOSHOP PS 42 TABLE 3–6 Drawing and type tools Continued from previous page TOOL NAME TOOL ICON DESCRIPTION Vertical Type tool Similar to the Horizontal Type tool; creates vertical text Horizontal Type Mask tool Similar to the Horizontal Type tool; creates a selection area for the type rather than the actual text Vertical Type Mask tool Similar to the Vertical Type tool; creates a selection area for the type rather than the actual text Path Selection tool The default tool in the selection tool group; selects shapes or segments so that you can transform the shape Direct Selection tool Selecting a path with the Direct Selection tool displays anchors and paths, allowing you to make changes to the anchors to modify the shape Rectangle tool The default tool in the drawing tool group; draws rectangles; press and hold Shift to draw a perfect square Rounded Rectangle tool Similar to the Rectangle tool, draws rounded corners instead of 90-degree corners Ellipse tool Draws ellipses; press and hold Shift to draw a perfect circle Polygon tool Draws polygons; select the number of sides on the options bar Line tool Draws lines; press and hold Shift to draw a straight line Custom Shape tool Draws custom shapes that are available from several libraries included with Photoshop The Navigation and 3D tools navigate around your image. Note that the 3D tools are only available in the Extended version of Photoshop. Table 3–7 explains the Navigation and 3D tools. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. DOMAIN 3 TABLE 3–7 Understanding Adobe Photoshop CS5 PS 43 Navigation & 3D tools TOOL NAME TOOL ICON DESCRIPTION 3D Object Rotate tool The default tool in the 3D object tool group; rotates an object around its x-axis 3D Object Roll tool Rotates an object around its z-axis 3D Object Pan tool Pans an object in the direction of the x-axis or y-axis 3D Object Slide tool Moves the object side to side or front to back 3D Object Scale tool Scales an object larger or smaller 3D Rotate Camera tool The default tool in the 3D camera tool group; orbits the camera in the direction of the x-axis or y-axis 3D Roll Camera tool Rotates the camera around the z-axis 3D Pan Camera tool Pans the camera in the direction of the x-axis or y-axis 3D Walk Camera tool Moves the camera side to side or to the front and back 3D Zoom Camera tool Zooms in or out on the field of view Hand tool The default tool in the view tool group; moves the canvas when you are zoomed in Rotate View tool Rotates the canvas in a nondestructive manner that does not transform the image; can provide a better perspective on the image as you edit Zoom tool Zooms in or out of canvas; double-click the Zoom tool to reset the canvas to 100% Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. PS 44 PHOTOSHOP Documents are displayed in the center of the workspace and can be docked with a tab or undocked without a tab, as shown in Figure 3–4. Tab indicates docked window Document title bar indicates floating window FIGURE 3–4 Document window TIP To restore preferences to the default settings, press and hold Alt+Ctrl+Shift (Win) or Option+Command+Shift (Mac) as you start Photoshop, and then click Yes when prompted. ◗ VOCABULARY dock Photoshop panels are organized into groups with other related panels; click a panel’s tab to make it active. By default, only a few panels are displayed when you start Photoshop. You can open additional panels from the Window menu. A check mark indicates that the panel is already open in the workspace. To close an open panel, click its name in the Window menu. You can expand a panel or panel group by clicking the Expand Panels arrow, or show only the icons by clicking the Collapse to Icons arrow, as shown in Figure 3–5. If you want to relocate a panel, simply click and hold the tab and then drag the panel to its new location. If you drag the solid bar above the tabs, you will move the entire dock. A dock is a collection of panel groups. A panel can float in the workspace or be docked; this is similar to displaying a document with a tab or without a tab. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. DOMAIN 3 Understanding Adobe Photoshop CS5 PS 45 Panel group Expand/Collapse button Panel group Collapsed view Iconic view Expanded view FIGURE 3–5 Panels in Photoshop Panels are available to work with colors, styles, and brushes. You can also use layers to apply nondestructive editing techniques to your images. Nondestructive editing does not alter the original image data or degrade the image. Destructive editing alters the original image, and you cannot remove or alter the edits later. You can apply nondestructive editing a variety of ways. You can create an adjustment layer to modify the color and tone in an image. You can also create a smart filter, a filter applied to Smart Objects, to create a nondestructive filter effect. Or, you can also apply the results of a retouching tool to a separate layer in an image, ensuring that your edits are nondestructive. For example, if you use the Clone Stamp tool to sample pixels in an image and then paint the sample on the image layer, you permanently alter, or edit the image destructively. However, if you create a new layer and then paint the results of the tool on that layer, the edits are considered nondestructive, because the source image layer remains unaffected. ◗ VOCABULARY nondestructive editing destructive editing smart filter Step-by-Step 3.1 1. Start Photoshop CS5. 2. Click File on the Application bar (Win) or Menu bar (Mac), click Open, select the location of your data files, click Lake, and then click Open. 3. Click File on the on the Application bar (Win) or Menu bar (Mac), click WARNING Copy the data files to the location you will be working with your files. Save As, and then name the file Lake Sepia. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. PS 46 PHOTOSHOP 4. On the Application bar, click the Workspace Switcher pop-up menu, and then click Photography. 5. In the Adjustments panel, click the Hue/Saturation icon . (Note: Expand the Adjustments panel, if necessary.) 6. Click the Hue/Saturation preset pop-up menu, and then click Sepia. The image changes to a reddish-brown color. 7. Click the Layers panel to expand the panel if necessary, and then compare your screen to Figure 3–6. FIGURE 3–6 Modifying the Lake photo Layers panel Selected mask Nondestructive layer Sepia adjustment 8. Save the document, and then leave the document and Photoshop open for Step-by-Step 3.2. Objective 3.2 Demonstrate Knowledge of Layers and Masks The Layers panel in Photoshop displays layers, layer effects, and layer groups that make up the image and is one of the most used panels. Here you can control the appearance of the image as you create new layers, add layer effects, organize layers, apply blending modes, and show and hide layers, as shown in Figure 3–7. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. DOMAIN 3 Understanding Adobe Photoshop CS5 Layered imaged in document window PS 47 Blending mode pop-up menu Layers panel options menu Expand/Collapse Layer effects Layers panel Layer group Layer effect Layer Layer thumbnail Background layer FIGURE 3–7 The Layers panel Layers are arranged in the Layers panel; the layer order determines the appearance of effects and elements in each layer. The top layer in the stack appears in the front of the image, and effects may appear differently based on the order in which they appear. To move a layer in the stack, click and drag the layer it to its new position. To delete a layer, select the layer, and then click the Delete button in the Layers panel. To rename a layer, double-click the layer name in the Layers panel, and then type the new name. It is a good habit to name your layers. Naming layers helps you locate a layer more quickly and easily as your project begins to grow. Another way to manage a large project is to organize layers in groups by clicking the New Group button in the Layers panel. Existing layers can then be dragged into the group, or new layers can be added with the Create a New Layer button. You can link layers by selecting two or more layers and then clicking the Link Layers command on the Panel options menu. Linked layers are designated with a link icon and can have transformations applied to them. Clicking the Indicates Layer Visibility icon hides the layer, a style, or a group from view. This allows you to work on another layer without distraction, or to hide a layer effect to assess its effect on your image. To quickly show or hide all layers in the stack, right-click the Indicates Layer Visibility icon at the top of the stack. When you have completed work on your graphic design project, you often want to compress your layers into a single layer to reduce the file size. Click the Panel options menu, and then click Merge Layers to reduce the selected layers into one layer. Note: Once you save a document with merged layers, you cannot undo your actions to the unmerged state. The Flatten Image command, also found on the Panel options menu, merges all visible layers and discards any hidden layers. You cannot undo a file saved with flattened layers to an unflattened state. TIP To duplicate a layer, simply drag the layer on top of the Create a New Layer button. TIP Placing a group inside another group is called nesting. Nesting groups can help reduce clutter in the Layers panel. TIP You can use one of four locking options to lock a layer against any accidental edit of its contents: Lock Transparent Pixels, Lock Image Pixels, Lock Position, or Lock All. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. PS 48 PHOTOSHOP Working with Masks and Modes ◗ VOCABULARY layer mask vector mask blending mode By adding a mask to a layer, you can hide or reveal portions of the image in the layer that is beneath it in the Layers panel. You can create a layer mask or vector mask; both appear as a thumbnail in the Layers panel to the right of the layer thumbnail. A layer mask is dependent on the resolution of the bitmap images. You can edit it using painting or selection tools. To add a layer mask to the selected layer, click the Add layer mask button in the Layers panel, or click the Add a pixel mask button in the Masks layer. A vector mask is independent of the resolution and is created using the Pen tool or a drawing tool. To create a vector mask, select a drawing tool in the Tools panel, click the Add a vector mask button in the Masks panel, and then draw a shape, as shown in Figure 3–8. Note: You can also create a vector mask when drawing a shape by clicking the Shape layers button on the options bar, which creates a layer mask when the shape is drawn with the foreground color. Mask thumbnail Add a vector mask button FIGURE 3–8 A mask thumbnail A layer mask is a grayscale image that you can edit with black, white, or shades of gray. When you draw on the layer mask with black as the foreground color, the object creates a “hole” in the image. allowing pixels in the layer below it to show through. Drawing with white does not allow the layer below to be visible. Drawing with shades of gray creates different levels of transparency for the layer below to blend with the masked layer. The Masks panel, shown in Figure 3–9, allows you to make additional adjustments to the mask. You can edit a mask with the painting tools or with a drawing tool by first clicking the Fill pixels button on the options bar. To edit a mask, you first need to select it by clicking the mask thumbnail in the Layers panel or by clicking the Select pixel mask button in the Masks panel. You can also add a blending mode to an image to change how pixels in the selected layer blend with pixels in same location in the layer just below it. To select a blending mode, click the Blending mode pop-up menu in the Layers panel, and then click a blending mode. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. DOMAIN 3 Understanding Adobe Photoshop CS5 PS 49 Add a pixel mask Add a vector mask Selected mask Mask adjustment options Disable/Enable Mask FIGURE 3–9 Masks panel Step-by-Step 3.2 1. Click File on the Application bar (Win) or Menu bar (Mac), click Save As, name the file Lake Color Corrected, and then click Save. 2. On the Application bar, click the Essentials button, and then in the Tools panel, click the Move tool . 3. In the Layers panel, click the Hue/Saturation layer if necessary, and then click the Delete layer button , and then click Yes to delete the layer. 4. Click the Background layer, and then drag it on top of the Create a New Layer button to duplicate the layer. The new layer is named WARNING Be sure to select the entire layer thumbnail; otherwise, you will delete the layer mask thumbnail and not the layer. Background copy. 5. With the Background copy layer selected, click the Adjustments panel, and then click the Hue/Saturation icon . 6. Click the Select a Hue/Saturation preset pop-up menu, and then click Sepia. 7. In the Layers panel, with the Hue/Saturation layer selected, click the Panel options menu button , and then click Merge Down. The Hue/Saturation layer is merged with the Background copy layer. The Background copy layer is altered permanently to a sepia color. 8. Click the Background copy layer if necessary, and then at the bottom of the panel, click the Add layer mask button . A layer mask thumbnail appears next to the Background copy thumbnail. 9. In the Tools panel, click the Default Foreground and Background colors button to reset the default colors to black-and-white. If necessary, click the Switch Foreground and Background colors button to make the foreground color black. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. PHOTOSHOP PS 50 10. In the Tools panel, click the Rectangular Marquee tool , and then using Figure 3–10 as a guide, draw a selection with the rectangular marquee in the image. The marquee creates a mask. FIGURE 3–10 Drawing a mask with the Rectangular Marquee tool Rectangular Marquee tool Mask thumbnail Marquee selection Add a vector mask button 11. In the Tools panel, click and hold the Gradient tool click the Paint Bucket tool , click the pointer if necessary, inside the selection in the Document window, and then compare your screen to Figure 3–11. The original colors are visible within the selection. FIGURE 3–11 Image with vector mask applied Merged layers Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. DOMAIN 3 Understanding Adobe Photoshop CS5 PS 51 12. Click Select on the Application bar (Win) or Menu bar (Mac), and then click Deselect. 13. In the Layers panel, click the Blending mode pop-up menu, click Vivid Light, and then compare your screen to Figure 3–12. Depending on the colors in the top layer, the Vivid Light blending mode increases or decreases the contrast in the lower layer. In this case, the sepia colors are darkened, which creates a framing effect. FIGURE 3–12 Blending mode applied to image Effect of Vivid Light blending mode Blending mode pop-up menu 14. Save and close the document, and then exit Photoshop. Objective 3.3 Demonstrate Knowledge of Importing, Exporting, Organizing, and Saving You can create an image with a digital or film camera or from a scanned image. You can bring images into Photoshop using the Open command or the Place command on the File menu. The Open command opens each image into its own Photoshop document. The Place command places multiple images into a single document. Windows users can also scan images directly into Photoshop by clicking File on the Application bar (Win) or Menu bar (Mac), pointing to Import, and then clicking WIA Support. To add WIA support on the Mac OS, Mac users need to download an optional plug-in from www.adobe.com. Adobe recommends that you install and use the optional plug-in with the Rosetta OS. Scanning an image is the best option when a digital version of the image is not available. When scanning an image, it is important to consider the options available to obtain the highest quality. The Scan using WIA dialog box includes options for adjusting the resolution, color mode, and the size of the scanned image. The scanned image TIP Other WIA options for Mac users: Use the software provided with their scanner or another scanning application, and then save the image to the TIFF file format. If a 64-bit driver is not available from your scanner manufacturer, start the Photoshop CS5 32-bit mode version, which supports TWAIN scanning functionality with 32-bit drivers. Installing a third-party scanner driver that supports scanning in 64-bit may be another option. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. PHOTOSHOP PS 52 opens directly in Photoshop as a bitmap image. To modify using the full complement of Photoshop adjustment tools, you need to save the file as a Photoshop file (.psd). You should also be knowledgeable about using Camera Raw and other file formats. Refer to Domain 2 for a detailed explanation of these formats. Image Optimization The Save for Web & Devices command on the File menu provides a method to optimize images for publishing on the web and mobile devices. In the Save for Web & Devices dialog box, you can preview your image with different file formats. You can also compare more than one image with different settings to compare the effects on the image and view approximated download times for the images Contact Sheets ◗ VOCABULARY contact sheet You can create a contact sheet in Adobe Bridge. A contact sheet is a collection of images printed together in a smaller scale, often used for proofing. To open Bridge from Photoshop, click the Launch Bridge button on the Application bar. Select Output as the Bridge workspace switcher. The Output panel opens and contains options to create a PDF or a Web Gallery. Click the PDF button in the Output panel, open the Template pop-up menu, and then select a 4" 3 5" or 5" 3 8" contact sheet. Bridge places the selected photos in the Content panel in the new contact sheet. Additional settings are available to customize the contact sheet. To preview the contact sheet, click the Refresh Preview button in the Output panel. The contact sheet PDF appears in the Output Preview panel, as shown in Figure 3–13. Adobe Bridge Output Preview window PDF button Refresh Preview button Selected images FIGURE 3–13 Contact sheet in the Bridge Output Preview panel Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. DOMAIN 3 Understanding Adobe Photoshop CS5 PS 53 Objective 3.4 Demonstrate Knowledge of Producing and Reusing Images Creating an image that you can reuse, such as logos and banners, helps create consistency and uniformity in your designs. Photoshop allows you to work with Smart Objects to perform nondestructive edits so you can preserve the original image and reuse it. You can open an image as a Smart Object, place it as a Smart Object, or convert one or more layers to a Smart Object. A Smart Object is indicated by an icon in the lower-right corner of the thumbnail in the Layers panel, as shown in Figure 3–14. Adobe Bridge helps you organize your images and open your files in the different Adobe applications, such as Photoshop, Illustrator, Fireworks, and InDesign. NOTE A Picture Package plug-in is available from Adobe that allows you to create picture packages with multiple copies in different sizes. Smart Object icon FIGURE 3–14 Smart Object icon Objective 3.5 Demonstrate an Understanding of, and Select the Appropriate Features and Options Required to Implement, a Color Management Workflow Depending on the project, you often work with a variety of images and need to move them from device to device. For example, you might take a picture with your digital camera, view the image on your monitor at home, edit the image, print the image on your inkjet printer, and then have it printed professionally at a print kiosk at your local drugstore. Color variations can occur at each stage in this process. Each device has a limited range of colors it can display, known as its color gamut. Computer monitors use RGB color, and four-color printers use CMYK color. The following factors affect why colors may vary: ■ ■ ■ ■ ◗ VOCABULARY color gamut The source of the image (such as a digital camera or scanner) How color is defined in a software application Choice of paper or print media Variation between the colors displayed on monitors Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. PS 54 PHOTOSHOP Managing Color with Photoshop Photoshop includes a color management system in the Color Settings dialog box that allows you to manage color settings automatically. To open the Color Settings dialog box shown in Figure 3–15, click Color Settings on the Edit menu. Here you can manage RGB and CMYK color modes and the color profiles that are interpreted when you open files. Color Settings sets, which have been tested to work with most computer displays and North American printers, are available on the Settings pop-up menu. Settings pop-up menu FIGURE 3–15 Color Settings dialog box When you open a new file, Photoshop compares the color profile in the image to the color settings that have been defined in the Color Settings dialog box. There are differences in the color profiles from the original image and the Color Settings profile. If you select the Ask When Opening check box in the Profile Mismatches section, the Embedded Profile Mismatch dialog box opens, as shown in Figure 3–16, where you can choose how to manage the profile. If the Ask When Opening check box is not selected, Photoshop automatically converts the image to the settings that have been designated in the Color Settings dialog box—the middle option in the Embedded Profile Mismatch dialog box. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. DOMAIN 3 Understanding Adobe Photoshop CS5 PS 55 Default option if you do not view this dialog box FIGURE 3–16 Embedded Profile Mismatch dialog box Soft proofing simulates on screen what your document will look like when printed, as shown in Figure 3–17. To soft proof an image in Photoshop, point to the Proof Setup command on the View menu, and then click Custom. In the Customize Proof Condition dialog box, you can select one or more devices to simulate. ◗ VOCABULARY soft proofing rendering intent color space Simulate paper color check box Device to simulate Image preview FIGURE 3–17 Example of soft proofing You can also set color management options for printing. In the Color Management section of the Print dialog box, you can configure whether colors are managed by Photoshop or by your printer. Print drivers that come with newer inkjet photo printers have accurate color profiles that may produce better results than customizing color management settings in the Print dialog box. The way colors are converted from one system to another is referred to as rendering intent. When you print a document, it is converted from one color space in your computer display and Photoshop, to another—the color space in your printer. A color space is the range of colors, or color gamut, that a camera can capture, a scanner can scan, a printer can print, or a monitor can display. The rendering intent is determined by the profile set in the Color Settings dialog box. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. PS 56 PHOTOSHOP SUMMARY REVIEW QUESTIONS WRITTEN QUESTIONS Write a brief answer to the following questions. 1. Explain the difference between destructive and nondestructive editing. 2. Explain the purpose of soft proofing. 3. What is an advantage of flattening layers? What is a disadvantage? 4. What is a Live Workspace? 5. List the two types of masks. Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. DOMAIN 3 Understanding Adobe Photoshop CS5 PS 57 MULTIPLE CHOICE Select the best response for the following statements. 7 6 8 5 4 3 2 1 FIGURE 3–18 Photoshop workspace 1. In the figure above, which number points to the options bar? A. 5 B. 6 C. 7 D. 8 2. In the figure above, which number points to the Document window? A. 5 B. 6 C. 7 D. 8 3. In the figure above, which number points to the Zoom tool? A. 1 B. 2 C. 3 D. 4 Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. PHOTOSHOP PS 58 4. In the previous figure, which number points to the Zoom level of the active image? A. 1 B. 2 C. 3 D. 4 5. In the previous figure, which number points to the file size of the active image? A. 1 B. 2 C. 3 D. 4 Copyright 2011 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it.