Adobe Photoshop CS4 Digital Classroom phần 2 pot

20 Adding a text layer Adobe Photoshop CS4 Digital Classroom 1 7 Click on the This Adjustment A ects All Layers Below button ( ) at the bottom of the Adjustments panel. The only layer being a ected by the Black & White adjustment layer is the boy layer. Click on the This Adjustment A ects The grayscale applies only to the layer directly underneath it. All Layers Below button. 8 Choose File > Save to save this  le, and keep it open for the next part of this lesson. Adding a text layer Adding text is the  nal step before converting this image into a 3D object. In this part of the lesson, you will create text that will be positioned o to the right of the postcard. For this lesson you will simply set the text as instructed, but if you want to discover more possibilities with text, read Lesson 4, “The Basics of Working in Photoshop.” 1 Make sure that the topmost (Black & White) layer is selected; then select the Type tool ( ) and click o to the right of the boy in the image area. The cursor appears. 2 Type Bik e, and then press the Enter (Windows) or Return (Mac OS) key and type On! 3 Press Ctrl+A (Windows) or Command+A (Mac OS) or choose Select > Select All to acti vate both words. You will now take advantage of some keyboard shortcuts to help speed up the font size and typeface selection. PSCS4.indb 20PSCS4.indb 20 9/17/2008 2:41:46 PM9/17/2008 2:41:46 PM Making a 3D postcard 21Lesson 1, Exploring Photoshop 1 4 Hold down Ctrl+Shift (Windows) or Command+Shift (Mac OS) and then repeatedly press the > (Greater Than) key to make the text incrementally larger. Continue pressing the > key until your text is approximately 36 points. If you are not in favor of using keyboard shortcuts, you may simply type 36 into the Font size text box in the Application bar. To make text incrementally smaller, you use the < (Less Than) key instead of the > key. 5 Change the leading, or space between the lines of text, by pressing Alt+up arrow (W indows) or Option+up arrow (Mac OS). If you decrease the space too much, you can press Alt+down arrow (Windows) or Option+down arrow (Mac OS) to increase the leading, the vertical space between the lines of type. You do not need any speci c settings for this step; simply set the leading to the amount you feel works well. 6 Click and drag to highlight the font name in the Application bar at the top of the image ar ea, and then press the up or down arrow key to change your font selection to the font that is on the list before or after the current font selection. This is an easy visual method to use when selecting a font. No speci c font is required; in the example, the Poor Richard font is selected. 7 To change the color of the text to white, click once on the Set the Text Color box in the Application bar . When the Color Picker appears, click on a white (or light) color in the upper-left corner of the color pane. Press OK. The text is now white. Change the text to 36 points, and then select the font and text color. 8 If necessary, switch to the Move tool ( ) and reposition the text to be centered in the sky area o to the right in the image. 9 Press Ctrl+S (Windows) or Command+S (Mac OS) to save this  le . Keep it open for the next part of this lesson. PSCS4.indb 21PSCS4.indb 21 9/17/2008 2:41:47 PM9/17/2008 2:41:47 PM 22 Making a 3D postcard Adobe Photoshop CS4 Digital Classroom 1 Making a 3D postcard You will now convert your  at image into a 3D postcard. You will do this by using the new 3D features and tools that have been added to Photoshop CS4. You will experiment more with the new and improved 3D features in Lesson 13, “Introducing 3D.” Converting multiple layers into one smart object layer Because the 3D features work with an individual layer, you will  rst convert the multiple layers in this image into one smart object layer. A smart object layer can embed multiple layers into one layer. You can re-open the separate layers by double-clicking on the smart object layer in the Layers panel. Find out more about smart objects in Lesson 10, “Getting Smart in Photoshop.” 1 Click once on the bottom (Background) layer, and then hold down the Shift key and click on the topmost layer (Bike On!). All layers are now selected. 2 Click and hold on the panel menu (arrow in the upper-right corner of the Layers panel) and select Con vert to Smart Object from the panel drop-down menu. The layers are consolidated into one layer. As a default, the smart object layer takes on the name of the topmost layer. Select all layers. Convert them to one smart object layer. Turning your image into a 3D texture You will now take the smart object layer that you have created and apply it as a texture to a 3D object. In this example you will create a simple 3D postcard. To avoid clipping o some of the layer, you will expand the canvas. This makes your work area a little larger, and creates some needed space for 3D rotation. 1 Choose Image > Canvas Size; the Canvas Size dialog box appears. PSCS4.indb 22PSCS4.indb 22 9/17/2008 2:41:49 PM9/17/2008 2:41:49 PM Turning your image into a 3D texture 23Lesson 1, Exploring Photoshop 1 2 Type 125 in the Width text box and then choose percent from the measurement units drop-down menu. Then type 125 in the Height text box, and press OK. An additional 25 percent of transparency appears around the image. Increase the canvas size. The result. 3 With the smart object Bike On! still selected, choose 3D > New 3D Postcard from Layer. You may not see any change occur at this time. 4 Choose the 3D Rotate tool ( ) from the Tools panel, and then click and drag the image. The image rotates in space, much like an actual postcard might. Experiment with the rotation until you  nd a satisfactory position; no speci c coordinates are required for this. The completed  le. Congratulations! You have completed the tour of Adobe Photoshop CS4. Read to discover more details about the features you were introduced to in this lesson. PSCS4.indb 23PSCS4.indb 23 9/17/2008 2:41:49 PM9/17/2008 2:41:49 PM PSCS4.indb 24PSCS4.indb 24 9/17/2008 2:41:50 PM9/17/2008 2:41:50 PM 25Lesson 2, Getting to Know the Workspace What you’ll learn in this lesson: Opening a file using • Adobe Bridge Using Photoshop tools• Navigating in your • image area Using panels• Getting to Know the Workspace In this lesson, you’ll learn how to best use the Adobe Photoshop CS4 work area. You will also discover how to open a document using Adobe Bridge, how to use the Tools panel, and how to easily navigate images. Starting up Adobe Photoshop is an image-editing program that can open an image captured by a scanner or digital camera, or downloaded from the web. It can also open captured video images and vector illustrations. In addition, you can create new documents in Photoshop, including vector graphics, which are scalable image  les (for example, the images can be enlarged or reduced in size with no loss of clarity). 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 ps02lessons 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 2 PSCS4.indb 25PSCS4.indb 25 9/17/2008 2:41:50 PM9/17/2008 2:41:50 PM 26 Starting up Adobe Photoshop CS4 Digital Classroom 2 See Lesson 2 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. Opening an existing document in Adobe Bridge As mentioned previously, Adobe Bridge is a standalone application that can be accessed using the File menu in any of the Creative Suite 4 applications, or by using the Launch Bridge button ( ) that is found on the Application bar or control panels of most of the Creative Suite 4 applications. 1 Launch Adobe Photoshop CS4. If the Welcome menu appears, choose Close. 2 Choose File > Browse in Bridge. If the Folders panel is not in the foreground, click on it no w to bring it forward, then click on Desktop, the  rst list item in the Folders panel. 3 Open the pslessons folder that you have already copied onto your desktop, and then open the ps02lessons folder . 4 Locate and then double-click on the image named ps0201.psd to open it in Photoshop. An image of a g irl with a dandelion appears. 2 PSCS4.indb 26PSCS4.indb 26 9/17/2008 2:41:55 PM9/17/2008 2:41:55 PM Discovering the Tools panel 27Lesson 2, Getting to Know the Workspace 2 As you practice with the  les throughout this book, you will  nd that you are instructed to save a work  le immediately after opening the original  le. 5 Choose File > Save As to save a copy of this document to your ps02lessons folder. 6 Navigate to the ps02lessons folder. In the File name text  eld, type ps0201_work, and choose Photoshop from the Format drop-down menu. Click Save. Discovering the Tools panel When you start Photoshop, the Tools panel appears docked on the left side of the screen—it is not a  oating Tools panel, as it was in earlier versions of Photoshop. There are four main groups of tools, separated by functionality on the Tools panel: selection, cropping, and measuring; retouching and painting; drawing and type; and 3D and navigation. A B C D A. Selection, cropping, and measuring tools. B. Retouching and painting tools. C. Drawing and type tools. D. 3D and navigation tools. Selection, Cropping, and Measuring Tools ICON TOOL NAME USE WHERE IT’S COVERED Move (V) Moves selections or layers. Lesson 5 Marquee (M) Makes rectangular, elliptical, single row, and single column selections. Lesson 5 Lasso (L) Makes freehand, polygonal (straight- edged), and magnetic selections. Lesson 5 Quick Selection (W) Paints selections. Lesson 5 Crop (C) Crops an image. Lesson 3 Eyedropper (I) Samples pixels. Lesson 6 PSCS4.indb 27PSCS4.indb 27 9/17/2008 2:41:57 PM9/17/2008 2:41:57 PM 28 Discovering the Tools panel Adobe Photoshop CS4 Digital Classroom 2 Retouching and Painting Tools ICON TOOL NAME USE WHERE IT’S COVERED Spot Healing (J) Removes imperfections. Lesson 6 Brush (B) Paints the foreground color. Lesson 6 Clone Stamp (S) Paints with a sample of the image. Lesson 6 History Brush (Y) Paints a duplicate of the selected state or snapshot. Lesson 6 Eraser (E) Erases pixels—or reverts to a saved history state. Lesson 6 Gradient (G) Creates a gradient. Lesson 6 Blur (R) Blurs pixels. Lesson 12 Dodge (O) Lightens pixels in an image. Lesson 5 Drawing and Type Tools ICON TOOL NAME USE WHERE IT’S COVERED Pen (P) Draws a vector path. Lesson 5 Horizontal Type (T) Creates a type layer. Lesson 4 Path Selection (A) Allows you to manipulate a path. Lesson 7 Rectangle (U) Draws vector shapes. Lesson 2, 10 3D and Navigation Tools ICON TOOL NAME USE WHERE IT’S COVERED 3D Rotate (K) Rotates 3D objects. Lesson 13 3D Orbit (N) Changes the view of 3D objects. Lesson 13 Hand (H) Navigates the page. Lesson 2 Zoom (Z) Increases and decreases the relative size of the view. Lesson 2 PSCS4.indb 28PSCS4.indb 28 9/17/2008 2:42:00 PM9/17/2008 2:42:00 PM Discovering the Tools panel 29Lesson 2, Getting to Know the Workspace 2 Can’t tell the tools apart? You can view tooltips that reveal a tool’s name and keyboard shortcut by positioning your cursor over the tool . The Tools panel is in a space-saving, one-column format. Click on the gray title bar area above the Tools panel to bring the Tools panel into the two-column view. Click on the title bar again to bring the Tools panel back to the default, single-column view. Keep the Tools panel set to whichever format works best for you Hidden tools Some of the tools in the Tools panel display a small triangle at the bottom-right corner; this means that there are additional tools hidden under the tool. 1 Click and hold the Blur tool to see the hidden Sharpen and Smudge tools. Selecting a hidden tool. 2 Drag to the Smudge tool ( ) and release. The Smudge tool is now the visible tool. Most tools have options that you can adjust, using the Options bar that runs across the top of y our document window. In this case, you will change an option for the Smudge tool before using it on your image. 3 Click on the arrow to the right of Brush in the Options bar to open up the Brush Preset pick er. Using the Master Diameter slider, slide to the right until you reach approximately the 100 mark, or type 100 into the Master Diameter text  eld. Now you can try painting with the tool you just customized. PSCS4.indb 29PSCS4.indb 29 9/17/2008 2:42:07 PM9/17/2008 2:42:07 PM [...]... navigate to the Applications folder, open the Adobe Bridge CS4 folder, and double-click on Adobe Bridge CS4 to launch the application If you have a CS4 Suite installed, you will have to open the Adobe Suite folder in order to locate the Adobe Bridge application 48 PSCS4.indb 48 Adobe Photoshop CS4 Digital Classroom 9/17 /20 08 2: 42: 35 PM What is Adobe Bridge? 2 3 Click on the Folders panel to make sure... the included DVD Lesson 3, Using Adobe Bridge PSCS4.indb 47 47 9/17 /20 08 2: 42: 32 PM 3 What is Adobe Bridge? What is Adobe Bridge? Adobe Bridge is an application included with Adobe Photoshop and the other Adobe Creative Suite 4 components Adobe Bridge helps you locate, organize, and browse the documents you need to create print, web, video, and audio content If you have Photoshop or any one of the Creative... you release, the exact location of the region you created is enlarged to the maximum level Use Ctrl/Command to zoom 7 42 PSCS4.indb 42 Press Ctrl+0 (Windows) or Command+0 (Mac OS) to fit the image to the screen Adobe Photoshop CS4 Digital Classroom 9/17 /20 08 2: 42: 23 PM Using panels 2 Choosing other panels Now you will focus on a different panel, the Actions panel To move from the Navigator panel to... document on your screen 30 PSCS4.indb 30 Adobe Photoshop CS4 Digital Classroom 9/17 /20 08 2: 42: 09 PM Navigating the image area 1 Choose View > Zoom In to enlarge the display of ps 020 1_work.psd 2 Press Ctrl+plus sign (Windows) or Command+plus sign (Mac OS) to zoom in again This is the keyboard shortcut for the Zoom In command that you accessed previously from the View menu 3 2 Press Ctrl+minus sign (Windows)... that you cannot delete any of the default workspaces Adobe Photoshop CS4 Digital Classroom 9/17 /20 08 2: 42: 31 PM Lesson 3 What you’ll learn in this lesson: • • • • • Navigating Adobe Bridge Using folders in Bridge Making a Favorite Creating metadata Using automated tools Using Adobe Bridge Adobe Bridge is the command center of the Creative Suite In Adobe Bridge, you can manage and organize your files,... then find out how to save your favorite workspaces so that you don’t have to set them up every time you work on a new project The default panel locations 40 PSCS4.indb 40 Adobe Photoshop CS4 Digital Classroom 9/17 /20 08 2: 42: 21 PM Using panels 2 Putting the new panel system to use To maximize your workspace, convert your panels to icons.You can get an idea of what the complete icon view for panels looks... performed in Adobe Bridge This is a great way to help keep volumes of images organized for easy accessibility, as well as easy searching The advantage of using Adobe Bridge for these tasks is that you have bigger and better previews of images, PDF files, and movies, with much more information about those files at your fingertips 50 PSCS4.indb 50 Adobe Photoshop CS4 Digital Classroom 9/17 /20 08 2: 42: 38 PM... Standard Screen Mode Stay in this mode throughout this lesson Lesson 2, Getting to Know the Workspace PSCS4.indb 39 39 9/17 /20 08 2: 42: 20 PM 2 Using panels Using panels Much of the functionality in Photoshop resides in the panels, so you will want to know how to navigate them and find the ones you need quickly and easily In Photoshop CS4, the panel docking area has become streamlined with added functionality... area dynamically changes as the panel docking area is resized 3 36 PSCS4.indb 36 Press the Tab key; the Tools panel and other panels disappear, creating much more workspace Press the Tab key again to bring the Tools panel and other panels back Adobe Photoshop CS4 Digital Classroom 9/17 /20 08 2: 42: 17 PM Navigating the image area 4 2 Press Shift+Tab to hide the panel docking area while keeping the rest... 2, Getting to Know the Workspace PSCS4.indb 37 37 9/17 /20 08 2: 42: 18 PM 2 Navigating the image area 7 Notice that the gray background area (pasteboard) now extends to fill your entire screen, and your image is centered within that area One of the benefits of working in this mode is that it provides more area when working on images The Full Screen mode with Menu bar 38 PSCS4.indb 38 Adobe Photoshop CS4 . lesson  les” on page 5. Lesson 2 PSCS4.indb 25 PSCS4.indb 25 9/17 /20 08 2: 41:50 PM9/17 /20 08 2: 41:50 PM 26 Starting up Adobe Photoshop CS4 Digital Classroom 2 See Lesson 2 in action! Use the accompanying. the tool you just customized. PSCS4.indb 29 PSCS4.indb 29 9/17 /20 08 2: 42: 07 PM9/17 /20 08 2: 42: 07 PM 30 Navigating the image area Adobe Photoshop CS4 Digital Classroom 2 4 Click and drag over the seeds. (I) Samples pixels. Lesson 6 PSCS4.indb 27 PSCS4.indb 27 9/17 /20 08 2: 41:57 PM9/17 /20 08 2: 41:57 PM 28 Discovering the Tools panel Adobe Photoshop CS4 Digital Classroom 2 Retouching and Painting Tools ICON