---

---

---

---

---

Time Magazine Design

---

---

Format

• The page size for this is the standar North American magazine dimensions of 8" x 10.75" plus an 1/8" bleed.
• You'll create a three page InDesign document.
• • Page one is the cover
  • Pages two and three are for the article
• The layout must be based on a page grid including columns, margins, gutter and baseline.
• Work in full colour.

---

About Time's Look and Feel

Time Magazine has an established look and feel, earned through years of design continuity. You need to maintain this design. It includes font and colour selections as well as page elements.

You'll need to adhere to this look and feel. This means using their fonts: Franklin Gothic for titles and Proforma for body copy. We'll research the page elements which are common to all Time Magazine editions. You'll need to include them in your layout.

---

Sources

For this project, you will be allowed to acquire imagery from anywhere. Just make sure the quality is good. You can use Google Images, Flickr, The Stock Exchange or any other source on the Web. Make sure that the photos are large enough. They also need to be well shot.

You can take your own photos, if you wish. You can use cropped selections of textures. You can scan photos—your own, or from any publication. Again, make sure the quality is good.

---

In-Class Practice

These are the tutorials we'll do in class:

Photoshop Skillz

• Refine Masks (Like we did in class)
• Masks
• Clipping paths
• Manipulating Placed Images
• Photoshop Adjustment Layers

InDesign Skillz

• Placing images in InDesign: formats, size, colour mode
• Creating a page grid
• Wrapping text
• Preflight & Package
• Printing page guides from InDesign
• Paragraph and Character Styles
• Text Composition
• • Using a baseline grid
  • Optimizing hyphenation for good rag

Conceptualizing

I'm not sure that you've ever planned a document like this before, so we'll take some time in class to sketch layouts. I'll show you how I do it. We'll take time during class to develop your layout before you build it.

We will:

• estimate the amount of text we have compared to the space we are allowed in a three-page document.
• build page templates for sketching
• design a page grid
• sketch on the tempate
• Design a cascading type hierarchy

You'll need to sketch layouts for the cover and the spread. I suggest printing landscape tabloid pages in the Agency with grids drawn in InDesign. To do so, check "Print Visible Guides" in the Print dialogue. You can use these pages to sketch on.

As for your montage, you'll gather images you want to use. Use the provided .psd file in the downloads folder. Drag your images from the Finder into the file. They'll become Smart Objects. You'll position them, re-size them and mask them.

---

Stage Two

By now, you have your layout planned. Your InDesign document is built, with a grid, but it's empty. You've come to class #2 with the images you're going to use for the cover and those which will apear on your spread. If this were a cooking class, this would be the stage where we have purchased all of our ingredients. We have our recipe. Now we need to prepare our dish.

During the second class of this assignment, you'll execute the design. This means that you'll use the software tools you've learned. They're listed below. You should be able to get a large part of the work done during class.

---

Grading

Software Skills

InDesign

• Your font choice is restricted to Franklin Gothic and Proforma font.
• The body copy font size should be around 9/11.
• Your document cannot have two consecutive carriage returns.
• Your document cannot have two consecutive space characters.
• All Tab spaces must be defined, if you have any. Never have more than one tab character at a time.
• All text must be associated to a Style Sheet.
• Paragraph and Character Styles must be used in the proper circumstances.
• You must use all the copy provided.
• You must not have any other fonts than the ones that print.
• We'll pay special attention to paragraph composition. (rag and hyphenation settings)

Photoshop

The goal of this assignment is to work as non-destructively as possible. This means:

• Working on named Layers.
• Use Masks rather than erasing.
• If you do something destructive to the image, keep an original intact.
• Use Smart Objects.

Aesthetics

• Your spread should contain visual elements which would tell the reader, with only a casual glance, that it's from Time Magazine.
• Your montage must be reminiscent of the original art. It should contain enough modern references to pop-culture that the message comes across. Although it doesn't need to be seamless you should use adjustment to make it all match.
• You must adhere to a layout grid. It must have defined margins, columns, gutters and baseline.
• Your typography must adhere to standards established in the Typography course.

Work Period

• You came to class prepared.
• You made the most of the time in class.

Presentation

• Hand in your files using the Package function in InDesign
• Name your folder "lastname_firstname_010" according to your section number. Please do not deviate from this.

This is what you'll hand in. There's no printed output.

• Name the folder "lastname, firstname, 4X0" (your group number)
• InDesign file and all associated images and fonts (use "File>Package") in my Drop Box.
• All images from your research, online or not.
• Provide the photos you used in your layout
• The Photoshop composition with all its layers.
• See the image below for details on how to hand it in.