Friday, December 5 :: Click Link for assignment >

November 19 :: Set up a layout!

PLEASE KEEP CELL PHONES AWAY!

Either in your backpack or the lock box!

Expectations:

C: Voice Level 2 (only the people next to you can hear you and no shouting across the room)

H: Ask your team, elbow partner or raise hand

A: Work on the assignment

M: Stay in your assigned seat

P: Work till assignment is completed

S: Finishing your work

CLUBS

Each student MUST "JOIN" a club to cover it for Yearbook!

Have you gone to chat with the adviser? Taken photos? Ask when they have specific Events?

WEDNESDAYS:

Asian Club: Victoria (Room 108)

Campus Life: Jacob (Room 47)

GSA: NEEDED! (Room 53)

K POP: Emma (Room 32)

Lego Club: Jacob (Library)

Latin Moves: Anthony (After School/Room 104)

THURSDAYS:

Bread of Life: Aaron (Room 5)

BSU: Samantha (Room 41)

Chess: Mia (Room 88)

Hoover Rocks: Allyson (Library)

Latin Student Union: Eriana (Room 104)

Patriot Pals: NEEDED! (Room 83)

Young Lives: Samantha (Room 22)

Latin Moves: Anthony (After School/Room 104)

Learning about layouts!

WHAT ARE WE LEARNING: InDesign and the yearbook!

WHY IS IT IMPORTANT: Adobe InDesign is the industry-leading layout and page design software for print and digital media. This desktop publishing software is popular among designers, artists, editors, and illustrators because it allows you to design, preflight, and publish a vast range of content for print, web, and mobile apps. We’re talking flyers, brochures, magazines, newspapers, books, and YEARBOOKS!

HOW WILL MY TEACHER KNOW WHAT I LEARNED: You will perform a series of lessons and we will create our yearbook!!

Set up a appealing layout!

Set up a modern magazine layout in Adobe InDesign from scratch as you add bleed guides, create columns, adjust margins, add placeholder content, and more.

Image 1

Image 2

We need to grab a few files first!

Click each Downloadable Image on the left!

Left click the DOWNLOAD button on the top right

This will save the file to your YEARBOOK folder!

YOU DO NOT NEED TO OPEN THESE FILES!

Open InDesign

Click the windows icon on the bottom left of your screen and a list of programs will appear

Click on Adobe InDesign

Set up your document

When starting any project in InDesign, you need to create a document that is sized correctly for the project.

File > New > Document

or click NEW FILE:

To start a new document, choose File > New > Document

Or click the NEW FILE Button!

In the New Document dialog, set the following options:

Choose the PRINT tab at the top
Title the document First Name Last Name Layout 1
Choose LETTER (this is a typical 8.5 x 11 letter)
Add 3 pages: so you have a spread to work with (2 pages next to each other).
Margins: 0.5 in (notice the Link Icon)
Bleed and Slug: Set bleed guides to 0.125 in. (this is so we accomidate any art going to the edge of the page!)
Click Create.

MARGIN

A margin is the unprinted space around the edges of a page, separating the content from the physical edge of the paper. Margins serve to create visual balance, improve readability, and most importantly, prevent text or graphics from being cut off during the printing or binding process.

BLEED

Bleed is the extra image or color that extends beyond the final trim line of a document to ensure a clean edge after cutting. This extra area is designed to be trimmed off, but its presence guarantees that no white, untrimmed paper is left visible on the edges, even if the paper shifts slightly during the printing or cutting process.

Make sure you have your PROPERTIES PANEL open!

Click the WINDOW tab on top and select PROPERTIES (it will have a check mark if it is open and it will be on the right side!)

SAVE (as) YOUR DOCUMENT!

Shortcut: Shift + Ctrl + S

(or File: SAVE AS)

Save to YOUR COMPUTER!

Click the Save on Your Computer button

On the left click THIS PC

Select Desktop

Select Yearbook Folder

Name the document:

"First Initial Last Initial LAYOUT 1"

Click SAVE

To show the spread, look at the PROPERTIES PANEL on the right

Choose 2 from the pull down under Page

Then to see the entire spread, choose VIEW (tab on top)> FIT SPREAD IN WINDOW

NOTE the SHORTCUT!

Add a design element

With the document set up, we can start adding content.

For practice, the first thing we will add is a frame around the design to give it a different look.

But the margin guides need to be moved to give us more room

Choose Layout > Margins And Columns.

In the dialog box that opens, ensure that the link option is set in the Margins section

Adjust the margin guides to 0.4375 in.

Click OK.

Now lets add a frame (we won't always do this, this is practice!)

Select the Rectangle Tool from the tool bar on the left

With the Rectangle tool selected, click and pull to draw a frame within the margin guides (shown in blue left)

It should "snap" to the pink and purple margin guides.

Click from the top left corner and pull down to the bottom right corner and let go!

To change the color of a stroke, click on the box to the left of stroke and choose a color. Shown: Black

With the rectangle still selected, change the STROKE to 6pt in the PROPERTIES PANEL (on the RIGHT)

TIP: Shapes and items that are selected will have "dots" or handles showing!

With the frame selected, press ctrl + L to lock it in place!

Column and Guides

to add content like text!

To make it easier to add design content to the layout, set up margin and column guides to frame where the content will go.

Choose Layout > Margins And Columns again.

COLUMN

A vertical section of text, images, or data that runs from the top to the bottom of a page, with other columns placed side-by-side.

It is used make a page easier to read by shortening the line length, which can be visually overwhelming in a single, wide block of text.

Adjust the number of columns to make multiple columns.

In the dialog box,

change the number of columns to 5

and the Gutter (the space between the columns) to 0.1875 in

GUTTER

In printing, a gutter is the space between facing pages in a bound document, which compensates for the area lost to the binding. It is also the space between two columns of text on a single page or the space between multiple copies of a page on a press sheet.

The gutter is used to add an extra margin added to the inside edge of pages to prevent text and images from being obscured by the binding.

Now the first column for this design needs to start the same distance from the black line as the distance of the margin (0.4375 in)

So let's let InDesign do the math!

Deselect the link icon (Make all setting the same) so we can set the outside margins separately.

Make sure the Link Icon is not selected!

Notice the columns adjusted left and right but NOT top to bottom!

In the Outside dimension box, insert your cursor after the number (click after the number 5 in the box)

Type *2

Click OK

To add some horizontal guides, to make it easier to divide the layout...

Choose LAYOUT> CREATE GUIDES

Change the number of ROWS to 3

and the Gutter to 0 for individual guides

Click OK

Tip: click PREVIEW before clicking OK to see where things are placed!

Add Placeholder content

We'll create some frames for images and text to mock up our esign quickly!

Select the RECTANGLE FRAME tool

Tip: On the tools bar when a tool has a small triangle on the bottom corner, it means there are more tools inside...right click it!

Draw a few frames for the images

Example shown in yellow (left) here. Yours will NOT be yellow!

Note: boxes extend outside of the page edge to the BLEED line (red)

To adjust the boxes quickly, press Ctrl on your keyboard and adjust as you like!

Now to add text frames

Press the letter T to select the TYPE TOOL tool

Click and pull in a few areas to add text placeholders.

Example (left) text boxes are shown in green (yours will not be green!)

Press Ctrl + S to SAVE!!! Do this often!

The two bottom text frames will have text flowing from one frame to the other. So we will need to THREAD them together

Select the Selection Tool (the black Arrow) and click on the bottom left text frame to select it. (notice the handles)

Threaded text boxes:

To connect it to the other text frame, click the out port (the small open square on the lower right side...not the corner... of the text box) and release.

Then click inside the text frame to the right to allow the text to flow from the first frame to the second frame!

The boxes are now a thread!