Adobe Photoshop CS4 Digital Classroom phần 7 doc

Creating a clipping mask 215Lesson 8, Getting to Know Layers 8 3 With the Layer Styles dialog box open, click and drag the shadow (in the image window) to reposition it. You can manually enter values. In this example, the shadow is set to an angle of 160, the distance at 70, and the size at 30. Press OK, and the drop shadow is applied. Adjusting the layer style. Creating a clipping mask You will now create a clipping mask to complete this image. A clipping mask lets you use the content of one layer to mask the layers above it. In this example, you will create a shape layer and position it under the background layer. You will then clip up through several layers, masking them within that original shape layer. It might sound confusing, but it really isn’t once you have seen the clipping mask feature in action. 1 First, you need to convert the Background layer to a regular layer because you cannot position layers underneath the Background layer. 2 Hold down the Alt (Windows) or Option (Mac OS) key and double-click on the Backg round layer in the Layers panel. It is automatically converted to Layer 0. 3 Double-click on the Layer 0 name, and when the text becomes highlighted, type sky. PSCS4.indb 215PSCS4.indb 215 9/17/2008 2:46:46 PM9/17/2008 2:46:46 PM 216 Creating a clipping mask Adobe Photoshop CS4 Digital Classroom 8 4 Click and hold on the Shape tool ( ) and select the hidden Rounded Rectangle tool ( ). In the Options bar, make sure that Shape layers is selected, and then type 1 in in the Radius text  eld. This value is for the curved corners of the rounded rectangle you are going to create. 5 Click and drag from the boy’s thumb on the left side of the image down to the bottom of the letter P in JUMP . The shape is created; don’t worry about the color. Set the shape options, then click and drag to create the shape layer. 6 In the Layers panel, click and drag the Shape 1 layer so that it is beneath the sky layer. PSCS4.indb 216PSCS4.indb 216 9/17/2008 2:46:47 PM9/17/2008 2:46:47 PM Creating a clipping mask 217Lesson 8, Getting to Know Layers 8 7 Hold down the Alt (Windows) or Option (Mac OS) key, and position your cursor over the line that separates the Shape 1 layer from the sky layer. When you see the clipping mask icon ( ) appear, click with the mouse. The sky layer is clipped inside the shape layer. Alt/Option+click in between the layers. The result. 8 Now, position your cursor on the line separating the sky layer from the boy layer, and Alt/Option+click on the line. The clipping now extends up into the boy layer. 9 Position the cursor on the line separating the boy layer from the boy middle layer, and Alt/Option+click again. The clipping mask is now extended to the boy middle layer. 10 Select the Move tool ( ) and the Shape 1 layer. Click and drag to reposition the layer to see how the sky, boy, and boy middle layers are clipped inside the shape. 11 If you would prefer not to see the vector path creating an outline around your rounded r ectangle shape, click once on the vector mask thumbnail in the Layers panel. Click on the vector mask to turn o the visibility of the vector path in your image. You will now trim the layers to eliminate areas you don’t need. PSCS4.indb 217PSCS4.indb 217 9/17/2008 2:46:48 PM9/17/2008 2:46:48 PM 218 Self study Adobe Photoshop CS4 Digital Classroom 8 12 Choose Image > Trim; the Trim dialog box appears. Leave the settings at the default and press OK. The image is trimmed down to the smallest possible size, without cropping out any image data. 13 Choose File > Save, and then File > Close. Congratulations! You have  nished the lesson on getting to kno w layers. Self study Layers are fun to build and use when creating professional composites. Included in the ps08lessons folder are several images (boyguitar.psd, girlguitar.psd, pianokeys.psd, and sheetmusic.psd) that you can use in any way that you want to create a composite. You can try to recreate the composition on your own, but it is meant as a reference only. Experiment with these sample  les to create new layers, layer masks, and clipping masks. Take the composition further by adding text and warping it. Review Questions 1 List at least three ways that you can create a layer in a document. 2 Why should you be concerned about resolution when compositing several images? 3 What is the di er ence between the Background layer and a regular layer? Answers 1 You can create new layers in a document using several methods: a. Create a new blank layer using the Create a New Layer button ( ) in the Layers panel. You can also choose Layers > New > Layer or select New Layer from the Layers panel menu. b. Create a new layer by clicking and dragging content from one image to another. c. Create a text layer; when you add text, a new text layer is automatically created. d. Create a shape. If the Shape tool is selected and the Options bar is set to Shape tool, a new Shape layer is automatically created. 2 When combining images from several di erent sources, it is important for the pixel dimensions or resolutions to be similar, or the images will not be proportional to each other and may not work well as a composite. 3 The Background layer is di er ent from a regular layer in that it does not support layer features. It cannot be moved in the stacking order, repositioned, transformed, or have its blending mode or opacity changed. PSCS4.indb 218PSCS4.indb 218 9/17/2008 2:46:49 PM9/17/2008 2:46:49 PM 219Lesson 9, Taking Layers to the Max What you’ll learn in this lesson: Making color changes • with adjustment layers Using the Black and • White adjustment layer Combining layer effects• Understanding layer fill • and opacity settings Taking Layers to the Max Even those who call themselves Photoshop experts can’t get enough of layers. Layers provide many creative possibilities, some more evident than others. In this lesson, you will build a layered  le, and then you’ll take it farther than you ever thought possible, using features such as adjustment layers, layer e ects, and clipping groups, among others. Starting up Layers, in their simplest form, o er Photoshop users an amazing amount of  exibility to create and modify images. The more advanced features of layers o er even more options, many of which you can exploit in various ways while keeping the original image information intact. Before starting, make sure that your tools and panels are consistent by resetting your preferences. See “Resetting Adobe Photoshop CS4 preferences” on page 3. You will work with several  les from the ps09lessons folder in this lesson. Make sure that you have loaded the pslessons folder onto your hard drive from the supplied DVD. See “Loading lesson  les” on page 5. Lesson 9 PSCS4.indb 219PSCS4.indb 219 9/17/2008 2:46:50 PM9/17/2008 2:46:50 PM 220 Starting up Adobe Photoshop CS4 Digital Classroom 9 See Lesson 9 in action! Use the accompanying video to gain a better understanding of how to use some of the features shown in this lesson. The video tutorial for this lesson can be found on the included DVD. Making color changes using adjustment layers Changing the color of an object in Adobe Photoshop is a pretty common practice, but how do you make it look realistic, and how can you recover the image if you make a mistake? What if you want to see three or four di erent variations? All these tasks can be completed easily and e ciently using adjustment layers. In this section, you’ll change the color of a jacket on a model, and then, using the same adjustment layer, change it again, multiple times. 1 Choose File > Browse in Bridge to open Adobe Bridge, or select the Launch Bridge button ( ) in the Application bar that runs across the top of the workspace. 2 Navigate to the ps09lessons folder, inside the pslessons folder you have created on your computer and doub le-click on ps0901.psd to open it in Photoshop. An image of a girl wearing a blue jacket appears. You will take the original jacket and change the colors several times. You will also add a pattern to the jacket, using an adjustment layer. The original image. A solid color adjustment. A pattern adjustment. 9 PSCS4.indb 220PSCS4.indb 220 9/17/2008 2:46:53 PM9/17/2008 2:46:53 PM Starting up 221Lesson 9, Taking Layers to the Max 9 3 Choose File > Save As. In the Name text  eld, type ps0901_work, and then navigate to the ps09lessons folder. Choose Photoshop from the format drop-down menu and press Save. The  r st thing that you will make is a selection with the Quick Selection tool. What’s nice about using an adjustment layer is that you can paint a mask at any point in the process to modify your selection. 4 Select the Quick Selection tool ( ), then click and drag on the jacket. If you miss some of the jacket, just paint a stroke over it to add it to the selection. If your selection goes too far, hold down the Alt (Windows) or Option (Mac OS) key and click on the part of the selection that you want to deactivate. You can also increase or decrease your Quick Selection tool size by pressing the [ (left brack et) and ] (right bracket). Paint the jacket with the Quick Selection tool to make a selection. 5 If the Layers panel is not visible, choose Window > Layers. 6 Click and hold on the Create New Fill or Adjustment Layer button ( ) at the bottom of the Layers panel. 7 Select Hue/Saturation from the pop-up menu. The Adjustments panel with the Hue/ Saturation options becomes acti ve. Hue refers to the color. By changing the hue, you can essentially change the color of an object without taking away any of the shading properties, which are normally created from the neutral gray value. 8 Check the Color ize checkbox, and click and drag the Hue slider to the right to about the 70 point, or type 70 in the Hue text  eld. In the next step, you will bring the saturation down a bit so the green you are creating is less br ight. PSCS4.indb 221PSCS4.indb 221 9/17/2008 2:46:55 PM9/17/2008 2:46:55 PM 222 Starting up Adobe Photoshop CS4 Digital Classroom 9 9 Click and drag the Saturation slider to the left to about the 20 point, or type 20 into the Saturation text  eld. Press OK. Change the color and saturation using the Hue/Saturation sliders. The jacket is now green, but your selection might not be as accurate as you would like. In the next section, you will use your painting tools to re ne the mask attached to the adjustment layer. 10 Choose File > Save. If you inadvertently close any images while working on a project, you can quickly reopen them by choosing File > Open Recent, and selecting the  le from the drop-down menu. PSCS4.indb 222PSCS4.indb 222 9/17/2008 2:46:57 PM9/17/2008 2:46:57 PM Starting up 223Lesson 9, Taking Layers to the Max 9 Re ning the adjustment layer mask If you take a look at the Layers panel you just created, you see a Hue/Saturation adjustment layer that has a mask thumbnail to the right of the layer thumbnail. You can activate this mask separately, and then use painting tools to re ne it. 1 Alt+click (Windows) or Option+click (Mac OS) on the adjustment mask thumbnail, to the right of the Hue/Saturation thumbnail in the Layers panel. The mask appears. You are not doing anything to the mask at this time, but you should tak e a look at what the actual mask looks like. Notice that where there is white, the hue and saturation changes take place. Where the mask is black, the changes are not occurring. Using the painting tools in Photoshop, you can edit a mask by painting black and white, and even varying opacities to control the results of the adjustment layer. Where the mask is white, the Hue/Saturation change is occurring. 2 To return to the normal layer view, click once on the word Background in the Layers panel. You will now make changes to the adjustment mask thumbnail. PSCS4.indb 223PSCS4.indb 223 9/17/2008 2:46:58 PM9/17/2008 2:46:58 PM 224 Starting up Adobe Photoshop CS4 Digital Classroom 9 3 Click once on the adjustment mask thumbnail (to the right of the Hue/Saturation adjustment layer thumbnail). Paint on the adjustment layer’s mask to re ne your selection. 4 Now, select the Brush tool ( ), and press D on your keyboard to set the colors to the default of black and white. Note that when in a mask, white is the foreground color and black is the background color. 5 Adjust your brush size as needed to paint the areas in the mask that might not have been selected, and thus not a ected, when you created the adjustment layer. Paint the areas that may have been missed with your original selection. You can make your brush size larger by pressing ] (right bracket) and smaller by pressing [ (left bracket). Make your brush harder by pressing Shift+] and softer by pressing Shift+[. PSCS4.indb 224PSCS4.indb 224 9/17/2008 2:46:58 PM9/17/2008 2:46:58 PM [...]... transformed multiple times without the traditional resampling that occurs by default with Photoshop In this section, you will go through an exercise to help you understand the main difference between a standard Photoshop layer and a Smart Object 246 PSCS4.indb 246 Adobe Photoshop CS4 Digital Classroom 9/ 17/ 2008 2: 47: 34 PM Creating a composition using Smart Objects 1 Click on the eye icon ( ) to the left... Shape layers is selected in the Options bar at the top of the Photoshop workspace 3 Click on the arrow to the right of the Custom Shape preview in the Options bar, and double-click on the Light Bulb 2 shape Confirm you are creating a layer shape 242 PSCS4.indb 242 Choose the Light Bulb 2 shape Adobe Photoshop CS4 Digital Classroom 9/ 17/ 2008 2: 47: 29 PM Self study 4 Press D on your keyboard to make sure... lighting effects look more realistic Adobe Photoshop CS4 Digital Classroom 9/ 17/ 2008 2: 47: 31 PM Lesson 10 What you’ll learn in this lesson: • Opening an image as a Smart Object • Converting a layer to a Smart Object • Placing and editing a Smart Object • Replacing the contents of a Smart Object layer Getting Smart in Photoshop Using Smart Objects adds more capabilities to Photoshop s non-destructive workflow... the Photoshop workspace Next, you will find a typeface that you want to use Again, no particular typeface is required for this exercise Pick one that you like, but make sure that it is heavy enough to show bevel (edge) effects The font in the example is Optima Extra Black, but you can choose any available font from your font list 234 PSCS4.indb 234 Adobe Photoshop CS4 Digital Classroom 9/ 17/ 2008 2: 47: 17. .. modes and opacities, as well as spread size and contours (edges), are already determined In the next step, you will change the contour and the size of the outer glow 236 PSCS4.indb 236 Adobe Photoshop CS4 Digital Classroom 9/ 17/ 2008 2: 47: 21 PM Layer styles 9 What is a layer style contour? When you create custom styles, you can use contours to create unique edge effects and transitions As you can see in... Contour Editor and create your own custom contours by clicking on the Contour thumbnail instead of selecting the arrow to the right of the thumbnail Editing a contour 238 PSCS4.indb 238 Adobe Photoshop CS4 Digital Classroom 9/ 17/ 2008 2: 47: 23 PM Layer styles 9 Now you will change the size of the outer glow 4 In the Elements section of the Layer Style dialog box, drag the Size slider to the number 60, or... any yellow-gold color; in this example, an RGB value of R: 215, G: 155, B: 12 is used Press OK Adobe Photoshop CS4 Digital Classroom 9/ 17/ 2008 2: 47: 26 PM Layer styles 4 Click on the Shadow color box, to the right of Shadow Mode, and change the color to blue In this example, an RGB value of R: 30, G: 15, B: 176 is used Set a highlight color 5 9 Set a shadow color The resulting bevel and emboss Press OK... on the downward arrow to the right of the visible swatch to select a different pattern Select the Pattern Fill layer The Pattern Fill dialog box appears The result 228 PSCS4.indb 228 Adobe Photoshop CS4 Digital Classroom 9/ 17/ 2008 2: 47: 04 PM Using the new Black & White adjustment layer 9 The result may be a little unexpected at first, as no scaling or blending mode has been applied to this fill pattern... checkbox to assign a color from the color libraries Apply a tint of color in the Black & White adjustment layer 3 232 PSCS4.indb 232 Click once on the Color box to the right of the Tint checkbox The Select Target Color dialog box appears Adobe Photoshop CS4 Digital Classroom 9/ 17/ 2008 2: 47: 10 PM Using the new Black & White adjustment layer 4 Press the Color Libraries button; the Color Libraries dialog... changed to a violet Readjusting the Hue and Saturation You can reopen the Hue/Saturation adjustment layer as many times as you like 4 226 PSCS4.indb 226 Choose File > Save, and keep the image open for the next section Adobe Photoshop CS4 Digital Classroom 9/ 17/ 2008 2: 47: 02 PM Adding a pattern fill layer 9 Adding a pattern fill layer You can add a pattern and apply it to an image using a fill layer This . image without making any changes. PSCS4.indb 227PSCS4.indb 2 27 9/ 17/ 2008 2: 47: 03 PM9/ 17/ 2008 2: 47: 03 PM 228 Adding a pattern fill layer Adobe Photoshop CS4 Digital Classroom 9 Applying the pattern You. color and repair the mask, as necessary. PSCS4.indb 225PSCS4.indb 225 9/ 17/ 2008 2: 47: 00 PM9/ 17/ 2008 2: 47: 00 PM 226 Starting up Adobe Photoshop CS4 Digital Classroom 9 Adjusting the Hue/Saturation. layers to eliminate areas you don’t need. PSCS4.indb 217PSCS4.indb 2 17 9/ 17/ 2008 2:46:48 PM9/ 17/ 2008 2:46:48 PM 218 Self study Adobe Photoshop CS4 Digital Classroom 8 12 Choose Image > Trim; the