06 Student Handout

Grids, Guides, and Aligning Objects  6 Student Handout

�  Productivity Essentials Why do designers need to work efficiently? Because all projects come with production timelines. If you spend more time on the job than was estimated, you are losing money. If you get the job done in less time than anticipated, you will have a cushion of time that may come in handy, if there are glitches later in the production sequence. Getting a project done ahead of schedule is like money in the bank. Learn these time-saving production techniques!

�  Chapter Goals • • • • • • •

Modify the default InDesign document setup preset Create document presets, bleeds, and slugs Place, remove, and modify attributes of guides Create a newsletter that utilizes a baseline grid. Align and distribute objects Manage object layers and group elements Copy, cut, paste, paste into, and paste in place

�  Terminology Default document preset Slug, Bleed, Link icon Document columns External newsletter Title Volume, Issue, Date Sidebar Caption Duplicate (by dragging) Align right edges Align bottom edges Step and repeat Send to front Cut, copy, paste Group objects

�  Projects

Document preset Page guides Text frame columns Subscription newsletter Tag line Set-up line First line indent Align to baseline grid Align left edges Align top edges Distribute Object layers Send backward Paste into Ungroup objects

06A The Lost Road to Houston 06B CD Cover 06C Desserts Menu 06D Öh Design 06E Bill Stuffer

Facing page Margin guides Internal newsletter Nameplate Publication information Set-up box Baseline grid Publication grid Align horizontal centers Align vertical centers Lock position Send forward Send to back Paste in place

Chapter 6

keyboard shortcuts Function

Mac

Windows

Change default document settings

Cmd+Opt+P

Ctrl+Alt+P

Text frame options

Cmd+B

Ctrl+B

Duplicate by dragging (when either selection tool is active)

Opt+Drag

Alt+Drag

Duplicate by dragging (when other tool is active)

Cmd+Opt+ Drag

Ctrl+Alt+ Drag

Stroke Panel

Cmd+F10

Ctrl+F10

Align Panel

Shift+F7

Shift+F7

Step and Repeat

Cmd+Opt+U

Ctrl+Alt+U

Send Backward

Cmd+[

Ctrl+[

Bring Forward

Cmd+]

Ctrl+]

Send to back

Shift+Cmd+[

Shift+Ctrl+[

Bring to front

Shift+Cmd+]

Shift+Ctrl+]

Select Last Object Below

Shift+Opt+ Cmd+[

Shift+Alt+ Ctrl+[

Select First Object Above

Shift+Opt+ Cmd+]

Shift+Alt+ Ctrl+]

Select Next Object Below

Cmd+Opt+[

Ctrl+Alt+[

Select Next Object Above

Cmd+Opt+]

Ctrl+Alt+]

Copy

Cmd+C

Ctrl+C

Cut

Cmd+X

Ctrl+X

Paste

Cmd+V

Ctrl+V

Paste in Place

Shift+Opt+ Cmd+V

Shift+Alt+ Ctrl+V

Paste Into

Cmd+Opt+V

Ctrl+Alt+V

Cmd+G

Ctrl+G

Shift+Cmd+G

Shift+Ctrl+G

Group Ungroup

Exploring InDesign CS4  •  © 2009 Delmar, Cengage Learning    Chapter 6 • Page 1

The Lost Road to Houston by Peter Martin

▲ Anthony M. Rydberg, Director Jordan High School Drama Department

Cast

In order of appearance Howard. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Wade Wittkop Charlotte. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Rae Evenson Ben. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . John Edmiston Charlene. . . . . . . . . . . . . . . . . . . . . . . . . . . . . Nancy Runningen Neighbor 1. . . . . . . . . . . . . . . . . . . . . . . . . . . . David Runningen Stranger. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Eileen Hegland Neighbor 2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Dana Kildahl Dentist . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Ron Evenson

Exploring InDesign CS4  •  © 2009 Delmar, Cengage Learning    Chapter 6 • Page 2

Photography ©2006 Christopher Pollack, Waukesha County Technical College

06A The Lost Road to Houston 1. D ocument size: 6" x 10". Margins: 0.5" on all sides. Bleed: 0.125" on all sides. 2. P lace 06A Background.psd. The image should extend to the bleed edges. 3. Place photo 06A Car.tif. 4. D raw a text frame below the photo, extending to the left and right margins. Do all the typing, and then format the type. The triangle is a glyph. Apply Rule Below. Specify the tabs. Adjust leading and space after. The copy with dot leaders has a 0.5" left and right indent. 5. Y ou may choose your own typefaces. Typefaces used in the sample document include: • Emma Script • Apple Symbols (the triangle) • ITC American Typewriter 6. C reate a feathered edge on the photo. Select the photo, go to Object>Effects>Basic Feather. Select Basic Feather. Specify 0.25" in Feather Width, and Corners Diffused. You may want to change your view to high resolution: View>Display Performance>High Quality Display. 7. S ubstitute your name for the director’s name. Proof and print.

The Lost Road to Houston by Peter Martin

▲ Anthony M. Rydberg, Director Jordan High School Drama Department

Cast

In order of appearance Howard . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Wade Wittkop Charlotte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Rae Evenson Ben . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . John Edmiston Charlene . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Nancy Runningen Neighbor 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . David Runningen Stranger . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Eileen Hegland Neighbor 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Dana Kildahl Dentist . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Ron Evenson

Exploring InDesign CS3 • © 2007 Thomson Delmar Learning

Exploring InDesign CS4  •  © 2009 Delmar, Cengage Learning    Chapter 6 • Page 3

Chapter 6 • Page 2

Snap, Sniggle, and Ring-a-ding

A collection of classic children’s songs

Illustration © 2004 Steve Cowal

06B CD Cover 1. M  ake a new document. Under Page Size, choose Compact Disc. All margins 0.25". Add a 0.125" bleed on all sides. 2. P lace 06B CD.ai, found in the Chapter 06 Artwork & Resources folder on the CD. 3. D raw a text frame that butts up to the blue portion of the illustration and extends from margin to margin. Apply a Top text inset: 0.1875". “Snap, Sniggle, and Ring-a-ding” is shown in Spumoni. If you don’t have Spumoni, substitute another font. Open the Swatches panel (F5) and color the text Blue. “A collection of classic children’s songs” is Minion Pro Bold, color: Black. Both lines are aligned right. Adjust the size and leading of both lines of type until they are similar to those in the example. 4. Y ou will begin this step working on the pasteboard below your CD. Select the Rectangle tool and click on the pasteboard. Specify 0.25" in Width and Height. Fill with Red. Select the Ellipse tool. Click on the pasteboard. Specify 0.25" in Width and Height. Fill with Blue. Select the Polygon tool. Specify 0.25" in Width and Height, Number of Sides: 3, Star Inset, 0%. Fill with Green. Remove any strokes from the shapes, then use the Option or Alt+drag technique to make a total of 12 shapes. Alternate the fill colors, if desired.

Exploring InDesign CS4  •  © 2009 Delmar, Cengage Learning    Chapter 6 • Page 4

5. Open the Align panel. Make sure that the Alignment Location is set to Align to Selection and align objects to Vertical Centers. Change Alignment Location to Align to Margins. Apply Distribute Horizontal Space. Position the shapes so that their center points align with the bottom margin.

bottom margin

6. D raw a Black line through the middle of all the shapes. Open the Stroke panel and specify Round cap, 9 pt., and the Wavy style. 7. S elect the Scissors tool    (C) from the toolbox. Cut the path that runs through the center of the wavy line into segments. Position each cut at the middle of each shape, shown by the arrows in the diagram below. The line will reshape with each click of the scissors.

8. S elect every other line segment with the Selection tool and Send to Back: Shift+Cmd+[ (Mac) or Shift+ Ctrl+[ (Windows).

9. F inally, select the illustration with the yellow background to rearrange the object layer stacking order. Apply the Send to Back command, and the lines will appear to be threading in and out of the shapes. P roof carefully, and print.

Exploring InDesign CS4  •  © 2009 Delmar, Cengage Learning    Chapter 6 • Page 5

Photography ©2006 Karen Zale, Waukesha County Technical College

Desserts

Cream Cheese Carrot Cake. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . $5.95 Chocolate Cappuccino Cheesecake. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . $6.95 William’s New York Style Cheesecake. . . . . . . . . . . . . . . . . . . . . . . . . . . . $6.95 Black Forest Cake. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . $5.95 Raspberry Cheesecake. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . $4.95 Apple Pie. . . . . . . . . . . . . . . . . . . . . . . . . . . $3.50

Pie a la mode . . . . . . . . . . . . . . . . . . . . . $4.25

Strawberry Shortcake . . . . . . . . . . . . . . . . . $3.95

Sugar-free Strawberry Shortcake. . . . . . $4.95

06C Desserts Menu 1. D ocument Size: 5.5" x 6". Full bleed. Draw a frame that extends to all four bleed edges. Apply a 30 pt., Red stroke, align the stroke to the inside. Deselect the frame. 2. P lace 06C Desserts Menu.psd found in the Chapter 06 Artwork & Resources folder on the CD. Crop photo as show above. Use the Align panel to Align the vertical centers of the outer and photo frame. 3. D raw a text frame that begins below the photo and extends from margin to margin. Mark up the sample show above, indicating where the tab key will be pressed, and location and alignment of each tab stop. (Note: The copy in the center has a left and right indent applied.) Type the copy. 4. F ormat the type and set the tab stops. The type family used in the example above is Adobe Caslon Pro. Highlight “Desserts” and select OpenType>Swash from the Control panel options menu.

Exploring InDesign CS4  •  © 2009 Delmar, Cengage Learning    Chapter 6 • Page 6

Öh Design kitchen specialists

O6D Öh Design Shown Actual Size

9725 hillside boulevard madison, wisconsin 53703

sold to

qty

description

date of order

salesperson

pick up date

delivery date

vendor

price

approval number receipt number amount financed tax total

Exploring InDesign CS4  •  © 2009 Delmar, Cengage Learning    Chapter 6 • Page 7

Öh Design kitchen specialists

9725 hillside boulevard madison, wisconsin 53703

sold to

qty

description

date of order

salesperson

pick up date

delivery date

vendor

price

approval number receipt number amount financed tax total

06D Öh Design 1. D ocument size: 8.5" x 11". Left margin: 0.75". Right and Bottom margins: 0.5". Top margin: 1". Place a vertical guide at X: 0.5". 2. C reate a 0.125" square, no stroke, fill it with 30% Black. Place it in the upper left corner of the document with the left edge aligned to the guildeline you placed. Use Step and Repeat to make 29 copies, for a total of 30. Horizontal Offset: 0, Vertical Offset: 0.25". Use the Align panel to distribute the squares from the top margin to the bottom margin. 3. C reate the nameplate of Öh Design, selecting a typeface of your choice. ITC Symbol was used in the example. Open the Glyphs panel to find the Ö. Mac users, you can create Ö by pressing Option+U, release the keys, press Shift and type O. Adjust point size and leading, as necessary. 4. I nsert a Table, creating 4 columns and 21 rows. Select the table and change all the strokes to 0.5 pt., 30% black. Adjust the overall table dimension and internal column positions. Merge cells as required. Add the copy, and use the Control panel to apply horizontal and vertical alignment settings. Remove the strokes of the cell(s) in the lower left corner. Your finished table should look as close to the example, as possible.

Exploring InDesign CS4  •  © 2009 Delmar, Cengage Learning    Chapter 6 • Page 8

06E Shown Reduced

Myriad Pro Adobe Semibold Garamond Condensed Pro Bold 21/17 Italic 21/17

Myriad Pro Semibold Condensed 15/17

Minion Pro Reg 10/12 Space After .0625 in.

Myriad Pro Bold Condensed 12/13

Myriad Pro Condensed 13/15.6

06E Bill Stuffer

Adobe Garamond Pro Bold Italic 13/15.6

1. D ocument size: 8.5" x 3.5". Full bleed. All margins 0.25". 2. P lace a vertical guide at the 5". mark. Place 06E House. psd, extending image from bleed edge, to approximately 0.25" from the vertical guide. Crop and scale, as shown. 3. D raw a text frame on the right side of the document, from the vertical guide to the margins. Type the copy first, and then format according to the specifications shown on the example. Use Indent to Here to create the hanging indent (Cmd or Ctrl+\)

4. D raw a text frame at the bottom of the document that extends to the left, right, and bottom bleed edges. The size should be approximately 8.75" x 0.3854". Specify a 0.0278" inset on all four sides. Fill the frame with Black. Type Money & Savings Bank using specifications shown above and set a 0.5" right indent. Fill the type with Paper. 5. P roof your work carefully. Check spelling. Select File>Print. On the Setup page, choose Centered under Page Position. Under Marks and Bleed, select All Printer’s Marks. Print your document and proof again. Look carefully at the printer’s marks. The inner set of corner marks will indicate the trim size of the piece, the outer set will indicate the bleed size.

Exploring InDesign CS4  •  © 2009 Delmar, Cengage Learning    Chapter 6 • Page 9

Name ������������������������������������������

Chapter 6

� Review Questions Exploring InDesign CS4



1.  For what types of documents should you make presets?



2.  What is the measurement of a standard bleed?



3.  What are some advantages of using columns and guides?



4.   Why are a reader’s first impressions of a newsletter (or any document you design) so critical?



5.  What are some characteristics of the three types of newsletters described in this chapter?



6.  What is the purpose of using a baseline grid?



7.  What is the difference between using the Cut command, or pressing the Delete key?



8.  What is a setup frame? When and how do you use one?



9.  Explain the difference between using the Step and Repeat, and the Align panel.

10.  What are some advantages in grouping items together? What is nesting?

11.  Explain how to rearrange the order of stacked objects using keyboard shortcuts.

12.  What is the process for changing the Document Setup default?

13.  You have several shapes exactly stacked on each other. What is the keyboard shortcut for selecting through objects, without rearranging the stacking order?

14.  You have an image of a person placed exactly where you want it on a layout. Unfortunately, the person in the photo is pointing—and leading the reader’s eye—right off the page. You decide to fix the problem by flipping the photo horizontally so that the image will point into the page. However, every time you use the transform panel to flip the image, the actual location of the image frame also moves. How can you remedy this situation, so that the picture is flipped and remains in exactly the same spot?

15.  You have several objects that need their top edges aligned. You have opened the Align panel and have clicked on the Align Top Edges icon. Nothing is happening. What step in the process are you forgetting? Exploring InDesign CS4  •  © 2009 Delmar, Cengage Learning    Chapter 6 • Page 11