Chapter 6. Fills, Strokes, and Effects

Here’s where you get a chance to express your creativity. Styling refers to applying fills, strokes, gradients, and effects to frames, lines, and text. If you’re bored with plain black text on a white background, InDesign lets you change the text and background colors to almost anything you can imagine.

Most other graphics programs let you style objects and text with fills, strokes, and gradients. InDesign certainly does that also.

However, InDesign has broken new ground in offering sophisticated effects such as transparency, drop shadows, and glows. These are the effects that art directors and designers could only dream about creating with other page-layout programs.

With InDesign, they can make those dreams a reality.

Applying Fills

Fills are the effects applied to objects, which can be the interior of frames or text within a frame. So you can apply one color fill to the text inside a frame and another color fill to the frame itself. A fill can be a solid color or a gradient.

To apply a fill to an object:

  1. Select an object.
  2. Make sure the Container icon is chosen in the Tools panel or the Swatches or Color panel image. This indicates that the object will be modified.

    image

    image The Container icons (circled) indicate an effect will be applied to an object, not text.

  3. Click the Fill icon in the Tools panel or in the Swatches or Color panel image.

    image

    image The Fill icons (circled) indicate an effect will be applied inside an object.

  4. Choose a color or gradient in the Color, Gradient, or Swatches panel.

You don’t have to select an object to apply a fill. You can just drag a swatch onto any object to apply a color or a gradient.

To drag fill effects onto objects:

  1. Drag a gradient or color swatch from the Tools panel or the Color, Gradient, or Swatches panel onto the object image.

    image

    image You can drag a swatch inside an object to apply a fill.

  2. Release the mouse button when the swatch is inside the object. A square dot appears to indicate you are inside the object.

    Tip

    If you release the mouse button when the swatch is on the edge of the object, you will apply the effect to the object’s stroke.

You can also apply fill colors to selected text in a text frame.

To apply a fill to selected text:

  1. Use the Text tool to highlight the text.
  2. Click the Fill icon in the Tools panel or the Swatches or Color panel.
  3. Choose a swatch in the Color, Gradient, or Swatches panel image.

    image

    image Choose a swatch to apply the color or gradient to selected text.

    Tip

    When text is highlighted, the color of the text is inverted. Deselect to see the actual text color.

You can also apply a fill to all the text in a frame with just the frame selected.

To apply a fill to all the text in a frame:

  1. Select the text frame that contains the text to which you want to apply the fill.
  2. Click the Fill icon in the Tools panel or the Swatches or Color panel.
  3. Click the Text icon in the Tools panel or the Swatches or Color panel image.

    image

    image The Text icons (circled) set an effect to be applied to all the text within a frame.

    Tip

    The T inside the Fill icon indicates the text will be affected, not the frame image.

    image

    image The T inside the Fill icon (circled) indicates that text is going to be styled.

  4. Choose a swatch in the Color, Gradient, or Swatches panel.

You can also apply a gradient to text or objects.

To apply a gradient fill:

  1. Click the Fill icon in the Tools panel or the Swatches or Color panel with the container or text icons selected.
  2. Click the Gradient icon in the Tools panel image.

    image

    image The Gradient icon in the Tools panel indicates that a color or gradient will be applied.

    or

    Click a gradient in the Swatches or Gradient panel. The gradient is displayed in the Fill box image.

    image

    image The gradient in the Fill box indicates that the gradient will be applied as a fill.

Once you have applied a gradient to an object or text, you can modify how it is applied using the Gradient tool.

To adjust a gradient fill:

  1. Select the object that contains the gradient you want to modify.
  2. Choose the Gradient tool in the Tools panel image.

    image

    image The Gradient tool in the Tools panel lets you modify the appearance of gradients.

  3. Drag the Gradient tool along the angle that the linear gradient should follow image.

    image

    image Drag the Gradient tool to set the start and end points and the angle of a linear gradient.

    or

    Drag the Gradient tool to define the start and end points of a radial gradient image.

    image

    image Drag with the Gradient tool to set the start and end points of a radial gradient.

    Tip

    The start of the drag positions the first color. The end of the drag positions the final color.

You can also apply a fill of None to an object. This makes the background of the object transparent image.

image

image The difference between a text frame with a white fill and a none fill.

To apply a fill of None:

  1. Select the object.
  2. Click the None icon in the Tools panel or the Swatches or Color panel image.

    image

    image The None icons (circled) apply no fill to an object.

    Tip

    If the object is not in front of others, you may not see a difference between a white and a none fill. Check the icon to be sure image.

    image

    image The None symbol in the Fill icon (circled) indicates there is no fill applied to the object.

Another way to style objects is to create a compound path. A compound path allows one path to punch a hole in another. This makes the inside path transparent while the outside path is solid image.

image

image An example of how a compound path creates a hole in an object.

To create a compound path:

  1. Select two paths that overlap.
  2. Choose Object > Paths > Make Compound Path.

    Tip

    If the second object is not completely contained inside the first, the hole appears only where the objects overlap.

    Tip

    Compound paths must contain the same fill and stroke effects.

You can release a compound path back to separate objects to restore the inside path to a solid color.

To release a compound path:

  1. Select the compound path.
  2. Choose Object > Paths > Release Compound Paths.

Applying Stroke Effects

Strokes are the effects applied to the edge of objects and text, or along lines.

Tip

In QuarkXPress, stroke effects are called frames or line effects.

To apply a stroke to an object:

  1. Select the object.
  2. Make sure the Container icon is chosen in the Tools panel or the Swatches or Color panel image. This indicates that the object will be modified.
  3. Click the Stroke icon in the Tools panel or the Swatches or Color panel image.

    image

    image The Stroke icons (circled) set an effect to be applied to the outside of an object or text.

  4. Choose a swatch in the Color, Gradient, or Swatches panel.

You can also apply a stroke color by dragging a swatch onto the edge of any object on the page.

To drag stroke effects onto objects:

  1. Drag a gradient or color swatch from the Tools panel or the Color, Gradient, or Swatches panel onto the edge of the object.
  2. Release the mouse button when you see a small line appear next to the mouse cursor image. This applies the color or gradient to the stroke.

    image

    image Drag a swatch onto the edge to apply a stroke effect to an object.

    Tip

    If you release the mouse button when the swatch is inside the object, you apply the effect to the object’s fill.

InDesign makes it easy to swap the fill and stroke colors applied to an object.

To swap the fill and stroke settings:

• Click the double-headed arrow in the Tools panel image. This switches the colors of the fill and stroke applied to the object.

image

image Click the Swap Fill and Stroke icon in the Tools panel to switch the settings.

You can also add a color or gradient stroke to the outside edges of text with a color or gradient image.

image

image A stroke effect applied to text.

To apply a stroke to selected text:

  1. Use the Text tool to highlight the text.
  2. Click the Stroke icon in the Tools panel or Color panel image.

    image

    image The outlined T in the Stroke icon (circled) indicates that a stroke has been applied to text.

  3. Choose a swatch in the Color, Gradient, or Swatches panel.

To apply a stroke to all the text in a frame:

  1. Select the text frame that contains the text to which you want to apply the stroke.
  2. Click the Text button in the Tools panel or Color panel.
  3. Click the Stroke icon in the Tools panel or Color panel.
  4. Choose a swatch in the Color, Gradient, or Swatches panel.

You can also apply a gradient as a stroke to text or objects.

To apply a gradient stroke:

  1. Click the Stroke icon in the Tools panel or the Swatches or Color panel.
  2. Click the Gradient icon in the Tools panel or the Swatches or Gradient panel.
  3. Use the Gradient tool to modify the angle or length of the gradient applied to a stroke.

    Tip

    A linear gradient applied as a stroke creates a beveled effect. This may be combined with a solid or gradient fill for a three-dimensional effect image.

    image

    image The effect of a linear gradient applied as a stroke with three different types of fills.

Color is only one aspect of a stroke effect. The Stroke panel controls the rest of the stroke attributes.

To work with the Stroke panel:

• If the Stroke panel is not visible, choose Windo w > Stroke to view it image.

image

image The Stroke panel with all its options displayed.

or

If the Stroke panel is behind other panels, click the Stroke panel tab.

One of the most important attributes of a stroke is its thickness. This is controlled by changing the stroke weight image.

image

image Different stroke weights.

To set the stroke weight (thickness):

  1. Select the object.
  2. Use the Weight field controls to set the thickness of the stroke image.

    image

    image The Weight controls let you change the stroke thickness.

    Tip

    The stroke can be positioned on the outside, in the center, or inside the path using the Align Stroke controls.

A stroke’s style is also controlled by the end caps and joins, which form points and corners.

To set the caps and joins:

  1. Select an object that has a stroke applied to it.
  2. In the Stroke panel, use the Cap icons image to change the way the ends of open paths are treated image:

    Butt ends the stroke in a square. This is the default setting for a plain stroke.

    Round ends the stroke in a semi-circle.

    Projecting ends the stroke in a square that extends out from the end point.

    image

    image The Cap icons control the end points of strokes.

    image

    image The three Cap settings applied to strokes.

    Tip

    The Cap settings have no effect on closed paths such as rectangles, ellipses, and polygons.

  3. Use the Join buttons image to change the way two segments of a path meet at corners image:

    Miter joins the segments at an angle.

    Round joins the segments with a curve.

    Bevel joins the segments with a line between the segments.

    image

    image The Join buttons control how the corners of strokes are displayed.

    image

    image The three Join settings applied to strokes.

Sometimes a mitered join becomes too long and pointed. Fortunately, you can stop the point from becoming too long by setting the miter limit.

To set the miter limit:

  1. Select an object with a mitered join.
  2. In the Stroke panel, increase the amount in the Miter Limit field to control the size of the angle between the segments image.

    image

    image The Miter Limit field controls how long a miter point may extend.

    Tip

    If the size of the angle exceeds the miter limit, a bevel is substituted image. It does not mean a shorter point is substituted.

In traditional drawing programs, a stroke is distributed evenly on the outside and inside of its path. InDesign lets you choose the alignment of the stroke on the path image.

image

image Set the Align Stroke controls to set the position of the stroke along the path.

Tip

This is different from the position of a stroke applied to text.

To set the alignment of a stroke:

  1. Apply a stroke to an object.
  2. Choose one of the three alignment options for the stroke as follows image:

    Center aligns the stroke so that half the stroke weight is inside the path and half is outside the path.

    Inside aligns the stroke so that the entire thickness of the stroke weight is inside the path.

    Outside aligns the stroke so that the entire thickness of the stroke weight is outside the path.

    image

    image Examples of how the Align Stroke controls change the position of the stroke on the path.

The default setting for strokes is a solid line. However, you can choose one of the specialty strokes such as stripes, dashes, hashes, dots, or diamonds. You can even pick a stroke that curves up and down along the path.

To apply stroke styles to strokes:

  1. Apply a stroke to an object.
  2. Choose one of the styles from the Stroke Type menu image.

    image

    image The 18 default strokes in the Stroke Type menu in the Stroke panel.

The color of a stroke comes from choosing the Stroke icon and then picking a color. This method only colors the solid portion of a stroke. For strokes such as stripes and dashes, you can also color the gap, or the clear area between the solid colors of the stroke.

Tip

This is the same technique used to set the gap color for the underline and strikethrough effects.

To set a stroke gap color:

  1. Choose one of the specialty strokes that have both solid and clear areas.
  2. Use the Gap Color menu to choose the color for the clear areas of the stroke image.

    image

    image Use the Gap Color menu in the Stroke panel to set the color of the clear areas of a stroke.

    Tip

    This list contains the same colors and gradients as the Swatches panel.

  3. If necessary, use the Gap Tint controls to set a screen for the gap color image.

    image

    image Use the Gap Tint controls to set a tint for the gap color.

The stroke list contains a dashed stroke that you can customize to set the size of the dashes and the gaps between them.

To create custom dashed strokes:

  1. Apply a stroke to an object.
  2. Choose Dashed from the Stroke Type pop-up menu. The dashed settings appear at the bottom of the Stroke panel image.

    image

    image The Dashed settings at the bottom of the Stroke panel. These only appear when the Dashed stroke type is chosen.

    Tip

    The dashed settings only appear when you select the stroke style named Dashed and not the ones labeled Dashed (3 and 2) or Dashed (4 and 4).

  3. Enter an amount in the first dash field for the length of all of the dashes in the line.
  4. Enter an amount in the first gap field for the size of the space between all of the dashes.
  5. To create a series of dashes and gaps with irregular lengths, enter other values in the rest of the dash and gap fields.
  6. If necessary, use the Corners list image to adjust the dashes and gaps image:

    None leaves the dashes and gaps as they are. This can cause unequal dashes at the corners.

    Adjust dashes changes the stroke so that the corner dashes are equal.

    Adjust gaps changes the stroke so that the gap lengths are equal.

    Adjust dashes and gaps changes the stroke to make the best fit so that both the corner dashes and gaps are equal.

    Dash (3 and 2) creates a dash that is 3 times the stroke weight with a gap that is 2 times the stroke weight image.

    Dash (4 and 4) creates dashes and gaps that are 4 times the stroke weight image.

    image

    image Use the Corners menu to adjust how dashes and gaps are distributed on a stroke.

    image

    image Examples of how the Corners settings affect the appearance of a dashed stroke.

    image

    image The effects of the two preset dash styles on 3-point strokes.

Creating Custom Stroke Styles

Stroke styles allow you to create custom stripes, dashes, and dots that you can add to your Strokes panel for reuse.

To create custom styles for strokes:

  1. Choose Stroke Styles from the Stroke panel menu. The Stroke Styles dialog box appears image.

    image

    image The Stroke Styles dialog box lets you create, edit, and manage custom stroke styles.

    Tip

    This dialog box contains the seven default stripe styles. You can’t edit these default stripes, but you can use them as the basis for new stripe styles.

  2. Click the New button to open the New Stroke Style dialog box image.

    image

    image The New Stroke Style dialog box is where you define the pattern for a custom stroke.

    or

    Choose one of the default stripes and then click the New button. This opens the New Stroke Style dialog box with the stripe style already set as the starting pattern.

  3. Use the Name field to enter a name for the custom stroke style.
  4. Choose the type of stroke style from the Type menu as follows image:

    Stripe allows you to create multiple lines that run parallel to each other along the stroked path.

    Dotted creates a series of dots repeated along the path.

    Dash creates a single line that is broken into a series of individual elements.

    image

    image Use the Type menu to choose the type of custom stroke style.

  5. The dialog box changes its controls according to the stroke style chosen in the Type menu.
  6. When you have finished setting the stroke style, Click OK to create the style.

    or

    Click the Add button to create the style and then define additional styles.

To create a custom stripe stroke style:

  1. Choose Stripe from the Type menu of the New Stroke Style dialog box. The stripe controls appear image.

    image

    image The New Stroke Style dialog box set for the Stripe controls.

  2. Click inside the Stripe area to add a stripe to the stroke.

    Tip

    New stripes appear in the Stripe area with no width and need to be adjusted in order to appear as part of the finished stroke.

  3. Drag the Start control triangle on the percentage ruler or enter an amount in the Start field to set the initial position for the stripe on the stroke image.

    image

    image The stripe controls in the New Stroke Style dialog box.

    Tip

    A setting of 0% positions the stripe to start at the very top of the stroke width.

  4. Drag the Width control triangle on the percentage ruler or enter an amount in the Width field to set the width of the stripe image.

    Tip

    The width of the stripe is a percentage of the final stroke weight of the stroke. For example, a stripe width of 50% applied to a 4-point stroke creates a 2-point stripe.

  5. Drag the stripe itself up or down in the Stripe area to position it without changing its width.
  6. If you need to delete a stripe, drag it up or down so that it is off the Stripe area.
  7. Use the Preview control to increase or decrease the size of the preview for the stroke style image.

    image

    image Use the Preview display and Preview Weight to see what the stripe style will look like.

    Tip

    A larger preview helps you see small elements added to the custom stroke style. However, it does not change the appearance of the stroke used in the document.

To create a custom dashed stroke style:

  1. Choose Dash from the Type menu of the New Stroke Style dialog box. The dash controls appear image.

    image

    image The New Stroke Style dialog box set for the Dash controls.

  2. Click inside the Dash area to add a dash to the stroke image.

    image

    image The Dash controls in the New Stroke Style dialog box.

    Tip

    New dashes appear in the Dash area with no length and need to be adjusted in order to appear as part of the finished stroke.

  3. Drag the Start control triangle on the percentage ruler or enter an amount in the Start field to set the initial position for the dash image.

    Tip

    Unlike the Stripe controls, the length of a dash is set as an absolute amount, not a percentage of the stroke width.

  4. Drag the dash itself to move it without changing its width.
  5. Use the Pattern Length field to increase the length of the space that the dashes repeat within image.
  6. If you need to delete a dash, drag it up or down so that it is off the Dash area.
  7. Use the Corners list to choose how the dashes should be arranged around corners image.

    image

    image Use the Corners list to choose how dashes are distributed along a stroke.

  8. Choose a Cap style to set how the dashes appear on the stroke.
  9. Use the Preview control to increase or decrease the size of the preview for the stroke style.

To create a custom dotted stroke style:

  1. Choose Dotted from the Type menu of the New Stroke Style dialog box. The dotted controls appear image.

    image

    image The New Stroke Style dialog box set for the Dotted controls.

  2. Click inside the Dotted area to add a dot to the stroke image.

    image

    image The Dotted controls in the New Stroke Style dialog box.

  3. Drag the Center control triangle on the ruler or enter an amount in the Center field to set the initial position for the dot image.
  4. Use the Pattern Length field to increase the length of the space that the dots repeat within image.
  5. If you need to delete a dot, drag it up or down so that it is off the Dotted area.
  6. Use the Corners list to choose how the dots should be arranged around corners image.

    image

    image Use the Corners menu to control how dotted styles are applied to corners.

    Tip

    Unlike the choices for dashes, the Corners list for dots only allows you to adjust gaps, as the dots themselves cannot change their length.

  7. Use the Preview control to increase or decrease the size of the preview for the stroke style image.

To edit a stroke style:

  1. Select the custom stroke style in the Stroke Styles dialog box and choose Edit. The Edit Stroke Style dialog box appears.

    Tip

    The Edit Stroke Style dialog box is the same as the New Stroke Style dialog box, except that there is a Preview checkbox to help you see what your changes do to the stroke image. Also, the Edit Stroke Style dialog box does not have an Add button.

  2. Click OK to apply the changes.

image

image Use the Preview display and Preview Weight to see what a dotted style will look like.

image

image Click the Preview checkbox to see how the stroke edits appear when applied to objects.

Once you have defined a stroke style, it appears in the Type menu of the Stroke panel for that document. You may want to transfer strokes from one document to another. You do so using the Stroke Styles dialog box image.

image

image The Stroke Styles dialog box lets you create, edit, and manage custom stroke styles.

To save strokes for use in another document:

  1. Choose Stroke Styles from the Stroke panel menu.
  2. Select the custom strokes that you want to transfer to another document.

    Tip

    Hold the Shift key to select a range of strokes.

    Tip

    Hold the Cmd/Ctrl key and click to select noncontiguous strokes.

  3. Click the Save button. A dialog box appears where you can save the strokes as an .inst file, which contains the custom stroke definitions.

To transfer strokes from another document:

  1. Choose Stroke Styles from the Stroke panel menu.
  2. Click Load from the Stroke Styles dialog box.
  3. Navigate to find the .inst file that contains the custom stroke definitions.
  4. Click the Open button to add the strokes to the document.

    Tip

    You can also add custom strokes by copying and pasting objects from one document to another.

To delete a stroke from document:

  1. Choose Stroke Styles from the Stroke panel menu.
  2. Select the stroke or strokes you want to delete.
  3. Click the Delete button.

    Tip

    You can’t delete the seven default strokes.

Adding Arrows and Corner Options

You can add arrowheads and other shapes to the open-ended objects that have strokes applied to them image.

image

image The 12 different types of arrowhead styles for paths.

To add arrowheads and end shapes:

  1. Select an object with open ends.
  2. Add a graphic to the beginning of the object by choosing a shape from the Start menu in the Stroke panel image.

    image

    image Choose an arrowhead style from the Start or End menu in the Stroke panel.

  3. Add a graphic to the end of the object by choosing a shape from the End menu.

InDesign can modify the shape of objects by adding special corner options. You can apply these effects to any object that has corner points—even open-ended objects.

Tip

You can change a star’s points to curves by applying a rounded corner effect. Or you can convert an L-shaped line into a soft curve.

To apply corner options:

  1. Select an object with corner points.
  2. Choose Object > Corner Options. The Corner Options dialog box appears image.

    image

    image The Corner options dialog box lets you apply different corners to objects.

  3. Choose one of the options from the Effect menu.
  4. Set the size of the effect.

    Tip

    Check Preview so you can see how the settings look.

  5. Click OK to apply the settings image.

    image

    image An example of applying the special corner options to rectangles.

    Tip

    You can change corner options later by selecting the object and reopening the dialog box. However, the individual points within the effect cannot be manipulated.

Opacity and Blend Mode Effects

What I call transparency (the ability to see through objects, images, or text), InDesign calls opacity.

To apply opacity effect to an object:

  1. Choose Window > Effects to open the Effects panel image.

    image

    image The Effects panel.

    or

    Click the Opacity slider in the Control panel.

    or

    Choose Objects > Effects > Transparency to open the Effects dialog box set to the Transparency option image.

    image

    image The Transparency controls in the Effects dialog box.

    or

    Choose Transparency from the Effects panel menu.

  2. Drag the Opacity slider or enter an amount in the Opacity field image. The lower the opacity percentage, the more you can see through the object.

    image

    image The Opacity slider in the Effects panel lowers the visibility of objects.

    Tip

    Once you have activated the Opacity field or slider, you can use the up and down arrow keys on the keyboard to increase or decrease the amount of opacity.

    Tip

    Place a text frame filled with the color Paper at a reduced opacity over an image to “ghost” that area in the image image.

    image

    image An example of how a white text frame with the fill set to 50% opacity creates a ghost area in the image.

Blend mode effects allows the colors and shades in one object to interact with the objects beneath image.

image

image An example of how the 16 blend modes interact when placed over an image.

To add a blend mode effect:

  1. Select the object.
  2. Choose a blend mode from the list in the Effects panel or from the Transparency controls in the Effects dialog box.

    Normal applies no change to the objects.

    Multiply multiplies the bottom color with the top color.

    Screen is the inverse of Multiply.

    Overlay preserves the highlights and shadows of the base color while mixing in the top color.

    Soft Light is similar to shining a diffused spotlight on the artwork.

    Hard Light is similar to shining a harsh spotlight on the artwork.

    Color Dodge lightens the bottom color to reflect the top color.

    Color Burn darkens the bottom color to reflect the top color.

    Darken displays either the bottom or top color—whichever is darker.

    Lighten selects the bottom or top color—whichever is lighter.

    Difference subtracts one color from another depending on brightness.

    Exclusion is similar to Difference but is lower in contrast.

    Hue replaces the hue of the bottom object with the hue of the top one.

    Saturation replaces the saturation of the bottom object with the top.

    Color colorizes the bottom object with the top color.

    Luminosity changes the bottom object’s luminance with the top.

As you apply a blend mode or an opacity setting, you may need to control how the transparency is applied. One such control is called a knockout group. Objects in a knockout group display their blend modes or opacity settings on other objects, but not with each other image.

image

image With the Knockout Group turned on, blended objects do not interact with each other.

To create a knockout group:

  1. Apply a blend mode or opacity setting to an object.
  2. Repeat for any additional objects.

    Tip

    Each object can have its own blend mode or opacity setting, or they all can have the same settings.

  3. Use the Selection tool to select the objects. These are the objects you don’t want to have interact with each other.
  4. Choose Object > Group.
  5. With the group selected, click the Knockout Group checkbox in the Effects panel image or the Transparency controls in the Effects dialog box.

    image

    image The Knockout Group checkbox in the Effects panel.

The Isolate Blending command creates the opposite effect of a Knockout group. With this command, the objects in the group display their blend modes with each other, but not with objects outside the group image.

image

image With the Isolate Blending command turned on, blended objects only interact with each other, not the objects below.

To isolate the blending in objects:

  1. Apply a blend mode to as many objects as you want.
  2. Use the Selection tool to select the objects that have the blend mode.
  3. Choose Object > Group.
  4. Keep the group selected, click the Isolate Blending checkbox in the Effects panel image or the Transparency options in the Effects dialog box.

    image

    image The Isolate Blending checkbox in the Effects panel.

You can also specify where the opacity or blend mode is applied.

To specify to which attributes the effect is applied:

• Use the Settings for menu in the Effects dialog box image to choose one of the following:

Object sets the effect to the entire object.

Fill sets the effect to just the fill.

Stroke sets the effect to just the stroke.

Text sets the effect to just the text.

image

image Use the Settings for list to choose to which parts of the object the opacity or blend mode is applied.

or

Click to target the object attribute in the Effects panel image.

image

image Select the object attribute in the Effects panel to apply the opacity of blend mode to just one part of the object.

Tip

Use this technique when working with the other effects such as shadows, glows, bevel and emboss effects, satin, and feathers covered in the next sections.

Working with Effects

In addition to opacity and blend modes, you can also apply special effects such as shadows, glows, and feathers to objects. All these effects are controlled from the Effects dialog box image.

image

image The Effects dialog box lets you choose effects as well as change their appearance.

To open the Effects dialog box:

• Click the fx icon in the Effects panel or the Control panel to choose an effect from the menu image.

image

image The fx icon in the Effects panel lets you apply special effects.

or

Choose Object > Effects and then one of the effects in the submenu.

or

Choose one of the effects in the Effects panel menu.

To remove effects:

• Uncheck the effect in the Effects dialog box.

or

Select the effect in the Effects panel and then click the Delete Effect icon in the Effects panel image.

image

image The Delete Effect icon in the Effects panel removes effects from selections.

or

Click the Clear All Transparency icon in the Effects panel to remove all effects as well as any opacity and blend mode settings image.

image

image The Clear All Transparency icon in the Effects panel removes all effects and makes the object opaque.

or

Choose Clear Effects from the Effect panel menu or Object > Effects submenu.

or

Choose Clear All Transparency from the Effects panel menu or Object > Effects submenu. This removes all effects as well as any opacity and blend mode settings.

Shadow Effects

One of the most popular effects is a drop shadow set behind objects, text, or images image.

image

image A drop shadow applied to text.

To add a drop shadow:

  1. Select the object.
  2. Open the Effects dialog box image as described previously.

    image

    image The Drop Shadow controls in the Effects dialog box.

  3. Click the Drop Shadow checkbox.
  4. Set the controls as follows:

    • The Blending area controls the color and opacity of the shadow as well as how the shadow interacts with other objects.

    • The Position area controls the placement of the shadow in relationship to the object.

    • The Options area controls the size and other attributes of the shadow.

  5. Click OK to apply the shadow.

An inner shadow creates the appearance that the object is cut out of the page it is on image.

image

image An inner shadow applied to text.

To add an inner shadow:

  1. Select the object.
  2. Open the Effects dialog box image as described previously.

    image

    image The Inner Shadow controls in the Effects dialog box.

  3. Click the Inner Shadow checkbox.
  4. Set the controls as follows:

    • The Blending area controls the color and opacity of the shadow as well as how the shadow interacts with other objects.

    • The Position area controls the placement of the shadow in relationship to the object.

    • The Options area controls the size and other attributes of the shadow.

  5. Click OK to apply the shadow.

Glow Effects

You can also add an outer glow around objects or an inner glow inside an object imageimage.

image

image An outer glow applied to text.

image

image The Outer Glow controls in the Effects dialog box.

image

image An inner glow applied to text.

image

image The Inner Shadow controls in the Effects dialog box.

To add an outer glow:

  1. Select the object.
  2. Open the Effects dialog box image as described previously.
  3. Click the Outer Glow checkbox.
  4. Set the controls as follows:

    • The Blending area controls the color and opacity of the glow as well as how the glow interacts with other objects.

    • The Options area controls the size and other attributes of the glow.

  5. Click OK to apply the glow.

To add an inner glow:

  1. Select the object.
  2. Open the Effects dialog box image as described previously.
  3. Click the Inner Glow checkbox.
  4. Set the controls as follows:

    • The Blending area controls the color and opacity of the shadow as well as how the glow interacts with the inside of the object.

    • The Options area controls the size and other attributes of the glow.

  5. Click OK to apply the glow.

Bevel and Emboss Effects

A great way to add dimension to objects is with the bevel and emboss effects image.

image

image A bevel effect applied to text.

Tip

Bevels and emboss effects are simply variations in the style of one effect.

To add a bevel or emboss:

  1. Select the object.
  2. Open the Effects dialog box image as described previously.

    image

    image The Bevel and Emboss controls in the Effects dialog box.

  3. Click the Bevel and Emboss checkbox.
  4. Set the controls as follows:

    • The Structure area controls the style of the bevel or emboss as well as the size and other attributes.

    • The Shading area controls what colors are used for the highlights and shadows of the effect as well as the direction of the light that creates the effects.

  5. Click OK to apply the bevel or emboss.

Satin Effect

The satin effect gives the appearance of a fabric texture applied to the object image.

image

image A satin effect applied to text.

To add a satin effect:

  1. Select the object.
  2. Open the Effects dialog box image as described previously.

    image

    image The Satin controls in the Effects dialog box.

  3. Click the Satin checkbox.
  4. Set the controls as follows:

    • The Structure area controls how the satin texture is applied as well as the size, angle, and other attributes.

    • Choose Invert to reverse the appearance of the satin effect with the object’s color.

  5. Click OK to apply the satin effect.

Feather Effects

Feather refers to softening the edge of an object so that it fades to transparent. InDesign gives you three different types of feather effects. The Basic Feather creates a soft edge around the outside of objects image.

image

image A basic feather applied to text.

To add a basic feather effect:

  1. Select the object.
  2. Open the Effects dialog box image as described previously.

    image

    image The Basic Feather controls in the Effects dialog box.

  3. Click the Basic Feather checkbox.
  4. Use the Options area to control the size and other attributes of the feather.
  5. Click OK to apply the feather.

A Directional Feather allows you to specify different amounts of softening for the top, bottom, left, and right sides of the object image.

image

image A directional feather applied to text.

To add a directional feather:

  1. Select the object.
  2. Open the Effects dialog box image as described previously.

    image

    image The Directional Feather controls in the Effects dialog box.

  3. Click the Directional Feather checkbox.
  4. Set the controls as follows:

    • The Feather widths area controls the size of the feather for the four sides of the object.

    • The Options area controls the size and other attributes of the feather.

  5. Click OK to apply the feather.

The Gradient Feather effect allows you to create a color that fades in and out of opacity. So instead of a gradient that changes color, a gradient feather changes opacity for each of the gradient stops (transition points) image.

image

image A gradient feather applied to text.

Tip

The Gradient Feather effect only changes the opacity of the gradient. If you need to change the color of the gradient, you need to create a separate color gradient.

To add a gradient feather:

  1. Select the object.
  2. Open the Effects dialog box as described previously.
  3. Click the Gradient Feather checkbox.
  4. Set the controls as follows image:

    • The Gradient Stops area allows you to set the opacity and location for each of the gradient transition points.

    • The Options area controls the type of gradient (linear or radial) and the angle of the gradient.

    image

    image The Gradient Feather controls in the Effects dialog box.

  5. Click OK to apply the feather.

Setting the Global Light

The Global Light setting allows you to set an angle and position of the electronic “light” that creates shadows and other dimensional effects. You can use the Global Light controls to coordinate the appearance of the effects.

To set the Global Light:

  1. Choose Global Light from the Effects panel menu or the Object > Effects submenu.
  2. Use the Global Light dialog box to set the angle and altitude of the global light image.

    image

    image The Global Light dialog box.

Using the Pathfinder Commands

I can’t draw. So rather than struggle to create certain shapes, I use the Pathfinder commands to use multiple objects to create different shapes.

To use the Pathfinder commands:

  1. Select the objects that you want to have interact with each other. You must select at least two objects.
  2. Click one of the Pathfinder icons at the top of the Pathfinder panel image (Window > Object & Layout > Pathfinder).

    image

    image Click the Pathfinder icons in the Pathfinder panel.

    or

    Choose one of the following from the Object > Pathfinder menu:

    Add combines the outer edges of the objects in a single shape image.

    image Examples of how the Pathfinder commands change selected objects.

    images

    Subtract uses the frontmost objects as cookie cutters that change the shape of the backmost object image.

    Intersect creates a new shape based on the area intersected by the objects image.

    Exclude Overlap creates a hole where the objects overlap image.

    Minus Back uses the backmost objects as cookie cutters that change the shape of the frontmost object image.

Depending on the command and the position of the objects, you may create a compound path. If you want to separate the objects, you need to release the compound path:

To separate the results of the Pathfinder commands:

  1. Select the objects created by the Pathfinder command.
  2. Choose Object > Paths > Release Compound Paths.
  3. Deselect the objects and then move each one to new positions image.

    image

    image An example of how the Exclude Overlap command creates separate objects when the Compound Path is released.

You can use the Convert Shape commands to change objects from one shape to another.

To change the shape of objects:

  1. Select the object that you want to convert.
  2. Click one of the Convert Shape icons in the Pathfinder panel image and image.

    image

    image The Convert Shape icons in the Pathfinder panel allow you to change the shape of objects.

    image The Convert Shape icons and their functions.

    images

    or

    Choose one of the following from the Object > Convert Shape menu:

    Rectangle converts to a rectangle.

    Rounded Rectangle converts to a rectangle with rounded corners.

    Beveled Rectangle converts to a rectangle with flat, angled corners.

    Inverse Rounded Rectangle converts to a rectangle with inverted rounded corners.

    Ellipse converts the object to an ellipse.

    Triangle converts to a triangle.

    Polygon converts to a polygon using the current settings for the Polygon tool.

    Line converts the object to a line. The length is the diagonal of the bounding box of the object.

    Orthogonal Line converts the object to a line. The length is the width or height of the bounding box, whichever is greater.

    Tip

    The size of the corner options comes from the current corner radius setting in the Corner options.

Three of the icons in the Convert Shape area are actually path modification commands.

To modify paths:

  1. Select the object that you want to modify.
  2. Click one of the Convert Shape icons in the Pathfinder panel image and image.

    or

    Choose one of the following from the Object > Paths menu:

    Open Path opens a closed path at a point.

    Close Path creates a segment between the end points of a path.

    Reverse Path changes the direction of a path.

    Tip

    Apply the Close Path command to expand the electronic corner options into actual points on the path. This is similar to applying Illustrator’s Object > Expand command.

Using the Eyedropper

Imagine you’ve finished styling an object with exactly the right combination of fill, stroke, and effects. And now you’d like to apply those same settings to a different object. That’s where the Eyedropper tool comes to the rescue.

Tip

As handy as the Eyedropper tool is, it doesn’t come close to the power of object styles (covered in Chapter 15, “Style”).

To set the eyedropper options:

  1. Double-click the Eyedropper tool in the Tools panel image This opens the Eyedropper Options dialog box image.

    image

    image The Eyedropper tool in the Tools panel lets you sample object attributes.

    image

    image Use the Eyedropper Options dialog box to set which attributes the Eyedropper will sample and apply.

  2. Click the triangles to open each of the attribute categories.

    Tip

    The object settings categories are Fill, Stroke, and Transparency.

  3. Use the checkboxes to choose which attributes you want the Eyedropper tool to sample.
  4. Click OK to set the options.

Once you set the eyedropper options, you can sample and apply object attributes.

To sample and apply object attributes:

  1. Choose the Eyedropper tool.
  2. Click with the white eyedropper cursor inside the object that you want to sample image. The cursor changes from white to black.

    image

    image The white eyedropper lets you sample the object attributes.

    Tip

    If an object has a stroke, but no fill, click the object’s outline to sample its stroke.

  3. Click the black eyedropper cursor inside the object that you want to change image. This applies the first object’s attributes to the second.

    image

    image The black eyedropper applies object attributes from one object to another.

  4. Click the eyedropper inside any other objects that you want to change.

As you work with the Eyedropper tool, you may change your mind and want to unload one set of attributes to sample new ones.

To sample new attributes:

  1. Hold the Opt/Alt key. The eyedropper cursor changes to the white sample mode.
  2. Click the cursor inside a new object that you want to sample.
  3. Release the Opt/Alt key to apply the new attributes to objects.

You may not want to sample all the attributes in an object—just the fill or stroke. That’s when you can use the Eyedropper tool in its precision mode. The precision mode allows you to sample and apply just the color to either a fill or a stroke.

To use the precision eyedropper:

  1. Choose the Eyedropper tool. Hold the Shift key. A plus sign appears next to the white eyedropper cursor image. This indicates that the Eyedropper tool is in the precision mode.

    image

    image The white precision eyedropper allows you to sample a specific color.

  2. Click the precision white eyedropper cursor on the fill or stroke color you wish to sample. The cursor turns into the precision black eyedropper image.

    image

    image The black precision eyedropper lets you apply a specific color to either the fill or a stroke.

  3. Click the precision eyedropper on either a fill or a stroke of the object that you want to change. Only the fill or stroke is changed.

Setting Object Defaults

You can make any of the object settings the default for any new objects you create. You can set the object defaults for the current document or globally for all new documents.

To set current document defaults:

  1. With a document open, deselect any objects.
  2. Make whatever changes you want in the Stroke panel or other panels. This sets the defaults for the open document.
  3. Set whatever amounts you want for the Effects or Corner options dialog boxes.

To set global defaults:

• With no document open, make whatever changes you want in the Stroke or other panels. This sets the global defaults for all new documents.

InDesign also has its own default fill and stroke setting of a black stroke and no fill. These are separate from the defaults you set yourself. This can be easily applied to objects.

To apply the InDesign fill and stroke defaults:

• Click the Default Fill and Stroke icon in the Tools panel image

image

image Click the Default Fill and Stroke icon in the Tools panel to set the fill to none and stroke to black.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.118.189.251