TrifoldPractice.doc11/8/10

Download the brochure.zip file from web site

  • Right-Click andchooseSave Target As…
  • Save inside your Brochure folder.
  • Unzip it…three files:a tif, a logo (Encapsulated postscript. . . eps) , and some text

We will create 3columns(tri-fold) on each of two landscapepages, manually, with our own gutters, rather than pre-defining 3 columns as part of the initial setup

Here is the actual page layout we will use (Note: 11”/3 columns = 3.666 inches/column)

Margins = 3/8” = .375

(Ignore bleed area…won’t use)

Start a new document

  • Be sure to click the More Options button
  • 8.5 x 11
  • 2 Pages (NOT facing)
  • Landscape orientation…so page is 11 x 8.5”
  • Margins: .375”
  • Columns: 1

Show the Transform and Pages palettes/panels

Because we don’t have facing pages, the A master only has a single page

Add two guides to the master(which gives us three columns on each page)…

These will becomefold markers, where the document will be folded

  • Double-click A-Masterwordsto select it
  • From the menu bar: Layout>Create Guides
  • Specify 3 columns, no gutter (will take care of manually)

  • Check the Remove Existing Ruler Guidesbox
  • Click Previewbox

Click OK

Check InDesign’s Math!

  • Use the Transform tool and check out where the fold lines are: 3.667 and 7.33…= 11”/(3 sections )=3.667, First guide at 3.667, second guide should be at 3.667 + 3.667 = 7.33
  • Zoom out to view the marginsand the paper edges

We next need to specify values for where to specify each of the three column margins --left and right margins

We DON’T want text to be right up against the folds. . . need margins

Here is what we want to end up with:

  • So, need to add four guides…one each to the left and right of the two blue guides that are already there.

Start with first guide on the left (make sure you are still on the Master!)

  • We need to set the right margin for the left-most column (panel).. . The first blue guide on the left
  • The first new guide/margin will be a little to the left of the fold line
  • Let’s continue to use 3/8” (.375”) margins for each of the three columns.
  • Drag a ruler-guide from the left to almost the first guide:
  • The new guide should be 3/8” (.375”) in, from the first fold (guide) mark
  • Let’s see: 3.667-.375…too much math!!
  • Let InDesign do the math:
  • Select your new guide
  • In the Transform palette set the X value as: 3.667-.375

  • Here is mine so far…math results in 3.292
  • The left-column (panel) is now done; it has left and right margins, plus a fold line

Next, we need to specify the margins for the middle column (panel)

  • We will add a 3/8” margin (.375) to the rightside of the first (left) fold line. To do so:
  • Drag aguide just to the right of the fold line
  • Use the Transform panel to set the X-value to 3.667+.375

Here is mine now

Repeat the process for the second blue fold line:

  • It’s at 7.3333”, so new margins go at 7.333-.375 and 7.333 + .375

And

  • My Master so far:
  • Save as Brochure1.indd
  • Open Page 1…should look exactly like the master (so should Page 2)

Pause:

\We will eventually create a gradient to apply to part of Page 1…Let’s create a gradient now

First, we need the two colors to use for the gradient

Add a New Swatch color to the Swatches Palette

  • Open the Swatches panel
  • Click the Swatchpalette menu, Choose New Color Swatch
  • Set the Color Mode to PANTONE Solid Coated

(Pantone is a company that has created industry-standard colors)

  • Type in (or select) 8321Cas the Pantone color
  • Click Add
  • Click Done

Look at your SwatchesPanel now.

Create a new Gradient

  • Make sure nothing is selected
  • We want the swatch to goFrom the 8321 C pantone color toPaper(which is white)
  • Click the Swatchespalette menu again
  • This time, choose New Gradient Swatch
  • Name it Brochure Gradient
  • Type :Linear
  • Click the Start "stop" on the Gradient Ramp
  • Stop Color:Swatches(says to get the color from the swatches panel)
  • Click on the first stopagain
  • Click the Pantone swatch we just added
  • Click the end stop
  • Click on Paper
  • To have more white, slide the middle slider left towards the green
  • Click Add, then OK, then Done
  • You have a new swatch in the gradient palette
  • Save as Brochure2

Select Page 1…make sure you do this

Create a RectangleFrameto hold the gradient

(The text frame is for text only)

  • The RectangleFrametool is used to place graphics, color, gradients,…anything other than text
  • We’re going to create a rectangle frame (tool) that fills the first panel on the right (Panel #1) and extends partially towards the left, into the second panel (Panel # 6)
  • The rectangle should extend beyond all the marginsWe’ll then fill with the gradient.

(Again, check to make sure you’re NOT on the Master)

  • Click the RectangleFrametool
  • Choose No fill for now
  • Draw the box:
  • Click the upper left proxy box of the transform palette
  • Use these values: (Note proxy setting…upper left corner…)

X=5.5; Y= -.125; H=8.75; W=5.635

Fill with the Gradient

  • Select the Rectangle frame you just added
  • Select your new Gradient:
  • The gradient is automatically applied, but it goes in wrong direction
  • Click the Gradient tool:
  • Drag from bottom to top, while holding down the Shift key: (Or top to bottom, depending on how you defied the gradient…want light on top, darker on bottom)

Save as brochure3.indd

Import (Place) a logo

  • Deselect everything…Important…
  • Edit>Deselect All or
  • Use the Selection tool, click in pasteboard area
  • Choose File>Place and browse to the logo.epsfile that was in the zipped file:
  • Encapsulated PostScript
  • Place it anywhere except Panel # 1
  • Now, drag it to the intersection of top and left margins of Panel # 1:

Should be x=7.708 and y = .375

Note: We are linking to the assets, so you must send them to the printing company also,or else don’t link…embed instead

  • Linking saves space because you only need to save the graphic once, can reuse as many time as you want

Recall: To embed graphics:

  • Window>Links
  • Select the placed file.
  • Right-click on the link name:

Choose EmbedLink

Add the company Name

Click below the logo and create a text frame that extends from the left marginto theright margin of the panel

  • Make it about 1.3” tall (H:)
  • Here are the Transform values for me (upper left corner)

X=7.7; Y = 1.2; W=2.9; H=1.3

  • Type (YourNameHere)<enter> Insurance <Enter> Company on three lines, using 32 point Charlemagne font, 30 pt leading
  • The result:
  • You might need to increase the text frame size via the Selection Tool, or shrink the size of the font

Save as brochure4.indd

Add a Rectangle Frameto hold a Graphic (lilyGray.tif)

  • Choose the Rectangle Frame tool…NOT the rectangle tool
  • Create a Rectangle Frame
  • From the left side of the gradient (5.5” from the left edge of the paper) to the right edge, and about 2 ¼ “ tall
  • My upper left proxy values:
  • X:5.5
  • Y:2.475
  • W:5.5
  • H: 2.25

Pretty good mess, huh!!

  • File>Place and select the lillygray.tif
  • It fills the rectangle. Actually it’s cropped (Look for the actual Bounding box)
  • Move the graphic so the white lily is about centered…use the Position Tool… moves a graphic within its frame
  • Click and drag using left mouse button

Create 3 small graphics and leave on pasteboard area

  • Deselect all

We will create three- 1” squares in the pasteboard area, filled in with our new Pantone color, and then add a small white graphic to each.

  • Click the rectangle tool (NOT the text frame, nor the graphics rectangle tool) tool.
  • Click the pasteboard and enter 1” as the Height and Width)
  • Fill with your Pantone color
  • Copy/paste two times (watch where it pastes)

Add a diamond, an ellipse and a star, fill with paper (white)

Goal: Select the first square; add a white diamond

Method:

  • Add a small square inside it,
  • Color it paper and rotate:
  • Select the Rectangle tool again
  • Make it .60” x .60 “
  • Choose a fill color of Paper
  • Rotate it 45 degreesusing center proxy using Transform
  • We want both centers to be aligned : horizontally and vertically
  • Open the Align palette :or use the control area icons

Selectboth squares, then

  • Followed by

Or, use the Control area:

  • Draw an ellipse for second square (Select the tool and then click )
  • Draw from Center out (Alt-drag)
  • .9 x .7”
  • Center align both objects, as above
  • Third Square: Draw apolygon/ star (5 sides) , H, W = .8”, Inset 40%
  • Now add a Text frame to each and type a word into each, use a script font (I chose Script MT Bold, 14 points):
  • InDesign doesn’t “remember” the last font you selected, so reselect the script font
  • Group each text frame, the graphic object, and the squares
  • Select (Selection tool) over all three elements at a time
  • Object>Group
  • Or Ctrl-G

Repeat for the other two icons

Save as brochure5.indd

Drag theicons to Panel # 1

  • Drag the icons from the pasteboard area to the right margin of panel 1

Want to space them equally vertical.

  • Open the Align panel---Window>Object & Layout>Align
  • Select all three graphics (Shift-click) and choose Distribute Vertical Centers:

You might View>Hide Frame Edges to see results so far

Add the Logo Again, as part of Return Address-Scaling and rotation

  • We want to be able to mail this, so we want to add a return address
  • Deselect everything (Edit>Deselect all)
  • Place logo.eps again,
  • Place in Panel 5 or 6 and then drag it to the center panel, in the upper right corner

Resize

  • Scale by 75%: using the Transform tool:
  • Don’t worry that the 75% changes to 100%
  • It’s now smaller

Rotate

  • Choose the center of rotation
  • Enter -90 as the rotation:
  • Position it at right margin of column 2

(Recall links versus embed )…Window>Links, and then right-click the graphic, choose Embed)

Add Return Address

  • Create a Text frame 2.4” wide, and .72” tall, anywhere

(You can resize, if necessary)

  • Switch font to Times New Roman, 12 pt
  • Type the return address

The (YourName here) Company

600 Forbes Ave,

Pittsburgh, PA15282

  • Rotate the text frame -90 degrees
  • Reposition it
  • Adjust sizes, position of logo and address so they look OK
  • Hide, then show again, the Frame Guides

Save as Brochure6.indd

  • Recall that the page we are creating contains panels 5,6 and 1. We've already taken care of panels 6 and 1.
  • Now, we need to add content to panel 5 (---left) panel on Page # 1)

Add some background color (Pantone) to Panel #5 (left-most on page 1)…recall panels 5,6, 1 on page 1

  • Choose the Rectangle Frame tool (NOT a text frame) and drag out a rectangle.( Recall use Text frame for text, rectangular frame for all else)
  • It should extend from the fold line on the right of the panel, and extends out to the edge of the paper on the other three sides:
  • Fill the rectangle, not with a graphic, but with the Pantone color we added.
  • Just click the Fill icon
  • Click yourPantone color swatch

Add a text Frame

  • Now, drag out a Text frame between the column’s margins (on top of the colored section).
  • Add placeholder text to fill it
  • Type>Fill with Placeholder TextOR
  • Right-click >Fill with Placeholder text

Save as Brochure7

Skip next if no time…

  • Select the Text tool
  • Click at the beginning of the frame’s text
  • Type “The Insurance <Enter>

Company Story” add a space don’t press enter

Make the font larger, say 16 points

Changing the Case of text

  • Type>Change Case>UPPERCASE

Add Logo again and Wrap Text

  • Create a Rectangle frame 1” wide and .75” tall in the pasteboard area
  • Fill with Pantone Paper
  • Drag to the upper left corner:
  • Deselect all(If the square is selected, the logo is put there, let’s put into paste area, resize, then drag)
  • Place the Logo into paste area
  • Drag to ULC, on top of rectangle
  • Select the Logo

Wrap the Text

  • Window>Text Wrap
  • Choose Wrap around Bounding Box:
  • Change the offsets in the Wrap palette:
  • May have to reduce text size

Save as Brochure8.indd

Questions on Page # 1?

Select Page 2

Add three text frames

  • Add three Text frames, one / panel (column)
  • Start down 1.5” (y-value)

(Because we are going to add the three icons above each column)

  • Drag to a height of 4.25”, will add another textbox below the text frames, so need some room, that’s why 4.25”
  • Drag over to the margins:

Do same for the other two panels

Link the text Frames

  • In the past, we did the threading “after the fact”.Instead, we’re going to connect the panels in advance.
  • Choose the Selection tool
  • Click the outport(Small box, lower right corner) of Panel 1
  • Click anywhere in Panel 2
  • Click the outport of Column 2
  • Click anywhere in column 3
  • Select the column on left
  • Right-click
  • Add Placeholder text…all three panels are filled!!!

Add the Icons

  • Go back to Page #1
  • Copy each icon, one at a time
  • Paste above each of the three columns

Add a Bottom-Text Frame

Below the three columns, add a text frame from margin to margin

Choose upper left proxy:

X:.375

Y: 6.625

Width: 10.5

H: 1.125

Fill with placeholder text

  • Add a small frame at the bottom
  • Choose a script 40 point font
  • Type”See us for all your Insurance Needs”
  • You might need to move the text frame above it up a bit
  • You could also stretch the text horizontally (Character tab)
  • Save as Brochurefinal.indd
  • Export as brochurefinal.pdf
  • To be able to view on the Web, embedded in a page, save as jpg.You can’t insert a pdf, so you wouldn’t be able to have navigation etc.; the pdf would occupy the entire page

For the extra credit (20 points), print, staple and hand it in now