Contents
Class Info
- Date: Wednesday, 10/16
- Meeting Info: In-Person, Pearl 112
Topic
- Review Type Test 1
- Expressive Typography with a Typeface
Objectives
- Expressive Typography with a Typeface:
- How the use of an existing non-display Sans Serif typeface combined with traditional elements of design allow designers to convey the meaning of a word
- Typeface (and their families & variations)
- Size and scale
- Posture
- Case
- Placement
- Repetition & omission
- Color
- Quick Reference of Expressive Type
- Expressive Typography Examples from Courtey Wagasky
- How the use of an existing non-display Sans Serif typeface combined with traditional elements of design allow designers to convey the meaning of a word
Activities
- Project 2 — Part 1 — Step 1 of 2 (In-Class)
- Choose FOUR of the following words :
climb / focus / confusing / transform / extravagant / tired / strong / damaged / transform / fading / drip / dismantle / omission / fast / slow / amplifying / flying / pouring / giant / cracked / windy / tumble / floating . (See HANDOUT for more words) - Find the definition of your selected words. Even if you know the meaning, researching their definition can sometimes help you generate ideas.
- Sketch your word in a way that expresses their meaning visually. Use a square area to sketch your words.
- Sketch WITH INTENTION and PURPOSE (not just placement).
- If something is meant to be lower case, then sketch it that way!
- If something is meant to be outlined, then sketch it that way!
- If something is meant to be condensed or bold, etc., then sketch it that way!
- Specs:
- Use a Sans Serif typeface with a varied family.
- Black only (Grey OK)
- Carefully consider the words that allow you the most creative exploration.
- Use only the letters used to spell the word as part of your visual elements.
- Consider the space of your square and how the use of negative space and positioning can help with the meaning of the word.
- Consider scale, repetition, overlapping, removal, uppercase, lowercase, etc. to create a visual definition of the word.
- Do not use horizontal/vertical scaling (distortion).
- Do not add illustrations.
- Example:
- While searching for definitions of broken and messy— the words fractured and untidy helped me develop ideas. Notice that sketches include uppercase, lowercase, condensed word spacing, etc.
- Photograph sketches, save as: Lastname_Firstname_FourWords_Sketches_[insert page number here]
- Place in Dropbox
- Sketch WITH INTENTION and PURPOSE (not just placement).
- Choose FOUR of the following words :
- Project 2 — Part 1 — Step 2 of 2 (Start in class, complete for HW)
- Bring your strongest sketches into the computer
- Now it is time to interpret your sketches and determine which actual typeface to use. For this part of assignment we will use Illustrator
- Create an Illustrator doc with the following specs :
- Size: 3″ x 3″
- 4 Artboards
- Once document is open:
- Save as: Lastname_Firstname_FourWords_Digital
- Windows> ARTBOARDS> On the bottom left of window > REARRANGE ALL ARTBOARDS
- Columns 2, then Spacing : .5 inches
- Go to WINDOW and have the following available:
TYPE> Character / / PATHFINDER // ALIGN // ARTBOARDS
- You will now translate your hand drawn sketches into digital pieces (you can also do a different design if you come up with a stronger idea).
- ONE design/ word per artboard
- Refer to material shared in Class 11 for different techniques.
- REMEMBER:
- Select only one Sans Serif Typeface per word (different fonts OK)
- You already know about typeface selection & variables, case (upper case & lower case) and word spacing. You must apply those concepts moving forward.
- Designs are only black and white, no color.
- You must consider scale, repetition, overlap, and removal of letters or parts of it to create a visual definition of your words. Do not add illustrations or additional shapes. You can only use the letters that belong to the word. You can extend ascenders and descenders, but cannot take the letterforms out of proportion.
- Select only one Sans Serif Typeface per word (different fonts OK)
- Example (This example is for your reference only. You will use your own selection of words and your own creative solutions):
- Once finished, save your work in Illustrator, then go to FILE> EXPORT > EXPORT AS and EXPORT AS JPG
- Name JPG: Lastname_Firstname_FourWords_Digital
- Place in Dropbox
- Bring your strongest sketches into the computer
To-Do After Class
- Complete Project 2 — Part 1, Due 11PM, Thursday, 10/17
- Step 1 of 2—Photograph sketches: Lastname_Firstname_FourWords_Sketches_[insert page number here]
- Step 2 of 2— Export JPG and name it Lastname_Firstname_FourWords_Digital
- Place everything in Dropbox
- Found Alphabet
- Letter H & I, Number 6
- Comments Due: 11 PM 10/17
- Letter H & I, Number 6
- Type Hero Presentations (on-going)
- Refer to the project page (click the link above) for your presentation date.
- Bonus Assignments (on-going), Due 11PM Tuesday, 12/10
0 Comments
1 Pingback