Photoshop CS5_tập 10 ppsx

296 Creating a composition using Smart Objects Adobe Photoshop CS5 Digital Classroom 10 Modifying a Smart Filter Once you add a Smart Filter, you can go back and modify the e ect, even if you’ve added a mask, as in this case. 1 In the Butter y 4 layer, double-click on the Motion Blur e ect; the Motion Blur dialog box appears. You may have to click and drag down and to the left inside the  lter preview window to see the image. Change the angle to 87 degrees by clicking and dragging the dial to the right. Press OK when you are done. Changing the angle of the motion blur now requires you to go back with the paintbrush and modify the mask. 2 Click on the layer mask thumbnail to the left of Smart Filters to activate it. Then begin to paint from the top do wn, leaving just a blur at the bottom of the butter y. If you mask out too much of the e ect, you can press X to switch to white as the foreground color to restore the e ect in the desired areas. 3 Click on the eye icon ( ) next to the Smart Filter mask. This turns the mask o completely, and can help identify areas a ected by a  lter that you may have missed. Click to turn the mask back on and clean up any areas where you don’t want the  lter applied. Turn o the e ects of the mask by selecting the eye icon. 4 In the Layers panel, click on the eye icon to the left of the Visit the Rainforests type layer on the top. Select the Move tool, and then click and drag to reposition the layers asneeded. PSCS5.indb 296PSCS5.indb 296 4/8/2010 5:14:16 PM4/8/2010 5:14:16 PM Self study 297Lesson 10, Getting Smart in Photoshop 10 5 Choose File > Save. Congratulations! You have  nished this part of the lesson. The completed lesson  le. Self study In this section, you can complete some exercises on your own. Use adjustment layers to adjust the brightness, contrast, hue, and saturation of the lesson  les. Currently, the individual butter y and bird images do not blend as well into the background as they could. Using the techniques laid out in “Editing the contents of a Smart Object,” add adjustment layers to the objects in the photo-illustration, and  ne-tune the appearance of the individual objects. Try to make the individual layers match each other as much as possible to create a cohesive photo illustration. Creating multiple Smart Objects In this lesson, you learned how to work with Smart Objects in their various forms. Create additional copies of the butter y or bird images, and experiment with creating a collage. Apply  lters to your existing Smart Objects. For di erent e ects, try applying a black-to-white gradient on a Smart Filter mask to achieve a smooth transition that would be di cult to achieve using just the Brush tool alone. Working with Illustrator  les If you have Adobe Illustrator, you can also place .ai  les into Photoshop  les as Smart Object layers. They work in similar ways. Create an image in Illustrator, and place it into Photoshop. Create multiple copies of the Illustrator layer, and then modify the original .ai  le to see the changes applied to the layers in the Photoshop  le. PSCS5.indb 297PSCS5.indb 297 4/8/2010 5:14:16 PM4/8/2010 5:14:16 PM 298 Review Adobe Photoshop CS5 Digital Classroom 10 Review Questions 1 What are three ways that you can create a Smart Object layer? 2 Why would you convert a standard layer to a Smart Object layer? 3 How do you replace the contents of a Smart Object layer? When would you do so? 4 What are Smart Filters, and what are the bene ts of using them? Answers 1 You can bring an image into an existing  le as a Smart Object by choosing File > Open as Smart Object and selecting the  le, choosing File > Place, or, when using Adobe Bridge, selecting the  le and choosing File > Place > Into Photoshop. If an image is currently inside a document and you would like to convert it to a Smart Object, select the layer in the Layers panel and choose Layer > Smart Objects > Convert to Smart Objects. 2 A Smart Object layer can be resized inde nitely without losing r esolution due to r esampling. 3 You can replace the contents of a Smart Object layer by choosing Layer > Smart Objects > Replace Contents. You might use this technique if you wanted to replace one image with another without losing any scaling, rotating or warping you had created for the image. 4 Any  lter applied to a Smart Object is a Smar t Filter. Smart Filters appear in the Layers panel below the Smart Object layer to which they are applied. Because you can adjust, remove, or hide Smart Filters, they are non-destructive. PSCS5.indb 298PSCS5.indb 298 4/8/2010 5:14:17 PM4/8/2010 5:14:17 PM 299Lesson 11, Using Adobe Photoshop Filters What you’ll learn in this lesson: • Working with filters • Fading filter effects • Using the Filter Gallery • Taking advantage of Smart Filters • Using Vanishing Point Using Adobe Photoshop Filters Filters allow you to apply artistic e ects to your images. You can make images look as though they were sketched with chalk, drawn with a graphic pen, or even add perspective to them. In this lesson, you will learn how to use  lters to apply interesting e ects to yourimages. Starting up Before starting, make sure that your tools and panels are consistent by resetting your preferences. See “Resetting Adobe Photoshop CS5 preferences” on page 3. You will work with several  les from the ps11lessons 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. See Lesson 11 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. 11 Lesson 11 PSCS5.indb 299PSCS5.indb 299 4/8/2010 5:14:17 PM4/8/2010 5:14:17 PM 300 Filter basics Adobe Photoshop CS5 Digital Classroom 11 Filter basics Filters are accessed using the Filter menu. When you select certain  lters, the Filter Gallery opens. Other  lters, when selected, open their own dedicated dialog box. Some, like the Clouds  lter, don’t even have a dialog box. Filters are always applied to the layer you currently have selected and cannot be applied to Bitmap mode or indexed color images. Note that some  lters, such as Brush Strokes and Sketch, work only in the RGB mode and are not available when working in the CMYK mode. Starting to use  lters Before starting, you may want to view the  le that you are going to create. 1 Choose File > Browse in Bridge, or select the Launch Bridge ( ) or the Mini Bridge button ( ) in the Application bar, to open Adobe Bridge. Navigate to the ps11lessons folder and open the  le ps1101_done.psd. A  le including sev eral monsters and a package design appears. The completed lesson  le. 2 You can keep this  le open for reference, or choose File > Close to close it. PSCS5.indb 300PSCS5.indb 300 4/8/2010 5:14:22 PM4/8/2010 5:14:22 PM Starting to use filters 301Lesson 11, Using Adobe Photoshop Filters 11 Using the Clouds  lter In this lesson, you will use the Clouds  lter to build a smoke-like background. The Clouds  ltergenerates a cloud pattern, using random values from the selected foreground and background colors. 1 Choose File > Browse in Bridge, or select the Launch Bridge ( ) or the Mini Bridge button ( ) in the Application bar, to open Adobe Bridge. Navigate to the ps11lessons folder and open the  le ps1101.psd. 2 Choose File > Save As. In the Save As dialog box, navigate to the ps11lessons folder and type ps1101_work in the File name text  eld. Choose Photoshop from the format drop-down menu and click Save. 3 If the Layers panel is not visible, select Window > Layers. Click on the layer named sky bac kground to activate this layer. 4 Many  lters in Photoshop render di er ently, depending on your current foreground and background colors. Press D on your keyboard to return to the default colors of black and white. Select the sky background layer PSCS5.indb 301PSCS5.indb 301 4/8/2010 5:14:23 PM4/8/2010 5:14:23 PM 302 Starting to use filters Adobe Photoshop CS5 Digital Classroom 11 5 At the bottom of the Tools panel, click the foreground color, black. The Color Picker opens. 6 In the RGB text  elds, type the v alues, R: 55, G: 71, B: 92. Then press OK. Your foreground color has been changed. You are now ready to apply the Clouds  lter. Enter custom values in the Color Picker. 7 Choose Filter > Render > Clouds. A cloud pattern is generated, using random values of the foreground and backgroundcolors. Do not save your  le, continue to the next part of this lesson. To achieve a more high-contrast e ect, press the Alt then Shift keys (Windows) or the Option key (Mac OS) while selecting the Clouds  lter. PSCS5.indb 302PSCS5.indb 302 4/8/2010 5:14:24 PM4/8/2010 5:14:24 PM Fading your filter 303Lesson 11, Using Adobe Photoshop Filters 11 Fading your  lter Now that you have made some clouds, you’ll fade the e ect of the Cloud  lter. The Fade command gives you the opportunity to change the opacity and blending mode of a  lter e ect immediately after you have applied it. Fade also works with the erasing, painting, and color adjustment tools. 1 Choose Edit > Fade Clouds. The Fade dialog box appears. Check the Preview option to preview the e ect if it is not already checked. The Fade dialog box. If Fade Clouds is not available, you did something else with the  le after using the Clouds  lter.Use the Window > History panel to select the Clouds state, then select Edit > Fade Clouds again. 2 Drag the slider to the left to adjust the opacity from 100 percent down to 50 percent. Leav e the Mode drop-down menu set to Normal, then press OK. Keep this  le open for the next part of this lesson. Fading the e ect of the Cloud  lter. PSCS5.indb 303PSCS5.indb 303 4/8/2010 5:14:25 PM4/8/2010 5:14:25 PM 304 Using the Filter Gallery Adobe Photoshop CS5 Digital Classroom 11 Using the Filter Gallery The Filter Gallery allows you to apply more than one  lter to an image at a time, and rearrange the order in which the  lters are applied. Note that not all  lters are available in the Filter Gallery, and that the Filter Gallery is not available in CMYK, Lab, or Bitmap mode. 1 With ps1101_work.psd open, click the visibility icon ( ) next to the layer group named monsters. Three monsters appear. 2 Expand the layer group by clicking on the triangle immediately to the left of the monsters la yer group. This displays the monster1, monster2, and monster3 layers that are included in this group. Click on the arrow to the left of the The individual monster layers are revealed. monsters group. 3 Select the monster1 layer. 4 Press D on your k eyboard to return to the default foreground and background colors of black and white. PSCS5.indb 304PSCS5.indb 304 4/8/2010 5:14:26 PM4/8/2010 5:14:26 PM Using the Filter Gallery 305Lesson 11, Using Adobe Photoshop Filters 11 5 Choose Filter > Filter Gallery. The Filter Gallery dialog box appears. 6 Press Ctrl+- (minus sign) (Windows) or Command+- (minus sign) (Mac OS) four times to zoom to 25%. A B C D E F G A. The Preview pane. B. Filter categories. C. Thumbnail of  lter. D. Show/Hide  lter thumbnails. E. Filters drop-down menu. F. Options for the selected  lter. G. List of  lter e ects. Applying  lters in the Gallery You’ll now apply several  lters to create di erent versions of the monster image. When you apply a  lter from the  lter categories, located in the center portion of the window, a preview of the image with the  lter applied is displayed in the Preview pane. Along the right side of the window, options for the selected  lter are displayed. 1 In the  lter categories section, expand the triangle next to the Stylize folder to reveal the Glowing Edges  lter. PSCS5.indb 305PSCS5.indb 305 4/8/2010 5:14:26 PM4/8/2010 5:14:26 PM [...]... video tutorial for this lesson can be found on the included DVD Using Photoshop for Silverlight and Flash design Adobe Photoshop can serve as the starting point for your interactive designs If you want to create a Silverlight application, such as a video player, you can mock-up the design in Photoshop, and then import your layered Photoshop file into the Silverlight design tool, Expression Blend Expression... want to design for Flash, you can import your Photoshop files into Flash CS5 The Flash CS5 program is part of the suite if you purchased Photoshop as part of the Creative Suite Design Premium collection If you purchased Photoshop separately, you can download a free trial version from the Adobe website at www.adobe.com.You can learn more about integrating Photoshop work into Flash in the companion to... any changes you made using these filters affected your original image data As you discovered in Lesson 10, “Getting Smart in Photoshop, ” Smart Filters are a non-destructive way to apply filters to an image In this lesson, you will practice applying filters using the Smart Filter feature 308 Adobe Photoshop CS5 Digital Classroom 11 Taking advantage of Smart Filters Applying a Smart Filter 1 Select the... on Filter Gallery located underneath the monster3 layer The Filter Gallery dialog box opens again Editing a Smart Filter 310 Adobe Photoshop CS5 Digital Classroom 11 Taking advantage of Smart Filters 9 In the filter effects area, select Plastic Wrap from the list of applied filters 10 Using the sliders in the Plastic Wrap effect options, change the Highlight Strength to 20, the Detail to 1 and the Smoothness... disk space as 200 pixels in a 72 ppi image 326 Adobe Photoshop CS5 Digital Classroom 12 Changing your units of measurement Changing your units of measurement Before starting the web project, verify that your measurements are set in the pixel unit.You make that change in your Photoshop Preferences 1 Choose Edit > Preferences > Units & Rulers (Windows) or Photoshop > Preferences > Units & Rulers (Mac OS)... value to +10, or type +10 into the Bend text field Lesson 12, Creating Images for Web and Video 329 12 Creating the web page 9 Verify that the Horizontal Distortion is set to 0 (zero), then click and drag the Vertical Distortion slider to the right to about the value of 25, or type 25 into the Vertical Distortion text field Press OK The warp is applied to the text Applying the Rise warp Result 10 Click... of the group Then click to the left of the alien layer to reveal the entire design 7 Choose File > Save Congratulations! You have finished this lesson Lesson 11, Using Adobe Photoshop Filters 321 11 Self study Self study Using ps 1102 .psd, in your pslessons folder, convert various layers to smart objects and then stylize the monster layers Note that you can take multiple layers and convert them into one... corner node) until the new plane is at the correct angle Adobe Photoshop CS5 Digital Classroom Lesson 12 What you’ll learn in this lesson: • Creating web and video presets • Saving a still image for use on the Web • Saving a still image with transparency for video • Building animation for web and video Creating Images for Web and Video Photoshop s flexibility and range of features have allowed it to... graphics industry A very common use for Photoshop is creating imagery for web and video production Starting up In this lesson, you’ll create a group of projects for both web and video production.You’ll work with still and animated graphics for each medium Before starting, make sure that your tools and panels are consistent by resetting your preferences See “Resetting Adobe Photoshop CS5 preferences” on page... good deal of black to the image in the process of abstracting it, so you will tone it down a bit with another filter 306 Adobe Photoshop CS5 Digital Classroom 11 Using the Filter Gallery 7 In the Fresco filter options pane make sure the Brush size is set to 2, the Brush Detail to 10, and the Texture to 1 Do not press OK, as you will add another filter Applying the Fresco filter effect Now you’ll apply . applied to the layers in the Photoshop  le. PSCS5.indb 297PSCS5.indb 297 4/8/2 010 5:14:16 PM4/8/2 010 5:14:16 PM 298 Review Adobe Photoshop CS5 Digital Classroom 10 Review Questions 1 What are. reposition the layers asneeded. PSCS5.indb 296PSCS5.indb 296 4/8/2 010 5:14:16 PM4/8/2 010 5:14:16 PM Self study 297Lesson 10, Getting Smart in Photoshop 10 5 Choose File > Save. Congratulations!. expand that category. PSCS5.indb 307PSCS5.indb 307 4/8/2 010 5:14:27 PM4/8/2 010 5:14:27 PM 308 Taking advantage of Smart Filters Adobe Photoshop CS5 Digital Classroom 11 10 In the  lter categories