This chapter is from the book

This chapter is from the book

Modifying Graphics Frames

In this section, you’ll focus on different techniques for modifying frames and frame contents. To start, you’ll import an image and place it in your document spread. Because you’ll be working on graphics rather than
text, your first step is to make sure that the graphics appear on the Art layer rather than on the Text layer. Isolating items
on different layers helps your work process so that it’s easier to find and edit elements of your design.

In the Layers palette, click the second-column box to unlock the Art layer. Lock the Text layer by clicking in the second
column box. Then select the Art layer by clicking on the name of the layer so that new elements will be assigned to this layer.

Choose File > Place and in the Place dialog box deselect “Replace Selected Item” and then double-click 03_c.tif in the ID_03
folder.

The pointer changes to a loaded graphics icon ().

NOTE

If the pointer appears with a line through it (), the current layer is selected but still locked. You cannot add objects to a locked layer. Make sure that the Art layer
in the Layers palette is both unlocked and selected. The pointer should then appear as a loaded graphics icon so that you can proceed with this step.

Click near the top left corner of page 4 to place the graphic. It doesn’t matter exactly where you place it or that the purple image may cover some of the story text. You’ll fix that
later.

Press V to select the Selection tool (). Then drag the image so that it snaps into place at the top of the page and on the left side of the column gutter. The left
edge of the graphic should fit snugly against the yellow bar of the title column, with no gap between them.

Resizing a Graphic Frame

The design for this page calls for the purple background image to extend across the page from the title panel to the right
edge of the page. Although this image is not yet the right size or shape to do that, you’ll start making those adjustments
now.

First, you’ll stretch the frame to fit the width of your spread.

Choose View > Fit Spread in Window so that you can see all of pages 4 and 5 in the document window. If necessary, scroll horizontally so that you can see the right edge of page 5.

Using the Selection tool (), click the purple-texture graphic. Drag the lower right handle until the right side of the bounding box snaps into place
against the horizontal guide at the 32-pica mark on the vertical ruler and to the edge of page 5.

Notice that only the frame bounding box changes, not the purple image itself.

Resizing and Moving an Image within a Frame

You have just finished resizing a graphic frame, but the content image remains unchanged. You’ll now resize just the image
so that it fills the designated area.

NOTE

In addition to the methods we use here, you can also use the context menus to resize pictures to fit within their frame. Do this by right-clicking (Windows) or Ctrl+clicking (Mac OS) and selecting Fitting > Fit Content Proportionally.

The content and frame for any element are separate things. Unlike with text objects, the frame and content for a graphic each
has its own bounding box. Resizing the graphic contents is exactly like resizing the frame, except that you work with the
bounding box for the contents. To do that, you need the Direct Selection tool.

Press A to switch to the Direct Selection tool (), then position the pointer over the purple background image until the pointer appears as a hand, and then click to select
the frame contents (the image itself).

Select the handle in the lower right corner of the graphic bounding box, and then hold down Shift and drag to enlarge the
image. Continue dragging until the image dimensions are even larger than the frame, so that the handle is off the page and
onto the pasteboard.

Move the Direct Selection tool over the purple image so that you see the hand icon. Try dragging the image with the hand icon, and notice how the area of the image that is visible within the frame changes
as you drag. If you drag too far to the right, notice that the image no longer covers the left side of the frame area.

NOTE

Before you start dragging, click and hold down the mouse button until the hand icon turns into a solid arrow () pointer. Then, after you start dragging, you’ll see a ghosted image of the hidden areas of the graphic contents, a feature
called Dynamic Preview. If you don’t wait for the pointer icon to change, you’ll still see the bounding box of the graphic
as you drag.

Make sure that the image entirely fills the frame, and then click a blank area of the page to deselect the purple image. Save
your work.

NOTE

Images expanded beyond 120% of their original size may not contain enough pixel information for high-resolution offset printing. Check with your printer or service provider if you are uncertain as to the resolution and scaling requirements needed for
any documents you are having printed.

Changing the Shape of the Frame

When you resized the frame using the Selection tool, the frame maintained its rectangular shape. Now you will use the Pen
tool and the Direct Selection tool to reshape the frame.

Press A for the Direct Selection tool (). Then move the tip of the pointer over the edge of the purple-image frame, and click when the pointer appears with a small
diagonal line (). This selects the path and reveals the anchor points and center point for the frame. Leave the path selected.

Press P to switch to the Add Anchor Point Pen tool (). Carefully position the pointer over the lower edge of the frame path where it intersects with the right margin of page
4 and then click. A new anchor point is added.

Press A to switch to the Direct Selection tool. With the second new anchor point still selected, move the pointer over the first
new anchor point (on page 4 of the layout) until the pointer arrow appears with a small square (). Then hold down Shift and click to select that anchor point. Now both new anchor points appear solid, showing that they
are selected.

Drag upwards, holding down Shift as you drag from either one of the new anchor points or the path segment between them. When
both anchor points snap into place on the next guide (at 22p on the vertical ruler), release the mouse button and the Shift key.

Press V to switch to the Selection tool, and select the purple graphic. Then choose Object > Arrange > Send to Back so that the graphic
appears to be behind other elements in the Art layer.

NOTE

You can simultaneously resize both a graphic image and its frame by using the Selection tool and holding down Ctrl+Shift (Windows)
or Command+Shift (Mac OS) as you drag a handle of the frame. In this case, the Shift key maintains the proportions of the
bounding boxes, so that the graphic image is not distorted. Using the Shift key is optional if distorting the image doesn’t matter to your design.

Modifying a Frame within Grouped Objects

You can select individual elements of a grouped object using the Direct Selection tool. The black and gray rectangles behind
the sidebar story in the lower right corner of page 5 are grouped, so that you can select and modify them as a unit. You’ll
now change the fill color of just one of the rectangles without ungrouping or changing the other elements of the group.

In the Layers palette, make sure the Text layer is locked and that the Art layer is selected.

Using the Selection tool (), click either the gray or the black background behind the sidebar story. The entire sidebar background is selected, showing
the usual eight handles in the bounding box. Notice that a question mark (?) appears in the toolbar Fill box (), indicating that the grouped items do not all have the same fill color.

Press A to switch to the Direct Selection tool, and click the black fill in the upper part of the sidebar background. Now the four
anchor points and center point for the black rectangle appear. Notice that the Fill box in the toolbox is black and that Black is highlighted in the Swatches palette.

Make sure that the Fill box () is still selected in the toolbox. Then scroll down the Swatches palette and select the Black 80% tint. Now the upper rectangle behind the text block has a dark gray fill but the lower one remains filled with light gray.

Save your file.

When you have the smaller rectangle selected, notice what happens if you switch back to the Selection tool: The handles appear,
but only for the upper rectangle, not for the entire group as they appeared when you did step 2, above. This can be handy when you have nested objects and want to adjust the frame without ungrouping.

Wrapping Text Around a Graphic

You can wrap text around the frame of an object or around the object itself. In this procedure, you’ll see the difference
between wrapping text around the bounding box and wrapping text around the graphic.

Your first task is to move the graphic, which couldn’t be easier; you just select it and drag. For precise positioning, you
can also use the arrow keys to nudge a frame or you can type exact position coordinates on the Transform palette.

Using the Selection tool (), select the eight-pointed graphics frame with the image of an origami crane that is on page 4. Being careful not to select
one of the handles, move the frame down so that the top of the graphic snaps into alignment with the lower guide, at 42 picas on the vertical ruler. Make sure that the center point of the graphic is aligned with the middle of the gutter between the two columns of text. The frame should not have changed size but it should
have moved on the page.

Notice that the text appears on top of the image. You’ll change this by applying text wrap.