TrifoldPractice4.docx 10/30/16Look at the Insurance Company brochure (also a link on the web site).

It’s landscape aspect See the fold lines Notice margins

o Text doesn’t go directly to the fold lines 6 panels; three on each side

The order of panels:

Page 1 has panels 5,6 and 1 Page 2 – panels 2,3,4

We will create a 2-page, landscape, non-facing pages document

Create a brochure folder

Download the Brochure Assets.zip file from web siteo Save inside your Brochure folder.o Unzip it…result: four files: a tif, a logo,

Encapsulated postscript. . . eps , and some text

Brochure Page 1

Goals: Create a single master page with 3 columns.

Apply the master to two landscape pages, that will be back to back, not facing

Here are the pages layout we will use:

Landscape dimensions would be 11” x 8 1/2”. Therefore, each of three columns on a page should be:

3.666 inches (11”/3 columns) We will specify margins = 3/8” = .375”,

(Ignore bleed area…won’t use)

Brochure Page 2

The red lines are fold lines, where the brochure will be folded

Clear so far?

Start a new InDesign document Reset Essentials

Now; New Document 2 Pages (NOT facing) Landscape orientation Margins: .375” (Click the

link tool to make all the same value) Columns: 1 (therefor gutter value is immaterial)…

…

Brochure Page 3

Click OK

Open the Transform and Pages panels

Pages :

Transform Panel:

Brochure Page 4

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

We will add two guides (vertical lines that don’t print) to the master

These will become fold markers, where the tri-fold document will be folded

Double-click A-Master words to select it

Brochure Page 5

Now, we create the columns; on master

From the menu bar: Layout>Create Guides

Specify 3 columns, no gutter (will take care of manually)

Brochure Page 6

Click Preview Click OK

We next want to specify values for where we want four additional guides, one each on either side of the two existing guides

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

Here is what we want to end up with:

So, as you can see, we need to add four guides…one each to the left and right of the two blue (fold) guides that are already there.

Brochure Page 7

(make sure you are still on the Master!) First, let’s add a right margin guide for that leftmost

first panel , (# 1 above) just to the left of the fold line

and

OK: Drag a ruler-guide from the left ruler (ctrl-R) to almost the first fold-guide:

Brochure Page 8

We want the new guide (#1) to be 3/8” (.375”) to the left of the first fold (guide) mark (which is at x=3.667)

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 to:

3.667-.375

Brochure Page 9

There is no y value

Here is mine so far…math results in 3.292”

The left-column is now done; it has left and right margins:

Brochure Page 10

Next, we need to specify the margins for the middle column (panel) (# 2 and #3 above)

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

Brochure Page 11

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

(#3 and #4)And

Brochure Page 12

My Master so far:

Save as Brochure1.indd

Open Page 1…should look exactly like the master (so should Page 2)

Let’s create a gradient, then apply it

We need to choose the two colors to use for the two gradient stops

Let’s use industry standard: PANTONE colors

Brochure Page 13

Add a New color to the Swatches Palette Open the Swatches panel (Window>Color>Swatches)

Click the Swatch panel menu (upper right corner drop down),

Choose New Color Swatch

Set the Color Mode to PANTONE + Solid Coated(Pantone is a company that has created industry-standard colors)

Brochure Page 14

Then choose 5595 C

Brochure Page 15

Click Add Click Done

Look at your Swatches Panel now.

Create the new Gradient Recall that a gradient has stops that describe colors to use.

Brochure Page 16

A gradient is a gradual change in colors between specified stops.

Will use paper (we know it as white ) and the new Pantone color as the two stops colors

Make sure nothing is selected

We want the swatch to go From the new PANTONE color to Paper

Click the Swatches palette menu again This time, choose New Gradient Swatch

o Name it Brochure Gradiento Type :Linearo Click the first "stop" on the Gradient Rampo As the Stop Color: choose Swatches (says to get

the color from the swatches panel)

Brochure Page 17

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

o Click on Paper

Brochure Page 18

Drag a color to the slider at the desired location To have more white, slide the middle slider left

towards the green Click Add, then OK, then Done

Note:If not working, drag this way: Drag a color down to the slider or, scroll down in the list

You have a new swatch in the gradient palette

Save your document as Brochure2

Check to see if you are on Page 1

Next, create a Rectangle Frame to hold the gradient

Brochure Page 19

(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 that fills the panel farthest 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 (frame) :

Brochure Page 20

o Click the upper left reference box of the transform palette

Use these values: X=5.5; Y= -.125; H=8.75; W=5.635

Y is negative because we are going above the actual brochure…look above to see...)

The “x” means it’s empty, but not for long

Fill with the Gradient Select the Rectangle frame you just added Select your new Brochure Gradient:

Brochure Page 21

The gradient is automatically applied, but it goes in wrong direction (left to right)

Click the Gradient Swatch Tool: in toolbox

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)

Brochure Page 22

Save as brochure3.indd

If necessary, fit Page 1 to fill the window (View>Fit page in Window)

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 Uncheck Replace Selected Item

Brochure Page 23

Place it anywhere except Panel # 1 Now, drag it to the intersection of top and left

margins of Panel # 1:

ULC should be x=7.708 and y = .375

Note: We are linking to the assets, so you must send them to the printing company separately. or embed instead

Brochure Page 24

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

To embed graphics: Window>Links

Choose the placed file.

Right-click on the link name:

Brochure Page 25

Choose Embed Link

Brochure Page 26

Add the company (your) NameGoal:

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:) It’s going to hold your’s and the company’s names.

You can resize if it’s too small to hold your name Here are the Transform values for me (upper left

corner)

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

Brochure Page 27

Type (Your Name Here)<enter> Insurance <Enter> Company on three lines, using 24 point Charlemagne font, 25 pt leading… automatically will be all caps

The result:

You might need to increase the text frame size via the Selection Tool, or shrink the size of the font

Also, tighten the text frame size

Save as brochure4.indd

Add a Rectangle Frame to hold a Graphic (lilyGray.tif): see below

Brochure Page 28

Below the company name and stretch across part of panels 6 and all of panel 1

Choose the Rectangle Frame …

Drag from the left side of the gradient (5.5” from the left edge of the paper) to the right edge , and about 2.25” tall

My upper left reference values:o X:5.5o Y:2.475o W:5.5o H: 2.25

Brochure Page 29

Note. My frame overwrote the logo and name. If yours did also, adjust your layers panel

:

Pretty good mess, huh!!

File>Place and select the lillygray.tif It fills the rectangle. If it doesn’t, click inside the

rectangle. Actually it’s cropped. Click and hold on the circle:…

release the mouse

Use the white arrow and move the image inside the frame

Move the graphic so the white lily is about centered… Select the frame

Note again that the picture is cropped by the rectangle box size.

Brochure Page 30

Click and drag using left mouse button

Create 3 small graphics

Deselect all

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

Click the actual rectangle tool (NOT the text frame, and not the graphics rectangle tool) tool.

Brochure Page 31

Click in the pasteboard area and enter 1” as the Height and Width)

Fill with your Pantone color Copy/paste two times (watch where it pastes, then

place as below)

Watch where the squares end up

Next, we will add a diamond, an ellipse and a star, fill each filled with paper (white)

Goal: Select the first square; add a white diamond

Steps: Brochure Page 32

Create a new square, .60” x .60 “

Choose a fill color of Paper Use Transform center reference point to rotate it 45

degrees

Result:

We want both centers to be aligned : horizontally and vertically

Open the Align palette (Window>Object & Layout> Align)

Brochure Page 33

Or, use the Control Panel:

Use the tools and align center horizontal and vertical

Result:

Next: Second Square Draw a white ellipse and place it inside the second

square (Select the ellipse tool and then click the artboard) o W: .9 x H: .7”

Brochure Page 34

o Center align both objects, as you did above

Next: 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):

Brochure Page 35

You may have to reselect the font

Here is the star

Don’t use the Align window and try to center---center manually instead

Group each text frame, the graphic object, and the squares: Select all three related elements at a time

Brochure Page 36

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

Move the lily picture up/shrink to make more room for the graphics

Want to space the three equally vertical. Use the Align Panel: Select all three graphics (Shift-

click) and choose Distribute Vertical Centers:

Brochure Page 37

You might View>Extras>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) File>Place logo.eps again,

o Temporarily 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:

Brochure Page 38

Don’t worry that the 75% changes to 100% It’s now smaller

Rotate Choose the center reference for the rotation

Enter -90 degrees as the rotation:

Position it at right margin of column 2 (Panel # 6)

Brochure Page 39

(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

Brochure Page 40

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-most) panel on Page # 1)

First: Add a 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, out to the borders of the paper on the other three sides:

Brochure Page 41

Fill the rectangle, not with a graphic, but with the Pantone color we added.o Just click the Fill icono Select your Pantone color swatch:

Brochure Page 42

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 new text frame’s text Type “The Insurance <Enter>

Company Story” add a space don’t press enter Select your text and make the font larger, try 14 points

Changing the Case of text

Type>Change Case>UPPERCASE

Brochure Page 43

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)

File> Place the Logo into paste/scratch area Drag to ULC, on top of rectangle

Select the Logo If the logo isn’t seen, remember layers/stacking

order…choose Object>Arrange>Set Back

Wrap the Text

Brochure Page 44

Window>Text Wrap Choose Wrap around Bounding Box:

Change the offsets in the Wrap palette to .1875:

May have to reduce text size ( I had to change to 15 pt)

Save as Brochure8.indd

Questions on Page # 1?

Select Page 2

Add a Rectangle Frame over the entire page 2,

Fill with new Pantone swatch color

Add three text frames

Brochure Page 45

Add three Text frames, one / panel (column) Transform Values: (upper left corner reference point)

o H:4.25o W:2.9o Y=1.5o Figure x values on your own…hint, leftmost

frame is .X=375 –the margin size---use the margins to help place.

We will add our logos above the text frames, so needed some room, that’s why Y=1.5”. We will also add a textbox at the bottom, thus the 4.25” height

Remember: To hide/show frame edge: View>Extras>Hide Frame Edges)

Link the text Frames

Brochure Page 46

In the past, we did the threading “after the fact”. Instead, we’re going to connect the panels in advance.

Choose the Selection tool Select the first text frame Click its 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 margin

Choose upper left reference:

X:.375Y: 6.625

Brochure Page 47

Width: 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

Export as brochure.jpg

To be able to view on the Web, embedded in a page, we saved a jpg. You can’t insert a pdf, so you wouldn’t be able to have navigation etc.; the pdf would occupy the entire page

Brochure Page 48