Dewey Mac Lab

Magazine Cover Final

1. Project Goals

Magazine Cover by Marvelyn Barug, Spring 2019

SWBAT:

1...Set up files

2...Design a Masthead

3...Make design choices that appeal to a target audience

2. Restore Default Preferences

Start Photoshop, and then simultaneously hold down

Command+Option+Shift

to restore the default preferences

3. File Set Up

1. Open your Magazine Photo Edited Flat file

2. Image > Duplicate

3. Name the file "Cover" followed by a space, your last name, and then your first

EXAMPLE: Cover Hooker Martina

4. Close your Magazine Photo Edited Flat file.

4. Add 5 or More Guides (Margins, Center, Etc.)

View > Rulers
Control-Click on Ruler and set to inches
Drag three guides from vertical ruler for your center and left and right margin guides:

0.25", 4.25" and 8.25"

Drag two guides from the horizontal ruler for your top and bottom margin guides

0.25" and 10.75"

View > Guides > Lock guides
Add more guides as needed

5. Review Masthead (Magazine Title) Characteristics

1. Review Magazine Covers again.

2. Notice that 95% of the fonts chosen are very simple serif or sans serif fonts

Sans serif = more modern, technology, younger audience (usually)Serif = more traditional, older audience (usually)Decorative fonts are often hard to read create too specific a feeling

3. Notice that the Masthead stands apart from the other text because the Masthead is...

• Large - often width of magazine and about 2 inches in height• Separate - positioned at the top allowing for a barrier of space between it and other text elements

6. Add Masthead Type Layer(s) and Format Text

1. Use Point type and make your text large just as you did with the Digital Masthead.

2. Format your text with a font that matches the tone of your Magazine. Make sure it is easy to read

3. Position your text wit the Move tool, not spaces

4. Experiment with case, tracking, etc. Show thoughtful decision making.

PRO TIPS:

Script fonts should not be in all caps.

Title case is easier to read

Click HERE to open Adobe Fonts. com

Design Tip: Pair a Serif Font (Advanced) with a Sans Serif (Photoshop)

5. If you have more than one word in your magazine title and you're planning for two lines (see Advanced Photoshop left), put each word in a separate point type layer so you can easily position, format and scale each word independently.

7. Masthead Color and Layer Styles

Review what colors are in your photo and choose one for your Masthead color.
Consider whether your choice will help make your masthead easy to read; choose a different color if you realize the color won't make the text stand out.
With your masthead highlighted with the Type tool, sample the color from your photo to apply it to your text
Apply at least one layer style to your masthead but make sure it's not too flashy and doesn't interfere with the legibility.

SAMPLE COLORS:

When you are using the Type Tool or working with layer styles, you can use the COLOR PICKER's Eyedropper. Open the color picker by clicking on the color swatch icon. Sample colors from anywhere you want on your file by clicking. Do not select the Eyedropper tool from the tools panel; you need to open the color picker panel while working with the type tool or layer styles.

8. Review Your Planning for Placement of Text

Go to the Text & Thumbnails assignment and look at your Thumbnail Sketches to review what you planned for placement of the remaining text that needs to be added (Cover Story Title with its Subhead and the 3 or more Teasers and Subheads)

9. Cover Story Title & Subhead

If needed, review how you made THE TREND ISSUE area (paragraph) type for the DIGITAL assignment (Page 183)
Open your Magazine Cover Text document from your Google Drive
Review your Cover Story Title and Subhead
Edit the Cover Story Title if it's more than 3 words (ask for help if needed)
Highlight the text. Edit > Copy
Open your Cover.psd file
Click and drag to create a new Area Type layer. Edit > Paste

10. White Tabs on the Area Type and More

See screenshot (left) and read about the different ways you can use the Type Tool and the Move tool on area type.
When you see a plus sign at the lower right corner of your area Type rectangle, it means that there is hidden text and you should click on a white tab with the type tool and resize the rectangle to reveal the hidden text. See screenshot (right).

11. Format Cover Story Text

If you only want layer styles on the Title and not on the Subhead, you will have to split your text into two layers. (see above)

Make your Cover Story Title and subhead big! Try making it just a little bit smaller than your Masthead. By doing this, you will be able to show HIERARCHY of text with smaller teasers and subheads.
Your choices should create CONSISTENCY of text formatting and color in your layout. Don't introduce another font if you already have 3; you should not have more than 3 different fonts in your magazine layout. Simple is better and easier to read.
Format text in a way that communicates HIERARCHY
Explore tracking, leading, paragraph alignment, case, etc.
Review section 7 (right side) for how to use the color picker's eyedropper to sample colors from colors that are already in your file.

12. Teasers & Subheads

Open your Magazine Cover Text document from your Google Drive
Review your Subheads and Teasers and choose at least 3 to go on your Cover
Edit any teasers that are more then 3 words (ask for help if needed)
Copy and paste teasers and subhead text into area type layers onto your Cover.psd file
Edit the case etc (as needed) for to create CONSISTENCY with your other text
Continue creating CONSISTENCY by formatting the text with the same fonts, leading, tracking , and alignment as your other text.
Communicate HIERARCHY by making them smaller than your Cover Story Title text.

13. Neatness & Borders of Space

BEFORE

AFTER

As needed scale text with the move tool to create even borders of space around your text
As needed, reposition area type layers so that they are touching the margin guides you created in section 4
Review your choices of paragraph alignment and make changes as needed

14. Legibility

Review your work and make sure your text is LEGIBLE
If needed, make text bigger / bolder
if needed, add or enhance FX like drop shadows or stroke
If needed, replace fonts that are hard to read with simpler and more legible fonts
If needed, draw shapes behind text
If needed, edit the photograph layer to make your text more legible

15. Add Extra Detail for Extra Credit

You can add details to your cover for extra credit. Here are some ideas:

Tagline for your MastheadBarcodeDate Etc

16. Make Flat File & Submit Work

Save!
Image > Duplicate
In the Duplicate Image Window, name your file Cover FLAT followed by your last name and then your first. Example:

Cover Flat Hooker Martina

Close your Layered file (protection against flattening it by mistake)
Double check that you have the correct file open before you flatten it
Layer > Flatten Image
Save
Upload your two files to the assignment posting

Reflection

Include a Reflection & Self-Grading

Note: This sample is for a different project

Review the RUBRIC GOALS again
Include a REFLECTION in the Private Comments section of this assignment posting: Based on the Rubric Goals, what were you SUCCESSFUL at? What did you STRUGGLE with?
Also include what GRADE you think you deserve.

Rubric (Updated 4/29)

10 points --- FILE SET UP • The PSD file is set up correctly (Name, Image Size, Resolution Etc)

10 points --- MASTHEAD • Font choice (No Myriad Pro) matches tone of Magazine (no Myriad Pro). Text formatting shows thoughtful effort and is easy to ready. HIERARCHY was communicated with the Masthead made the largest of all the text and at the top of the cover. Point Type was used and text is aligned with paragraph alignment, not spaces. Mastheads with two or more lines are in multiple point type layers.

05 points --- MASTHEAD COLOR & FX • The masthead color(s) create CONSISTENCY because they match colors in the cover photo. There is at least one layer style applied. The color(s) and the FX enhance and do not interfere with the legibility of the text.

15 points --- COVER STORY TITLE • CONSISTENCY was created with cover story Font choice (No Myriad Pro) with the repeat use of fonts from the Masthead. HIERARCHY was communicated with text size. Area Type was used for the Cover Story text. The Cover Story Title & its Subhead are in their own type layer. Text is aligned with paragraph alignment, not spaces • Spelling and punctuation are perfect.

10 points --- COVER STORY & FX • The Cover Story Text color(s) match colors in the Masthead / Photo. There is at least one layer style applied. The color(s) and the FX enhance and do not interfere with the legibility of the text.

20 points --- TEASERS & SUBHEADS • CONSISTENCY was created with the 3 or more teasers and subheads Font choice (No Myriad Pro) with the repeat use of fonts from the Masthead/Cover Story title. CONSISTENCY was further created with the repeat use of leading, tracking, case, etc. HIERARCHY was communicated. Area Type was used. There is at least one area type layer for the Teasers and Subhead text separate from the Cover Story Title. Text is aligned with paragraph alignment, not spaces • Spelling and punctuation are perfect.

10 points --- TEASERS & SUBHEADS COLOR & FX • The Teasers & Subhead Text color(s) match colors in the Masthead / Cover Story Title / Photo. There is at least one layer style applied. The color(s) and the FX enhance and do not interfere with the legibility of the text.

10 points --- NEATNESS & SPACE : There are at least 5 carefully positioned guides to indicate margins and a center guideType layers were scaled and positioned in a way that creates CONSISTENT amounts and even borders of space that separate the different areas of text from each other..

05 points --- TWO FILES were SUBMITTED • PSD file with layers for grading • Flattened file for Printing

05 points --- REFLECTION & SELF-GRADING: A private comment with reflection (based on rubric) and numeric self-grading is included

How can this masthead be made wider without changing pt size?

Is the font a good choice for the target audience and purpose of the Magazine?

NYC Visual Arts Benchmarks

• Art Making

• Developing Art Literacy

• Making Connections Through Visual Arts

• Community and Cultural Resources

• Exploring Careers and Lifelong Learning

Differentiation / Lesson Extension

...Students with different abilities can seek assistance from teacher, paraprofessional, or another student

...The students who finish early can ask a classmate if they need help or review

NYC VISUAL ARTS BENCHMARKS

• Developing Art Literacy

• Community and Cultural Resources

• Exploring Careers and Lifelong Learning

Report abuse