PROJECT 2 - The Word is Expression

Typography and Composition 

The WORD is expression

Choose three words.

In Illustrator using letters create THREE different designs (each 8.5"x11") that visually represent the meaning/definition, the feeling, the sound, and other aspects that you can associate with each of your words.

Word choice is important in that it will influence the

perception of the design as a whole. Do NOT use proper nouns.

Possible choices/example words:

disoriented, able, skillful, absolute, unqualified, antagonistic, affable, diffident, humble, dissonant, opulent, abundant, ample, artificial, hectic, mindless, accumulate, independent, magnanimous, authoritative, miserly, cautious, petulant, firm, harmonious, esoteric, calm, crude, copious, jagged, expensive, hierarchical, pernicious, furious, furry, barren, corpulent, atonal, vapid, viscous, gelatinous, 

Create three designs, each relating the essence of the word to the essence of the design. Each of your three designs should take strategic and compositional cues from lessons learned from previous assignments.

Consider the relationship of the type to the entire composition as it relates to the meaning of the word.

Words may be repeated in the design if compositional integrity is maintained. You may use letters that do not appear in your word if they contribute to your overall concept. 

DO NOT SIMPLY DRAW A PICTURE OUT OF TYPE AND LABEL IT.  YOUR WORD SHOULD BE VISUALLY CONTRIBUTING TO THE MEANING OF YOUR WORD.

THE RULES:

-Designs should be 8.5 x 11.
-Your word must appear in your composition and be legible.

-You may only use these typefaces:
Arial
Baskerville
Bodoni 72
Century Schoolbook
Cooper Black
Didot
Futura
Garamond
Geneva
Georgia
Gill Sans
Helvetica
Impact
Lucida Blackletter
Rockwell
Times New Roman
Zapfino
-Letterforms can be white, black and shades of grey.

-You must constrain proportions when scaling up or scaling down.  So hold down that shift key.

-No effects.  Only scaling, rotating and moving.

-You may not reflect or mirror your letters.
-You can not adjust the transparency of your letters.

DUE:  You have 2 class periods to work on this assignment.  I AM GIVING YOU THIS AMOUNT TIME SO THAT YOU CAN COME UP WITH ORIGINAL CONCEPTS AND WELL-CONCEIVED COMPOSITIONS! You should have your designs posted to your blog in .png format by the beginning of class Thursday Feb.7th ready for critique.  

EXAMPLES:

PROJECT 1 - Typographic Self Portrait

Typographic Self Portrait

Project by Esen Karol, Mimar Sinan University Represented in Design for Communication, Elizabeth Resnick

Assignment Brief:

Using Illustrator create a 8.5" x 11" self-portrait using letterforms.

Use letters to illustrate your face. Consider the character of the letters and their relationship to your physical appearance represented in your photo (soft vs. hard angles, textures, etc.). Consider also the relationship between the characteristics of the letterforms and your identity, your personality, your persona.

Consider the entire composition of the page. Use scale and pattern to create value.

Constraints:

-The design must use only black letters (NO STROKE) on a white background. 
-Letters may be scaled up and down but MUST retain their relative proportions (use the corners of your "bounding box" and hold down the shift key). 
-You can move and rotate your letters.
-You can reflect your letters.  
-No effects.  
-You can NOT adjust transparency.
-If you plan on working on this project on a different computer you may want to "create outlines" with your type or "package" your file so it brings your fonts with you.
  
DUE: You have 2 in-class periods to work on this project so take your time and do a really good job.  Before beginning your portrait take some time and think about the layout and overall composition of your project.  We will be critiquing your portraits in the class following the 2 in-class work periods so make sure to have them posted to your blog in .png format by the start of class Tuesday Jan. 29th.  As always make sure and save both your Illustrator file as well as the .png.

EXAMPLES:

Mary Britton

Zena Pirnot

Jarett Moore

TJ Grier

Emily Duerrwaechter

Sheila McCabe

Ariana Jackson

FIGURE/GROUND Contrast and Composing Exercise 4 (A-F)

Figure/ground relationships shape visual perception.  A figure (form) is always seen in relation to what surrounds it (ground, or background)–letters to a page, a building to its site, a sculpture to the space within it and around it, the subject of a photograph to its setting and so on. A black shape on a black field is not visible; without separation and contrast, form disappears.

"People are accustomed to seeing the background as a passive and unimportant relation to a dominant subject.  Yet visual artists quickly become attuned to the spaces around and between elements, discovering their power to shape experience and become active forms in their own right." (An excerpt from Graphic Design The New Basics by Ellen Lupton and Jennifer Cole Phillips.)

Poster by: Joanna Gorska & Jerzy Skakun

FIGURE/GROUND Contrast and Composing Exercises 4 (A-F)

-  Using Illustrator you will make (6) 10-x-10-inch square non-representational (abstract) compositions.

-  Working within a 10-x-10-inch square, combine letterforms into dynamic compositions.  Focus on letterform details to illuminate the unique characteristics and stylistic features of your letters.  Use figure/ground relationships to contrast forms against each other as well as merge them together.  The black elements in your composition should have just as much visual impact as the white.  You can copy, overlap, move, rotate and scale (holding down the shift key of course) your letters.  You may not use effects or reflect (mirror) your letters. 

- Select contrasting letterforms for each of your compositions.  

- Choose letters that vary in their weight, geometry, and complexity. 

- Your letters must have a black or white fill with NO stroke (outline). 

-You can not adjust transparency.

EXERCISES 4 (A-F) ARE DUE: The beginning of the next class posted to your blog in .PNG format.  PLEASE REMEMBER TO SAVE BOTH YOUR ILLUSTRATOR (.AI) AND THE .PNG FILES.

EXAMPLES:

By: TJ Grier

This project is based on an assignment created by Jennifer Cole Phillips, a faculty member of the Graphic Design Department of Maryland Institute College of Art.

EXERCISE 2 & 3

Typography and Composition Ex.2

Illusion of Depth

Using Illustrator create a dynamic non-representational (abstract) composition that exhibits the illusion of depth.

The Rules:
1.  Design must be 8 ½ x 11.
2.  Single letterform only.
3.  Black and White only.
4.  Letterforms can go over the edge of the art-board.
5.  No effects, only scale (holding down the shift key), rotate, & move
6.  You can not adjust transparency.

EXAMPLE:

__________________________________________________

Typography and Composition Ex.3

Texture and Illusion of Depth

Using Illustrator create a dynamic non-representational (abstract) composition that exhibits texture and the illusion of depth.

The Rules:

1.  Unlimited Letterforms.

2.  Only Black, white, and a maximum of 5 shades of grey

3.  Composition is 8.5 x 11

4.  No effects, only scale (holding down the shift key), rotate, & move
5.  Letterforms can go over the edge of the art-board.
6.  You can not adjust transparency.

EXAMPLE:

EXERCISE 2 & 3 ARE DUE: The beginning of the next class posted to your blog in .PNG format.  PLEASE REMEMBER TO SAVE BOTH YOUR ILLUSTRATOR (.AI) AND THE .PNG FILES.

Exercise 1a & 1b

TYPOGRAPHY AND COMPOSITION - EX.1a & 1b

SINGLE LETTERFORM :

Using Illustrator create 2 separate 8.5"x11" compositions using a single letterform (for each composition) of various sizes that circulates the viewer's eye all around the page, leaving no dead holes or extreme points of concern in which the viewer’s eye can get “stuck”.

Project Constraints:

1. Relative proportions of the letterform must be the same (hold down the shift key when scaling up or down in order to “constrain proportions”)

2. Use a minimum of 5 sizes of your chosen letterform - there is no maximum

3. Design must be BLACK and WHITE (no gray)

4. Design must be 8.5 x 11

5. Letterforms must stay within the boarders of your page.
6. Letterforms cannot overlap or touch.
7. You cannot mirror/reflect your letterforms.
8. You can not adjust transparency.

YOU HAVE 1 IN-CLASS PERIOD TO WORK ON THESE PROJECTS.  THEY WILL BE DUE AT THE BEGINNING OF THE NEXT CLASS PERIOD.  IT NEEDS TO BE POSTED TO YOUR BLOG IN .png FORMAT BY THIS TIME. INSTRUCTIONS FOR CREATING A .png FROM AN ILLUSTRATOR FILE CAN BE FOUND BELOW.
Make sure to save both your Illustrator .ai file and your .png file.

Previous Example:

Amanda Merritt

__________________________________________________

TUTORIAL ON EXPORTING YOUR ILLUSTRATOR FILE TO A .PNG IN ILLUSTRATOR:

WINDOW 1:

WINDOW 2:

WELCOME TO INTRO TO DESIGN SPRING 2019

SYLLABUS SPRING 2019

email: aruddick@uwf.edu

Kino Glaz By: Alexander Rodchenko 1924

ASSIGNMENT FOR FIRST DAY OF CLASS:

1. Create a blog using Blogger (you should log in using your UWF email and password).  YOU MUST USE THE "SIMPLE TEMPLATE".  After you create your blog click on the "view blog" button and copy the web address of your blog. Then email me the link. aruddick@uwf.edu

2. Create a folder in your Google Drive account specific to this class and share it with me.  Name the folder "your last nameGRA2111C".  You can access your google drive account from your UWF email.  Look in the upper right hand corner for the tiny grid of 9 squares and click it and select "Drive"  See below.