Fifth Class:

---

Review of Shades of Gray

Here

---

Chapter 4: Working with Objects

• [zipped lesson 04]
• Open 04_a_start.indd
• Resave as 04_Objects.indd

Zoom into "tips of the month" orange frame

• Switch to Selection Tool (V or Esc)
• Rollover screenshot
• Pointer changes to hand when over the "content grabber"
• Select the screenshot. Note selection indicator in Layers panel
• Move object in layers panel from Text layer to Graphics layer
• Lock the Graphics layer

Add new layer

• Name it "Background"
• Move it to the bottom of the stack (close "Text" to make it work).

Creating & Editing Text Frames

• Go to page 4
• Target the Text layer
• 
  Create text frame from y=22p across (match the horizontal guide) to 2nd column margin, about 8p high.
• Type in "Customer" shift-return(mac)/shift-enter(win) "Testimonials"
• Select All
• Apply Testimonials paragraph style
• Shrink the frame to fit with a double-click on the center-base handle

On Page 1

• 
  Choose "New Day & Evening Classes". Note the little red + sign, meaning theirs text past the baseline of the text rectangle
• Drag bottom out to guide at 48p
• Notice cursor
• 
• Save

Reshaping A Text Frame

• Choose the Direct Selection tool (a)
• Choose the text rect’s lower left anchor point
• Deselect
• Reselect with Direct Selection tool, four corner anchors are white centered
• Select just the lower left anchor, it will will be solid blue while others remain white
• Shift-drag it down to the margin
  
• Do the same for the other corner, bringing it up to the blue guide line

Creating Multiple Columns

• 
  Zoom in to "John Q."
• Select the text frame
• Menu > Object > Text Frame Options…
• 
• Double-click on the text object to switch to text mode
• Insert column breaks before Amy O. and Jeff G.
• Menu > Type > Insert Break Character > Column Break
• Menu > Type > Show Special Characters

Adjusting text inset and vertical alignment

• 
  Select the red text box on page 1
• 
  Choose Menu > Object > Text Frame Options. Set inset spacing to 3p0 on left and right
• Before www.evolveseattle.com insert Menu > Type > Insert Special Character > Other > Right Indent Tab

Drawing a new graphics frame

• 
  Reference in book to "Recto page". From recto and verso in medieval manuscripts
• Unlock the Graphics layer and lock the Text layer
• Deselect all (just in case)
• 
  Draw out a Rectangle Frame across the first column
  
  
• 
  Place logo_paths.ai
• 
  Menu > Object > Display Performance > High Quality Display

Resizing a graphics frame to crop a graphic

• 
  Drag out the right side

Placing a graphic without an existing frame

• Zoom in to below the Return Address
• Deselect all
• Place logo_paths.ai again
• 
  Drop it below (above?) the address, drag out to the width of the column
• Save

Placing multiple graphics in a grid of frames

• 
  
  Zoom out the in to page 4 columns 3,4 and 5 between the two horizontal guides
• Deselect all
• 
  Place group of files 01johnq.tif to 06hannab.tif
• 
  Use the up/down and left/right arrow keys to control the number of columns and rows
• 
  Drag from top left to bottom right within the guides and release
• Save
• NOTE: Nobody does this...

Resizing and moving images within frames

• Use the Selection tool
• 
  Select John Q.’s content grabber
• not outside the grabber
• selecting outside the grabber selects the frame
• selecting the grabber selects the image
• 
  Shift-drag top and bottom handles to fit in row
• 
  Do the same with the other two in the top row
• 
  For second row, use Menu > Object > Fitting > Fill Frame Proportionately, then use Menu > Fitting > Center Content (shift-select the last two)

Adjusting the space between frames

• Zoom into to Amy O and Jeff G.
• 
  Use shift-drag Gap Tool to shift the gutter to the right
• Hold down the shift key before you click
• If you don’t use shift, you’ll change the gutter below as well
• 
  Use command/Control shift-drag between Molly H and John C to widen their gutter
• Save

Adjusting metadata captions to graphics frames

• 
  Shift-select the 6 image frames
• Click Links panel
• 
• 
• Text Before: Photo by (space)
• Offset: 0p2
• Paragraph Style:Photo Credit
• 
  Choose Link Panel Menu > Captions > Generate Static Captions
• Save

Placing and Linking Graphics Frames
(New Feature in CS6)

• Fit spread [4,1] in window
• Choose Content Collector Tool
• 
  Roll over the yield sign
• Note: CIAB file has the Yield sign in the Text layer, which means it has a heavy blue border and not a red border as described in the book
• Click on the yield sign
• Click on the Earth graphic
• 
• Go to page 3
• Use the Content Placer tool (under the Content Collector tool)
• 
  Check "Create Link" in the "conveyer" panel
• Drop the two objects onto the pasteboard for page 3
• Close the conveyer
• What's interesting here is that it's not just the graphic, but it's also the frame it lives in

Modifying and updating parent-child graphics frames

Changing the shape of a frame

• Go to page 3
• Unlock the text layer
• (They make it more complex than it needs to be)
• Select the green rect
• Use the Pen tool to add two anchor points to the rect at the two guides
• Drag the upper right corner of the rect’s anchor with the direct select tool
• Click off the rect to deselect it with the direct select tool, then re-click on the upper right corner anchor point
• In the real world, this would most likely be done with two overlapping rectangles, the new rect being white, or with two rectangles and the Pathfinder tool (Window > Object & Layout > Pathfinder)
• 
• Save

Wrapping Text Around A Graphic

• Using Smart Guides, shift-drag the Yield sign to the center of the body copy
• Open the Text Wrap Panel
• Choose Wrap Around Bounding Box
• 
• Improve with Wrap Around Object Shape
• 1p0 margin
• Type: Detect Edges
• 
• Save

Modifying the Shape of Frames

Modifying with compound shapes

• 
  Draw a Frame around CSS Master Class
• 
  Menu > Object > Pathfinder > Subtract or Menu > Window > Object & Layout > Pathfinder

Creating polygons and converting shapes

(I have never used, nor have I eve known anyone who has ever used these functions)

• Select Graphics layer
• Select polygon frame tool
• 
• Click, without dragging, to the left of "Wasting time"
• 
• Align it
• Place links/stopsign.tif
• Size it into the polygon
• 

Adding Rounded Corners to Frames

• Zoom into page 1, "IN THIS ISSUE"
• 
  Select it
• Click on the yellow box in the upper right
• 
  Note yellow diamonds on corners
• 
  Drag and set the radius to one pica
• 
  
  
• Holding shift limits rounding to the selected corner

Transforming and Aligning Objects

Rotating an Object

• 
  Back to the logo above the address on page 4
• 
  Set reference point to center
• 
  Set angle to 180°

Rotating an image within its frame

• Select Jeff G. by his content grabber
• 
  Drag the corner handle when the cursor shows rotation
• 
  
  Rescale him

Aligning Multiple Objects

• 
  Zoom into Partial Class Calendar on page 2
• Open Window > Object & Layout > Align panel
• Select Evolve and text
• 
  
  Align center to page
• 
  Select all the icons, then click on the top icon, then use Align to Key Object to align the icons

Scaling Multiple Objects

• 
  Shift-select two Acrobat icons
• 
  Shift-command/control left and right sides until they match the Ai logo

Selecting and modifying grouped objects

(This is another rarely if ever used function. In normal practice you would have a version of the logo for use on dark backgrounds.)

• 
  Select the "evolve" logo with the selection tool
• 
  Choose the Select Content button in the Control Panel
• 
  This allows you to directly select the objects inside the .ai object
  (Ideally, they should implement Illustrators "Isolation Mode")
• Which is essentially useless, since you have to use the Direct Selection tool anyway...
  
• 
  Select all the black letters and set them to white
  
  

Finishing Up

---

Chapter 5: Flowing Text

Download [lesson_05.zip]

Flow text into textexample01.indd:

• New Frame
• Existing Empty Frame
• Existing Template Frame
• Existing text at insertion point

Flowing text into an existing frame

• Open 05_Start.indd
• Save as 05_FlowText.indd
• Deselect All
• Place 05_LocalStats.doc
  

• Deselect Show Import Options
• Deselect Replace Selected Items
• Position loaded text icon over placeholder text frame in "Local Stats"
• Use Paragraph Styles to set to "White Sidebar Text" (near top)
• Put manual line break in Occupation paragraph at "Urban Museum"
• Set last paragraph tracking to -10

Flowing Text Manually

You can:

• Flow text manually
• Flow text automatically
• Flow text and add pages

• Place "05_Long_..." into column under green sleeve on page 2

Creating Text Frames While Flowing Text

• Click on out port of second column on page 2
• Menu > Layout > Next Spread
• Option/Alt-click in page 3 column 1 top left corner
• This keeps the pointer loaded with threaded text
  

• Adobe Help Page on Flowing Text and associated cursors
• Click drag next column without option/alt-click
  

• Resize columns within guides
  

Flowing Text Automatically

• Click on the out port in column 2
• Move to spread 5-6
• Shift-Click in column 1
  
• Resize
  

Creating Threaded Frames Automatically

• Drag FEA-2 Column Feature left Master append new page
• Use Text tool and right arrow key to draw out two text column
  
• Pick up text threat from page 6
• Click into first column on page 7
• Adjust…
  

Adding a jump line page number

• Anybody have a hard time with this? Did it say 2 and not 3?
• The trick is, you must have the text frame touching the text column for the right page number to show up.

---

Assignment 2 Assigned:

link

Homework:

None for now. You should be up to Chapter 6...