Continuing Building Out Pages
Now to do some more (or maybe the rest?)
Placing Graphics
Images in Lists
- First, make a paragraph style for the bulleted item where the image will go at the text [IMAGE: 11.psd]
- Set the line to Body Copy paragraph style
- Give the paragraph a 1p0 left indent
- Set the space below the paragraph from 0p6 to 1p0
- Make it a paragraph style "Insert Indented Graphic"
- Delete the text [IMAGE: 11.psd]
- With the cursor in the paragraph, place image inline
- Tweek the width to fit in the margins
- Option-click on Anchor icon
- Position: Custom
- Anchored Object
- Reference Point: upper left
- Anchored Position
- Reference Point: Center Left
- X Relative To: Anchor Marker
- X Offset: 0p0
- Y Relative To: Line (Cap Height)
- Y Offset: -0p2
- Put in a column break after bullet #6
The page is a little shorter than expected. Checking our measurements in the style again shows that the Body Copy leading should be 12.5pt and not 12. Since the Bullet and Numbered Bullet styles were built in the Body Copy style, the change becomes universal when you change it. We'll also have to go back and adjuct the Space After Paragraph in the Insert Indented Graphic paragraph style. But when we do, the overall height of the page works out perfectly!
Images between Paragraphs
There is only one in this chapter (page 9), and they're pretty unusual. We should probably just place the graphic relative to the right margin and use text wrap.
- Deselect all
- Place without scaling IMAGE:1-42a.psd
- Position the lower right edge of the image in the lower right corner of the page
- Turn on Text Wrap
Oh oh. We're one line too long. Bullet 9 in three instead of two lines. To make it fit, set the tracking on the entire bullet text to -3 (the minimum to take the wrap down to two instead of three lines)
Images inline it text
- Select [INLINE-IMAGE:selectiontool.psd] in bullet 3 on page 10
- Place selectitontool.psd
- Zoom way in
- Option click on the anchor icon
- Position: Inline or Above Line
- Inline
- Y Offset: -0p1.5
- Make it an Object Style called "Inline Icon"
Next, insert the 01-14.psd graphic between bullets 3 and 4 on page 10
Oh oh, the other bullets are wrapping around the right edge of the graphic. Modify the Object style to be Text Wrap: Jump Object instead of Wrap Around Bounding Box
Create an Unnumbered Bullet style
Item 6 is a paragraph of text that's in a numbered list, but isn't numbered. We have to make a special style for it.
- Use Menu > Text > Bulleted & Numbered Lists > Remove Numbers
- Left Indent the paragraph 1p
- Make it a Paragraph Style called "Unnumbered Bullet"
Make the new item 6 the Insert Indented Graphic style and place IMAGE:12.psd
Oh oh, paragraph after bullet 5 is three, not two lines. Set tracking to -22
Oh oh, getting to the image after 1. Click the line tool to select it, there's not enough room at the bottom (even with keeping the paragraph before to 6 instead of 7 lines). We need to rethink the bottom margin. Turns out, if you measure to the bottom of the image on page 11, it's 50pts from the bottom edge, and we set the bottom margin to 5p0, or 60pts. Go back to the Master/Parent Page and reset the bottom margins.
Catching Number List Sequencing Errors
- Use Menu > Type > Bulleted & Numbered Lists > Remove Numbers
- Add 1p left indent
- Make a Paragraph style of it called "Unnumbered Bullet"
Tip & Note Anchored Element
Several steps for this, first we'll create the frame it will fit in, then the styles, then the wacky circle and triangle, then anchored element style
Tip/Note Frame
The frame for Notes and Tips always lies at the far edge of the page and is the width of the column formed by the outside margin and the first guide, which leaves a width of 6p8
- Create a text frame 6p8 wide appropriately aligned on page 8
- Make it fairly tall
Set the text styles
- Copy and paste a couple of notes and tips from the .rtf file
- Select all the text and spec out the font, size and leading
- It's going to be tough to get it exactly right
- Make it a Paragraph style called Notes & Tips
Set up the Note & Tip character style
- It's semibold, same size
- Pad it with special spaces before and after
- An n-space after the :
- A Quarter Space before the word
Set up the circle & triangle
- The circle is in the Zapf Dingbats family, use Menu > Type > Glyphs
- Set up a color in the swatches panel: C=25 M=0 Y=50 K=0
- There is no right-pointing triangle in Zapf, so we have to build it in Illustrator
- Create a three sided polygon
- Fill it with C=0 M=10 Y=75 K=0
- Point it to the right
- Set the width to 6pt wide and 7pt tall
- Put in at upper left 0,0
- Set the artboard to 6pt by 7pt
- Save the file as Tip-Triangle.ai
- Place the graphic inline before the word Tip with a Quarter space in between
Use the completed Circle-Quarter_Space-Tip-Colon-N_Space and Triangle etc. to copy and paste at the beginning of each Tip or Note
Set up the Anchor
- Menu > Object > Anchored Object > Insert...
- Really tricky settings on this one, use this screen cap:
Finish
Everything should now be in place to finish styling the whole chapter. Good luck!