Class Info: week 5, class 11
This agenda provides a detailed outline and gives a clear vision of the day’s class.
Date: Thursday, March 4
Goal: Organize to communicate
Category: Parks poster 4
To-Do: before class
Post your homework
Prepare to describe your work using alignment terms
Prepare to upload 2 images to Miro
_____________________________________________________
Topic
Text & image: Framing
Goals: Reinforce the meaning of your text with an image
Objectives: Create a dynamic composition that carries a message
Activity
Create your Padlet: https://padlet.com/
Add Gordon Park quotes, images, and inspiration
Add jpgs of your poster and images
Add text:
Use alignment
Make sure your text is not centered
check that you do not have the same space above and below
Mass your white space
make sure you have a large group of white space
Do not wrap type around your image
Lecture
Review: grids, proportion, and hierarchy
Introduce: framing
Activity: Miro:
Upload
-
-
- 2 images
- 3 homework images
-
Use the template in the area defined by green on the right side of the grid
Lesson
Poster: combine text and image
InDesign, revise your poster
-
-
-
- Open your best “quote” poster in InDesign
- Create 2 layers
- Make sure your text is on your top layer
- Add an image to your bottom layer (under your quote)Do NOT move your quote, leave it in the same position
- Crop your image to fit your text composition
- Your text may cover image details––try to arrange so that the text is legible
-
-
7. Save a jpg & post to Miro
_____________________________________________________
Homework: due March 9
2 posters
continue the process we began in class
Use InDesign to create 3 different posters
1 Choose your best poster
Revise to show proportion, alignment, and hierarchy
2 Choose 2 Gordon Parks images that “relate” in some way to your quote
Use the link below to find images or research and find your own.
https://openlab.citytech.cuny.edu/comd1200-spring2021-childers/2021/01/27/gordon-parks-a-cultural-icon/?preview_id=3930&preview_nonce=df5e1c7635&post_format=standard&_thumbnail_id=3949&preview=true
3 Create a poster by combining your first image and your quote
A Add each image as a base (bottom) layer, under your quote
Do NOT move your quote yet, leave it in the same position
B Crop the images to fit your text composition
Your text may cover image details––try to arrange so that the text is legible
C Now you can adjust your type to create
• emphasis
• legibility
• reinforce your message
When you adjust any element of your type
you may need to alter the other type elements to create new alignments
REMEMBER: Your type MUST still have an aligned relationship
D Save as a jpg.
Name “first name Parks 4 A”
Take a screenshot with your grid
Name “first name Parks 4 A ss”
4 Do the same with your second image
Name both poster and screenshot with Parks 4 B
5 Upload both posters to Openlab
Post in the CORRECT category so that you will get credit for homework
* Category sticky: Student homework completed
* Category: Student homework completed > Parks Poster 4
6 Comment on 2 posters about proportion or hierarchy
————————————————————————————————————————
_____________________________________________________
Previous class
Poster Requirements
Convey the excitement of contemporary design
to an audience of designers and students.
Size: 11 x 17
Your poster must be purely typographic:
No colors, shapes, and lines
A viewer should be able to easily understand your text.
Consider your typographic hierarchy.
schedule
week one: First draft, structure and type
week two: Second draft, image and color
week three: final presentation:
Review: To create a new InDesign poster page
1 Open Indesign size: 11×17″
NO facing pages
Pages: 1
Columns: 5
Column gutter 0
Margins: 0
2 When open go to Layout > create guides
Rows: 3
Gutter: 0
You now have your grid
3 Put a 1 point black rule around the entire document
4 Import your quote
5 Align your text
Align several differents items to one gridline
MUST DO
* YOU MUST ALIGN
The first letter or the last letter of each line of text much touch the gridl ine
* DO NOT CENTER
Do not have an equal amount of space above or below your text
Do not have an equal amount of space to the left or the right of your text
Poster
Gordon Parks played many roles
Choose a quote that relates to an issue close to your heart.
https://www.inspiringquotes.us/author/5742-gordon-parks
https://www.brainyquote.com/authors/gordon-parks-quotes
Do more with less
1 Use proportions
Cluster your type around one of the horizontal rules for emphasis
2 Choose a typeface that honors the quote
Break the sentence into phrases and place it on the 5 column grid
Either, the beginning or the end is of each line of type
must be directly on the vertical grid line
The edge of the page is NOT a grid line
Two items must align to create a relationship
Only use type, not shapes or images
Only three sizes and styles of type
Only black or white
3 Don’t be a slave to the document.
For example, the name does not have to be at the top of the poster.
Instead of making one big text box,
break it into phrases and place position it for emphasis.
example:
Inspiration
kendrick lamar’s Gordon Parks video
resources