TrifoldPractice.doc 11/8/10

Download the brochure.zip file from web siteo Right-Click and choose Save Target As…o Save inside your Brochure folder.o Unzip it…three files: a tif, a logo (Encapsulated

postscript. . . eps) , and some text

We will create 3 columns (tri-fold) on each of two landscape pages, 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

o 8.5 x 11o 2 Pages (NOT facing) o Landscape orientation…so page is 11 x 8.5”o Margins: .375”o 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 become fold markers, where the document will be folded

Double-click A-Master words to select it

From the menu bar: Layout>Create Guideso Specify 3 columns, no gutter (will take care of

manually)

Check the Remove Existing Ruler Guides box Click Preview box

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 margins and 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:

o Select your new guideo 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 right side of the first (left) fold line. To do so:o Drag a guide just to the right of the fold lineo Use the Transform panel to set the X-value to

3.667+.375Here 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 Swatch palette 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) 8321 C as the Pantone color

Click Add

Click Done

Look at your Swatches Panel now.

Create a new Gradient

Make sure nothing is selected We want the swatch to go From the 8321 C pantone

color to Paper (which is white) Click the Swatches palette menu again This time, choose New Gradient Swatch

o Name it Brochure Gradiento Type :Linearo Click the Start "stop" on the Gradient Ramp

o Stop Color: Swatches (says to get the color from the swatches panel)

o Click on the first stop again Click the Pantone swatch we just added

Click the end stopo 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 thisCreate a Rectangle Frame to hold the gradient

(The text frame is for text only) The Rectangle Frame tool 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 margins We’ll then fill with the gradient.

(Again, check to make sure you’re NOT on the Master) Click the Rectangle Frame tool

o Choose No fill for nowo Draw the box:

o Click the upper left proxy box of the transform palette

o 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…o Edit>Deselect All oro Use the Selection tool, click in pasteboard

area Choose File>Place and browse to the logo.eps

file that was in the zipped file:o 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 Embed Link

Add the company Name Click below the logo and create a text frame that

extends from the left margin to the right 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 Frame to 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:o X:5.5o Y:2.475o W:5.5o 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 allWe 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 diamondMethod:

Add a small square inside it, Color it paper and rotate:

o Select the Rectangle tool againo Make it .60” x .60 “o Choose a fill color of Papero Rotate it 45 degrees using center proxy using

Transform

We want both centers to be aligned : horizontally and vertically

Open the Align palette :or use the control area icons

Select both squares, then

Followed by

Or, use the Control area:

Draw an ellipse for second square (Select the tool and then click ) o Draw from Center out (Alt-drag)o .9 x .7”o Center align both objects, as above

Third Square: Draw a polygon / 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

o Object>Groupo Or Ctrl-G

Repeat for the other two icons

Save as brochure5.indd

Drag the icons 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) Company600 Forbes Ave,

Pittsburgh, PA 15282

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.o Just click the Fill icono Click your Pantone 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

o Type>Fill with Placeholder Text ORo 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 enterMake 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 lefto Right-clicko 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 marginChoose upper left proxy:

X:.375Y: 6.625Width: 10.5H: 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