• Ê
  • Â

å Tuesday, January 31st, 2017

B Figure/Ground Examples

Stable Figure/Ground

500px-Pigeon_silhouette_4874.svg_-300x200rev-01

Reversible Figure/Ground (can be see two ways)

batman  now-you-see-me-final LCxYBNc-254x300rogerinitialsrev-02

Ambiguous Figure/Ground: No clear relationship. Goes back and forth.

FG4ambzhe figfielda

figfiel4       Mc9aadefaf7d795c29821772f756f0e6e

b Add comment    

Leave a Reply

í 03 Figure/Ground

fig-gro

Use  Only  Two Letters

Using only two letters create a series of dynamic typographic compositions. There are many forms these compositions can take. Experiment with large and small letters, combining similar forms, contrasting very different letter forms. Ultimately your goal is to create beautiful and dynamic form by playing with letterforms.

Download and install these typefaces.

FinderScreenSnapz001

What is flow? 

As a designer one of your jobs is to control the attention of the viewer. By the design choices you make, you guide the viewer around the page. Your compositions will naturally have a flow to them. The viewer will start looking at something on the page and their eyes will move around the composition before coming to rest on a focal point. As a designer you have some influence over this process. Create compositions that activate the gaze and delight the eye.

Objectives

Your objective with this assignment is to:

  1. Understand how shapes interact to produce foreground and background relationships.
  2. Create stable, reversible and ambiguous figure/ground compositions.
  3. Learn how to manipulate letterforms using Illustrator

Rules of the Game

  1. You may only use two letters per composition.
  2. You make only use Garamond, Baskerville, Didot, Century, Helvetica.
  3. You may only scale and rotate.
  4. Do NOT stretch any letters.
  5. Both letters must be black on a white background.
  6. All work must be printed on a laser printer
  7. All work must be trimmed to size (6″x6″)
  8. You may use UPPERCASE or lowercase or a mixture of the two.
  9. You may use only the regular (not bold) and italic fonts of your typeface.

Make 9 Compositions

Make 9 6″x 6″ preliminary compositions in Illustrator using any two letters from the six class typefaces: Futura Bold, Garamond, Baskerville, Didot, Clarendon, Helvetica. Try to use different letters for all the compositions. The purpose of the assignment is the explore the alphabet.

3 composition with a small and a large letter

  1. Garamond
  2. Baskerville
  3. Helvetica

3 compositions with small to medium sized letters

  1. Century
  2. Didot
  3. Baskerville

3 compositions with large letters

  1. Your choice of typeface
  2. Your choice of typeface
  3. Your choice of typeface

Keywords:
large / small / contrast / asymmetry  / space / drama / focus / flow

Format: 6″ x 6″ trimmed
Color: Black and White
Output: Laser (no inkjet)

Guidelines for Final Work

  1. When you print DO NOT use the “Fit to Screen” function located in the print dialog. Print 100%.
  2. Print from Acrobat if possible.

Printing with Crop Marks

Due Thursday, February 2

  1. Print 5 compositions printed on 8.5 x 11″ paper with crop marks. WE WILL TRIM IN CLASS!
  2. PDF with 9 compositions on DropBox in your your folder:
    03_Figure_Ground/lastname.pdf

Due Tuesday, February 7

  1. Print 9 compositions printed, trimmed in a manilla envelope
  2. PDF with 9 compositions on DropBox in your your folder:
    03_Figure_Ground/lastname.pdf
b Add comment    

Leave a Reply

B Type Anatomy

SafariScreenSnapz021

Read

Read this guide about identifying the parts of letter forms.

02_Type_Anatomy_Addendum

Explore these Type Anatomy Links

Type Anatomy 

Typedia

Typography Deconstructed

 

b Add comment    

Leave a Reply

B Illustrator 101

Please use these videos to familiar yourselves with Illustrator

 

b Add comment    

Leave a Reply

B Printing with Crop Marks

Here are some basic instructions for printing your files with crop marks in the lab.

Select “Print” from the file menu.

Adobe Illustrator CC 2015ScreenSnapz005

Adobe Illustrator CC 2015ScreenSnapz006

Choose the graphic design printer in the lab.

Adobe Illustrator CC 2015ScreenSnapz006

Set the paper size to US Letter (8.5″ x 11″)

Adobe Illustrator CC 2015ScreenSnapz007

Make sure the scaling is set to “DO NOT SCALE”

Adobe Illustrator CC 2015ScreenSnapz008

Select “Marks and Bleeds” in the top left.

Adobe Illustrator CC 2015ScreenSnapz009

Check “Trim Marks”

Adobe Illustrator CC 2015ScreenSnapz010

Uncheck “Use Document Bleed Settings” and make sure the top, bottom, left and right boxes are set to .25 inches.

Adobe Illustrator CC 2015ScreenSnapz011

Click the “Print” button in the bottom right corner.

Adobe Illustrator CC 2015ScreenSnapz012

The print should look like this on the paper. The thin lines are called crop marks.

AcrobatScreenSnapz002

b Add comment    

Leave a Reply

B The Manila Envelope

manilla

1. Get a 9″ x 12″ manilla envelope. (You will likely need 3 or 4.)

2. Write the following neatly in top right corner of the front of the envelope.

3. Write your first name last name on one line.

4. Write the name of your class on the second line.

5. Write “SPRING 2017” on the third line.

7. Insert work neatly inside.

b Add comment    

Leave a Reply