This chapter is from the book
This chapter is from the book
This chapter is from the book
Working with objects
The building blocks of InDesign pages are objects: text frames, graphics frames, lines, and more. In general, you move and resize objects with the Selection tool. Objects can have a fill color (background color) and a stroke color (outline or border), which you can customize by specifying the width and style. You can move objects around freely, snap them to other objects, and place them with precision according to guides or values you enter. In addition, you can resize and scale objects and specify how text wraps around them. Here, you will experiment with a few object-related features, including adding a QR code for easy web access.
Moving and rotating an object
A flower graphic created by converting flower characters from the Zapf Dingbats font into outlines (Type > Create Outlines) is on the pasteboard to the left of the page. You will move this graphic to the right of the restaurant name, “edible blossoms.” Then, you will rotate the object and adjust its placement.
Choose View > Fit Page In Window to center the page in the document window. Scroll left to see the flower graphic on the pasteboard.
To better focus on the objects, choose Type > Hide Hidden Characters.
Using the Selection tool (
), click the flower graphic.Drag the graphic to the right of the headline, “edible blossoms.”
With the object still selected, you will fine-tune the placement using the Properties panel.
In the Transform controls of the Properties panel, click the More Options button (
) if necessary. To specify the object’s placement in relation to its reference point (upper-left corner), type the following values in the fields:TIP
When you enter values in the Properties panel or Control panel X and Y fields, the object is repositioned according to its reference point. You can view and change the reference point (
) by clicking a box immediately to the left of the X and Y fields.X: 1.85 in
Y: .05 in
Rotation angle (
): –10You can tab between the fields, and then press Enter (Windows) or Return (macOS) to apply the changes.
A screenshot illustrates the rotation of an object. The flower graphic next to the text frame is selected. The transform section is present within the properties panel. The X, Y, and angle fields are labeled out. The flower graphic is rotated 10 degrees to the right.
Choose File > Save.
)
)
Changing an object’s stroke and fill
When an object is selected, you can change its stroke (outline or border) weight and color. In addition, you can apply a fill (background) color.
Choose Edit > Deselect All to make sure nothing is selected.
Click the Direct Selection (
) tool on the Tools panel, and then click the white flower in the graphic to select it.In the Appearance controls of the Properties panel, click the Fill box (
) to display the document’s swatches. Click the Green-Dark swatch.
A figure represents the changing the appearance of an object. A flower in the object is selected. The appearance section is on the properties panel. Fill color is changed and the stroke option is selected. This reflects in the flower object. Corner and opacity options are present within the appearance section.
Press the V key on the keyboard to switch to the Selection tool (
). Click to select the black horizontal line at the bottom of the page.In the Appearance controls of the Properties panel, click the Stroke box (
) to display the document’s swatches. Click the Green-Medium swatch.Click the pasteboard to deselect all objects.
Choose File > Save.
)
)
Adding a QR Code
Consumers often expect advertising pieces to include a QR code so they can quickly visit a website for more information. The code is a graphic (generated by InDesign) that is inside a graphics frame. Here, you will add a QR code below the “See the full menu!” text in the lower middle part of the postcard.
Zoom in as necessary to view the lower-right corner of the postcard.
Choose Object > Generate QR Code.
On the Content tab of the Generate QR Code dialog, leave the Type setting at Plain Text. Type https://www.adobe.com in the Content field.
Click the Color tab, and then select Green-Dark in the list of swatches. This creates a QR code that matches the color theme of the postcard.
A pair of screenshots illustrate the steps in adding a Q R code. The generate Q R code dialog boxes are shown. In the first screenshot, the type field is set to plain text. Color field and content text box are present. In the second screenshot, color tab is selected. A list of swatches provide the colors available.
Click OK to load the pointer with the QR code. Drag the pointer below the “See the full menu!” text to place the QR code. Keep the graphics frame selected so you can fine-tune its placement.
In the Transform controls of the Properties panel, type the following values in the fields:
X: 3.6 in
Y: 3.25 in
W: .5 in
H: .5 in
A screenshot illustrate the fitting content. A Q R code and the text above are selected in the text frame. The fit content proportionally option is to be selected in the frame fitting section. Options button is present next to the frame fitting buttons.
To resize the QR code and center it within the frame, click Fit Content Proportionally (
) in the Frame Fitting controls of the Properties panel.Click the pasteboard to deselect all objects.
Choose File > Save.
)
)