ADOBE INDESIGN CS2 REVEALED- P21 docx

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 app

L E S S O N 1

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 high-lights 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

Colorize the light areas of a

grayscale graphic

Transparency.

then select the graphics frame.

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.

palette, then drag the Tint slider to 50%.

The yellow areas are lightened.

click the graphic to select it.

The image is cut from the frame, but the

frame remains with the 50% yellow

background.

Layers palette, then click the Soft Blades

layer to target it

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

palette.

As shown in Figure 5, the lighter the areas

of the graphic, the more the green back-ground color shows through.

By applying a background fill to a frame, you cre-ated 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

select the graphic.

As shown in Figure 6, the dark areas of the image change from black to navy.

acti-vated and a graphic is selected, fills apply to the dark areas of a placed grayscale graphic.

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

L E S S O N 2

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 manipu-late 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 manipu-late 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 feath-ered 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 transpar-ent Note that in the figure, the right-most circle’s edge appears to be equal parts blue and yellow This effect is cre-ated by making the circle’s edge increas-ingly 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

Change the opacity of

InDesign objects

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.

the Layers palette, then click the InDesign

Objects layer to target it.

Transparency.

dark orange object.

Transparency palette, then drag the

slider to 55%.

list arrow, then drag the slider to 60%.

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

the menu bar, then click Feather.

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.

menu bar, then click Feather.

Feather Width text box, then click OK.

Figure 14.

You applied different sized feathered edges to two objects.

FIGURE 14

Viewing feathered edges applied to two objects

Feathered edges

L E S S O N 3

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 trans-parency and color effects where two or more objects overlap

The Transparency palette offers 15 blend-ing 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 overlap-ping 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 over-lapping 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

Apply the Multiply

blending mode

the blue rectangle, click the Blending mode

list arrow in the Transparency palette, then

click Multiply.

As shown in Figure 17, the rectangle

becomes transparent and darkens the

graphic it overlaps

click the Blending mode list arrow in the

Transparency palette, then click Multiply.

Transparency Attributes, click Edit on the

menu bar, then click Redo Set Transparency

Attributes.

difference in the transparency when the

objects are multiplied with the background

graphic versus when they are transparent

simply because of reduced opacity.

sure that the two objects remain with the

Multiply blending mode applied.

bar, then click Drop Shadow.

shadow is already specified as 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

FIGURE 17

Applying the Multiply blending mode to the blue rectangle

Transparent

Lesson 3 Work with Blending Modes INDESIGN 8-15

Transparency palette, then click Multiply.

As shown in Figure 18, the spoon disappears because a white fill (Paper) becomes com-pletely transparent when multiplied.

the Swatches palette.

mode to Multiply.

There is no visible change, because black multiplied with any other color remains black.

dese-lect the fork, then compare your work to Figure 19.

You applied the Multiply blending mode to various InDesign objects.

FIGURE 18

Applying the Multiply blending mode to an object with a white (Paper) fill

FIGURE 19

Viewing the effect of changing the fill color of objects with the Multiply blending mode

Black shadow

remains visible

White fill becomes transparent

Different fill colors

result in different effects

Experiment with various

blending modes

change the blending mode to Screen.

As shown in Figure 20, the colors change

and the drop shadow disappears, because

black always becomes transparent when the

Screen blending mode is applied.

lightens the overlapping areas of objects.

the fork to Overlay.

In this case, the effect of the Overlay

blend-ing mode is similar to Screen, but it

pro-duces a richer color and the drop shadow

reappears.

produces an effect that is similar to but

fainter than the Hard Light mode.

The 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).

(continued)

FIGURE 20

Viewing the Screen blending mode applied to the spoon and fork

Drop shadows drop out

Lesson 3 Work with Blending Modes INDESIGN 8-17

Areas of the background object that are lighter than the foreground objects change

to the color of the foreground objects Areas

of the background object that are darker than the foreground objects do not change.

click the Chefs on Safari text on the page.

Safari text to Overlay.

The object becomes much darker because of the dark blue object behind the text.

deselect, then compare your work to Figure 21.

You applied various blending modes to objects and noted their effects.

FIGURE 21

Viewing the results of applying various blending modes

L E S S O N 4

Placed Graphics

When you place graphics from other appli-cations like Photoshop or Illustrator in InDesign, you can manipulate their opacity Manipulating the opacity of

a placed graphic offers you the ability to create interesting relationships, as shown

in Figure 22 It’s also a great solution

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 with placed graphics, because it makes all white areas of a graphic transparent Thus, Multiply is often a good solution for removing the white background of a placed graphic

In this lesson, you will apply various

blending modes to placed graphics in

InDesign and note their effect.

FIGURE 22

Reducing opacity of placed graphics

APPLY TRANSPARENCY

TO PLACED GRAPHICS