ADOBE INDESIGN CS2 REVEALED- P21 docx

LESSON 1 What You’ll Do INDESIGN 8-4 Working with Transparency Defining a Grayscale Image A grayscale image is a digital image repro- duced using only one color. In most cases, that color is black. The image is repro- duced using 256 shades of black—from light to dark. Thus, the term grayscale has become synonymous with a black and white image. In Photoshop, grayscale is a color mode, just like RGB or CMYK. When you convert a file from RGB or CMYK mode to grayscale mode, the image appears as black and white. Figure 1 shows two Photoshop files, one in CMYK mode and one in grayscale mode. When this book was printed, the CMYK image was printed using all four process inks; the grayscale image was printed using only black ink. Colorizing Grayscale Images in InDesign When you place a grayscale image from Photoshop in InDesign, you can apply InDesign swatches to it to colorize the graphic. You have the option of applying one swatch color to the light areas of the graphic—the highlights—and another to the dark areas—the shadows. To colorize the light areas, select the graphics frame with the Selection Tool and then apply a fill color to the frame. The highlights of the grayscale graphic will change to the fill color. Figure 2 shows a grayscale graphic in which the highlights have been colorized with yellow. In this lesson, you will explore techniques for colorizing both the light and dark areas of a placed grayscale image. ▼ COLORIZE A GRAYSCALE IMAGE Lesson 1 Colorize a Grayscale Image INDESIGN 8-5 QUICKTIP In order to colorize a grayscale image in InDesign, it must be saved as a .tif file or a .psd file (Photoshop’s native file format). To colorize the dark areas of the graphic, you must select the graphic with the Direct Selection Tool. Once the graphic is selected, clicking a swatch in the Swatches palette colorizes the dark areas of the graphic. Figure 3 shows the same graphic with a red swatch applied to the dark areas. FIGURE 1 A CMYK and a grayscale image FIGURE 2 Colorizing the light areas of a placed grayscale graphic FIGURE 3 Colorizing the dark areas of a placed grayscale graphic Light areas appear yellow Dark areas appear red INDESIGN 8-6 Working with Transparency Colorize the light areas of a grayscale graphic 1. Open ID 8-1.indd, then save it as Transparency. 2. Click the Selection Tool if necessary, then select the graphics frame. 3. Display the Swatches palette (if necessary), verify that the Fill button is active in the Toolbox, then click the yellow swatch (C=0 M=0 Y=100 K=0) in the Swatches palette. As shown in Figure 4, all of the white areas of the graphic are transparent and show the yellow fill applied to the graphics frame. 4. Click the Tint list arrow in the Swatches palette, then drag the Tint slider to 50%. The yellow areas are lightened. 5. Click the Direct Selection Tool , then click the graphic to select it. 6. Click Edit on the menu bar, then click Cut. The image is cut from the frame, but the frame remains with the 50% yellow background. 7. Make the Soft Blades layer visible in the Layers palette, then click the Soft Blades layer to target it. 8. Click the Selection Tool , then select the graphics frame. (continued) FIGURE 4 Colorizing white areas of a placed graphic FIGURE 5 Colorizing light areas of a placed graphic Lesson 1 Colorize a Grayscale Image INDESIGN 8-7 9. Click Grassy Green 45% in the Swatches palette. As shown in Figure 5, the lighter the areas of the graphic, the more the green background color shows through. By applying a background fill to a frame, you created the effect that the light transparent areas of the grayscale graphic in the frame changed to that fill color. Colorize the dark areas of a grayscale graphic 1. Click the Direct Selection Tool , then select the graphic. 2. Click Navy in the Swatches palette. As shown in Figure 6, the dark areas of the image change from black to navy. TIP When the Direct Selection Tool is acti- vated and a graphic is selected, fills apply to the dark areas of a placed grayscale graphic. 3. Click Grassy Green in the Swatches palette, then compare your work to Figure 7. You selected a grayscale graphic, then changed its dark areas to a color in the Swatches palette. FIGURE 6 Applying Navy to the dark areas of the graphic FIGURE 7 Applying Grassy Green to the dark areas of the graphic LESSON 2 What You’ll Do INDESIGN 8-8 Working with Transparency Manipulating Opacity The term opacity is derived from the word opaque. An object that is opaque is neither transparent nor translucent—it can’t be seen through. In InDesign, you manipulate an object’s opacity in the Transparency palette, shown in Figure 8. By default, objects that you create in InDesign are created at 100% opacity— they are opaque. The more you decrease their opacity using the Transparency palette, the more see-through they become. Figure 9 shows three circles with different opacity values. As shown in Figure 10, you can manipulate the opacity of graphics that you place in InDesign. You should also note that, if you manipulate the opacity of a graphic in Adobe Illustrator or Adobe Photoshop, InDesign will recognize and preserve that opacity setting when the graphic is placed in InDesign. Applying a Feathered Edge The Feather command, found on the Object menu, allows you to apply a feathered edge to a selected object. Applying a feather creates the effect that the object has a soft edge. Figure 11 shows three circles created with InDesign’s Ellipse Tool. The first circle does not have feathered edges. The other two have feathered edges. Feathering is a form of transparency, because the feather effect is created by making the edge increasingly transparent. Note that in the figure, the right- most circle’s edge appears to be equal parts blue and yellow. This effect is created by making the circle’s edge increasingly transparent. If you place a graphic in a frame with a feathered edge, the graphic too will be feathered. Figure 12 shows the same graphic placed in each of the three circles. In this lesson, you will use the Transparency palette to manipulate the opacity of InDesign objects and you’ll use the Feather command to apply a soft edge to objects. ▼ WORK WITH OPACITY AND FEATHERING Lesson 2 Work with Opacity and Feathering INDESIGN 8-9 FIGURE 8 Transparency palette FIGURE 9 Three circles with different opacity values FIGURE 10 Dog graphic at 50% opacity FIGURE 11 Three different edges FIGURE 12 Graphics take on a frame’s edge formatting Blending modes Opacity list arrow 100% opacity 50% opacity 25% opacity 50% opacity .75" feather .25" feather 0" feather .75" feather 0" feather .25" feather INDESIGN 8-10 Working with Transparency Change the opacity of InDesign objects 1. Click View on the menu bar, point to Display Performance, then click High Quality Display. If you choose to do these lessons at the Typical Display setting, your graphics may appear noticeably different from the figures. 2. Make the InDesign Objects layer visible in the Layers palette, then click the InDesign Objects layer to target it. 3. Click Window on the menu bar, then click Transparency. 4. Click the Selection Tool , then select the dark orange object. 5. Click the Opacity list arrow in the Transparency palette, then drag the slider to 55%. 6. Select the blue semi-circle, click the Opacity list arrow, then drag the slider to 60%. 7. Deselect all, then compare your work to Figure 13. FIGURE 13 Viewing the reduced opacity of two objects Reduced opacity Lesson 2 Work with Opacity and Feathering INDESIGN 8-11 Apply a feathered edge to InDesign objects 1. Select the blue semi-circle, click Object on the menu bar, then click Feather. 2. Click the Feather check box, type .125 in the Feather Width text box if necessary, accept the default Diffused option in the Corners text box, then click OK. The edge of the blue semi-circle now appears soft. 3. Select the orange object, click Object on the menu bar, then click Feather. 4. Click the Feather check box, type .375 in the Feather Width text box, then click OK. 5. Deselect all, then compare your work to Figure 14. You applied different sized feathered edges to two objects. FIGURE 14 Viewing feathered edges applied to two objects Feathered edges LESSON 3 What You’ll Do INDESIGN 8-12 Working with Transparency Understanding Blending Modes If InDesign objects are created with 100% opacity by default, it follows logically that when you overlap one object with another, the bottom object will be hidden behind the top object where they overlap. One option that you have to manipulate this relationship is to reduce the opacity of the top object. Another option you have is to apply a blending mode to the top object. Blending modes allow you to create different transparency and color effects where two or more objects overlap. The Transparency palette offers 15 blending modes, shown in Figure 15. Some blending modes, such as Multiply, are very practical—they can be used to produce very common effects. Others, such as Difference, produce more extreme effects and are therefore not used as often. Blending modes work by comparing the colors in the overlapping graphics and then running those colors through a mathematical algorithm to produce an effect. You could investigate the algorithm of each of the blending modes, but your efforts might be better spent elsewhere. Instead, blending modes are almost always used on an experimental basis. Even when you understand the algorithm of how the mode works, it’s not possible to memorize the effect that each blending mode will produce in every case. This is because the effect will be different with every overlapping object. Therefore, it’s best to play around with blending modes. Experiment until you find an effect that works well with the objects you are blending. In this lesson, you will apply various blending modes to InDesign objects and note their effect. ▼ WORK WITH BLENDING MODES Lesson 3 Work with Blending Modes INDESIGN 8-13 Using the Multiply Blending Mode Of the 15 blending modes, one in particular deserves special attention. Multiply is a practical and useful blending mode; be sure to familiarize yourself with it. When Multiply is applied to an object, the object becomes transparent but retains its color. You can think of the effect as that of overlapping lines drawn by magic markers. Figure 16 shows an effect created by multiplying various InDesign objects. There are two very important features of the Multiply blending mode that you must memorize: when you apply the Multiply blending mode, any white areas of a graphic become transparent and any black areas remain black. FIGURE 15 Blending modes in the Transparency palette FIGURE 16 Applying the Multiply blending mode Multiply effect occurs at areas of overlap [...]... your work to Figure 19 White fill becomes transparent You applied the Multiply blending mode to various InDesign objects FIGURE 19 Viewing the effect of changing the fill color of objects with the Multiply blending mode Different fill colors result in different effects Lesson 3 Work with Blending Modes INDESIGN 8-15 Experiment with various blending modes 1 Select both the spoon and the fork, then change... applied various blending modes to objects and noted their effects Lesson 3 Work with Blending Modes INDESIGN 8-17 L E S S O N 4 APPLY TRANSPARENCY TO PLACED GRAPHICS What You’ll Do Applying Transparency to Placed Graphics ▼ When you place graphics from other applications like Photoshop or Illustrator in InDesign, you can manipulate their opacity Manipulating the opacity of a placed graphic offers you... offers you the ability to create interesting relationships, as shown in Figure 22 It’s also a great solution In this lesson, you will apply various blending modes to placed graphics in InDesign and note their effect INDESIGN 8-18 when you want to use a graphic behind a block of text, as shown in Figure 23 You can also apply blending modes to placed graphics The Multiply blending mode is very useful... Multiply, then click Cancel The drop shadow is transparent because its blending mode was specified as Multiply when created; this applies only to the drop shadow, not to the spoon graphic (continued) INDESIGN 8-14 Working with Transparency FIGURE 18 7 Click the Blending mode list arrow in the Transparency palette, then click Multiply Applying the Multiply blending mode to an object with a white (Paper)... resulting effect is the combination of the hue and saturation values of the spoon and the fork with the brightness values of the background object (the green-colored graphic) Drop shadows drop out (continued) INDESIGN 8-16 Working with Transparency 6 Change the blending mode to Darken Areas of the background object that are lighter than the foreground objects change to the color of the foreground objects Areas . opacity of graphics that you place in InDesign. You should also note that, if you manipulate the opacity of a graphic in Adobe Illustrator or Adobe Photoshop, InDesign will recognize and preserve. using only black ink. Colorizing Grayscale Images in InDesign When you place a grayscale image from Photoshop in InDesign, you can apply InDesign swatches to it to colorize the graphic. You have. translucent—it can’t be seen through. In InDesign, you manipulate an object’s opacity in the Transparency palette, shown in Figure 8. By default, objects that you create in InDesign are created at 100%