Lesson 4

Apply Transparency to Placed Graphics

 

OBJECTIVE:
In this lesson, you will apply various blending modes to placed graphics in InDesign and note their effect.

Sample Solution

Lesson:  Apply transparency to placed Photoshop Graphics

  1. Make the Pink Flowers layer visible, click the Selection tool, then click the flowers graphic
    [TIP:  Be sure that you select the flowers graphic and not the "take a wok on the wild side" text]
  2. Change the blending mode to Screen
  3. Chagne the blending mode to Overlay
  4. Change the blending mode to Color, deselect
  5. Make the Whisk layer visible, then click the whisk graphic
  6. Chagne the blending mode to Multiply--the white background becomes transparent because white always becomes transparent when multiplied
  7. With the whisk graphic still selected, click the Opacity list arrow (on the Effects panel), then drag the slider to 70%

Summary:  You applied various blending modes to placed graphics in InDesign, then changed the opacity of one of the graphics

 

Lesson:  Selecting overlapping graphics

  1. Verify that the Selection tool is selected, then click the handle of the red fork—the fork is selected
  2. Press and hold [Ctrl], then click the handle of the red fork in the same place—the blue object behind the fork is selected
    [TIP:  Pressing and holding [Ctrl] allows you to select objects behind other overlapping objects]
  3. Press and hold [Ctrl], then click the fork in the same place—the Pink Flowers graphic is selected
  4. Press and hold [Ctrl], then click then click the fork in the same place—the green background graphic is selected
  5. Click the Opacity list arrow (on the Effects panel), then drag the slider to 80%—by decreasing the opacity of the green graphic, the 59% yellow fill applied to the graphics frame behind it becomes more visible
  6. Press and hold [Ctrl], then click the fork in the same place—the frame with the 50% yellow fill is selected.
  7. Click the Tint list arrow (on the Swatches panel), then drag the slider to 75%

Summary:  You used a keyboard command to select objects behind overlapping objects.

 

Lesson:  Placing graphics into transparent frames

  1. Make the Illustrator Graphics layer visible
  2. Verify that the Selection tool is selected, then select the blue circular object
  3. Place the graphic named Octopus.ai from the server folder—the placed graphic is multiplied at 60% because that is the blending mode applied to the blue object
  4. Click Object (on the Application bar), point to Fitting, then click Fit Content to Frame
  5. Click the orange circular object, place the graphic named Lava Rocks.psd from the server folder, click Object (on the Application bar), point to Fitting, then click Fit Content to Frame
  6. Deselect—like the frame, the graphic is multiplied at 55% opacity—the graphic fades with the frame’s feathered edge
  7. Click the blue circular object, then change the blending mode to Screen

Summary:  You placed graphics into transparent frames, noting that the graphics themselves  took on the same transparency as the frames.

 

Lesson:  Apply transparency to placed Illustrator graphics

  1. Select the Goblets.ai graphic to the right of the leftmost Octopus graphic, then note its transparency setting on the Effects panel—the graphic’s blending mode is set to Normal even though it appears to be multiplied—the Multiply blending mode was applied to the graphic in Illustrator
    [TIP:  InDesign recognizes and preserves any transparency that is applied and saved with an Illustrator file]
  2. (On the Effects panel), change the blending mode to Multiply—the graphic is darkened
  3. Select the black Illustrator graphic named Octopus.ai, then change the blending mode to Overlay
  4. Select the Chefs on Safari text, then change its blending mode to Screen
  5. With the text box still selected, click on the Effects panel, then click Bevel and Emboss
  6. Apply the settings below:
    Structure
    Style:  Inner Bevel
    Technique:  Chisel Hand
    Direction:  Up
    Size:  0.0972 in.
    Soften:  0 in.
    Depth:  100%
    Shading
    Angle:  120◦
    Highlight:  Screen
    Shadow:  Multiply
    Altitude:  30◦
    Opacity:  75%
    Opacity:  75%
     then click OK; deselect
  7. Save your work
  8. Create a PDF file
  9. Close Transparency
  10. Post the files to the Hulk server

Summary:  You modified the transparency on two placed Illustrator graphics, one of which had transparency applied to it in Illustrator.