IN DESIGN FOR YBA review of the overview

Getting started

FOLLOW TWO STEPS:1.Organization of pages (very important!!!)

2.Creation of pages

Organization of Pages

GETTING STARTED:Pay attention to detail and take the time to do this correctly or your pages will be deleted and you will start over … seriously!

1.Click on “alias” link to our yearbook network drive on the desktop

2.Open the Yeartech folder3.Open the Yearbook Pages folder4.Open the correct Deadline folder5.(Right click) Create a new Subfolder6.Label with the exact page numbers

you’re working on

1

2

3

4

5

6

Creation of Pages

GETTING STARTED:1.Click on “alias” link to our

yearbook network drive on the desktop

2.Open the Yeartech folder3.Open the Yearbook Pages folder4.Open the Blank Template

InDesign file (REMEMBER: You will need to change your page numbers and “save as” into your specific page folder. DO NOT save your work on the blank template! More on that on slides 7 & 8.)

1

2

3

4

Launch Toolkit Template

NEXT …Open the Extend Script Toolkit on the desktop

This will enable you to use Jostens page templates and click-n-go’s

The Blank Page

WHEN YOUR PAGE LAUNCHES:• It will look like this (in normal view):

HINT: Make sure your workspace is set to default (look under WINDOW TAB > WORKSPACE > DEFAULT WORKSPACE

Tools Palette

PAGE

Dro

pdow

n M

enu

Sub

Men

u

Toolbar

Jost

ens

Plu

g In

Too

lbar

Change Page NumbersBEFORE YOU START EDITING:• Change page #s under pages palette tab from the 2-3 default to your actual

page numbers:

1st r

eal #

Change #s

Clic

k on

tr

iang

le

Real Page #s

“SAVE AS”BEFORE YOU START EDITING:• Go to FILE >> SAVE AS >> Yeartech Folder >> Yearbook Pages >>

Deadline >> The folder you made specifically for your pages

Pay attention to detail and take the time to do this correctly or your pages will be deleted and you will start over … seriously!

Page CreationControls:TheToolbar

Preview Controls: Normal shows gridlines. Preview shows without gridlines

Free transform a text box or photo

Selection tool (selects text or photo box to work in) and allows you to move things around the page

Text Box and Text Tool. Also includes Type on a Path Tool

Rectangle tool for placing green picture boxes. Only use for .jpg and .tiff pics. Not for Cut-out-background Photoshop files

Rotate tool

Gradient tool

Eyedropper tool (for matching colors)

Hand tool (for moving around page when zoomed in)

Zoom tool (allows you to enlarge the page view)

Fill tool (allows you to fill an area with color. And control stroke (border colors too)

Line tool (for drawing lines on your page)

To change viewsClick on View ButtonAnd hold down on mouse

Jostens Plug Ins Toolbar

Page Surfer: Premade

Page Templates

Click-N-Go: Premade Module Templates

Picture Placer:Browse your pics and load into the picture placer. Only load 20 at a time. Click on pics and click on green boxes to place them.

When you place a picture on your page, InDesign automatically creates a linked copy of that pic in the page folder that you created.

If you have placed a picture and you want to delete it, you must delete it from the picture placer to make sure the link and the new picture file that was created in the page folder are deleted!

Picture Placing Reminders:

Page Surfer

Page Surfer: Premade

Page Templates

Click-N-Go

Click-N-Go: Premade Module Templates

TOOLS PALETTE

Character Tab: Make adjustments to the text (individual letters), like font, font type and size.

Adjust height of letters. Adjust kerning (spacing between each letter)

Paragraph Tab: Make adjustments to position text, like flush, right, center, justified.

Create an initial (drop) cap.

Characters (fonts)

Good

DO NOT use TRUE TYPE FONTS

Bad

POST SCRIPT AND OPEN SCRIPT FONTS ARE FINE

Good

Bad

Pay attention to detail and take the time to do this correctly or your pages will get sent back from the printer for using unprintable fonts

Tip for Placing Text in a Box

When you see this come up with your cursor, it means that you have ran out of space in your text box, but you have more text left in the story to place. If you simply drag that icon to the next column and click, it will drop that text in the next column (continuing the story)

When you see this icon appear at the lower right of your text box, it means that you have more text to your story that your text box had room to hold. You will need to click on that icon … then follow the instructions to the right …

TOOLS PALETTE CON’T

Stroke Tab: A stroke is the outline you place around a letter, graphic or photo. Weight = size of that outline.

If you have a line drawn on your page, you can adjust the type of line and size and color of the line too.

Swatches Tab: Allows you to adjust the color to your stroke or a text box.

InDesign Review

DROPDOWN MENU (TOP OF PAGE):• A look at what you

will use frequently

Type Drop Down Menu: To indent a new paragraph, go to INSERT WHITE SPACE > EM SPACE

Do this twice to indent for a new paragraph

Dropdown Menu

Object Drop Down Menu: Go here to access the EFFECTS MENU so that you can add an effect to text, photo, graphic, box, etc.

Effects include gradient, inner glow, outer glow, bevel and emboss, and drop shadow, to name a few. Within each effect menu, there are countless modifications you can make to your effect (size, color, etc.), just like in Photoshop.

You can really manipulate the way things look by using the Effects Menu

You can also right click the mouse to find the Effects Menu

Dropdown Menu Con’t.

Object Drop Down Menu: When you layout a box on the page (that is not an invisible text box), you will need to adjust the borders of the box so that the text and photos don’t lay right against the edges of your box.

This is accomplished by going to TEXT FRAME OPTIONS. This allows you to move the text and photos contained within your box off the borders.

HINT 1: Link All 4 Box Positions

HINT 2: Click on preview to see your changes as you make them on the page

Go to InsetSpacing

EXAMPLE

This is what it looks like when you adjust the text frame options to add some space between the border and your content. See the space between the edge of the box and the photos and text? It’s even all around. It looks good. That’s what you want!

Dropdown Menu Con’t.

Tool Submenu

Kind of a repeat of what’s in the palettes EXAMPLE

Text Tool Sub Menu: Allows you to make text adjustments to font, style, size, spacing, paragraph (just like the “character” and “paragraph” side menus (to the right hand side of the page)

The Blank PageBleed Area

GUTTERGenerally keep free from verbal

content. Visual can be ok so long as important features of

the photo subject aren’t trapped in the binding!.

PLACE CONTENT HERE(text, photos, graphics)

on this grid between purple/pink lines.Draw green rectangles with rectangle tool

where you want photos and draw text boxes where

you want text

PAGE BOARDERKeep bleed area free of verbal

content. Photo bleed can be ok.

Keyboard Shortcuts:Command + Zoom InCommand - Zoom OutCommand i Spell Check

BleedBleed Area

GUTTERGenerally keep these free from verbal content. Visual can be

ok.

PAGE BOARDERKeep free of verbal content.

Photo bleed can be ok.

Cut in gray at plant

Everything in pink/purple line

makes it

Placing COB PhotosCut-Out-Background Photos are saved as Photoshop (PSD) file and placed from the FILE drop down menu:

1. Create your rectangle photo box to drop your pic in to.

2. Go to FILE3. Click on PLACE4. When the FINDER

browser opens up, find your pic and select it

Text Wrapping a Photo

Go to the sub menu at the top of the page and select one of the four text wrapping options.

Choose the one that looks best in your layout.

You can text wrap any photo or graphic.

Text Wrapping a C-O-B PhotoUsing a Clipping Path

This is a 2 step process. The first part is done inPhotoshop. The second is done in InDesign.

Part 1: Photoshop.

Text Wrapping a C-O-B PhotoUsing a Clipping Path

Text Wrapping a C-O-B PhotoUsing a Clipping Path

Text Wrapping a C-O-B PhotoUsing a Clipping Path

Part 2: InDesign.

Text Wrapping a C-O-B PhotoUsing a Clipping Path

When Our Page is Proofed +Ready to Submit

Follow the on-screen instructions to PACKAGE the page as a ZIP file. This is only done after the page has been proofed and approved by Mr. Capp.