Author Archives: John De Santis

Class 23

Leave a reply

Class Info

  • Class Date: Tues. Nov. 17
  • Class Time: 8:30AM-10:00AM

Topic

Project 3

  • The typographical grid.
    • A grid is a system of vertical and horizontal guides used for the organization of a layout. Grids are used in graphic and web design.
  • Quick Reference PDF: The Grid

The Typographical Grid Resources

Grid LectureDownload

Google Drive Grid

Objectives

  • Understanding the parts of grid:
    • Margins
    • Columns and rows
    • gutters (vertical and horizontal)
    • modules and spacial zones
  • Students develop understanding of organization in design

Activities

pet-peeve-Poster-Example
Poster Project Assigment
pet peeve posterDownload

To-Do After Class

The Posters:

  • The Typographical Grid poster 1 initial layout with your text
    • 11×17
    • utilizing the grid

Posters must be 11×17 and include the following text:

• Pet Peeve

• Merriam-Webster.com definition- a pet peeve as a frequent subject of complaint

• Title of your Pet Peeve •

Your paragraph explaining your pet peeve

Class 22

Leave a reply

Class Info

  • Class Date: Thurs. Nov. 12
  • Class Time: 8:30AM-10:00AM

Topic

  • Project 2 Due today
    • Final File Submissions due today
    • Presentations Project 2 today

Activities

To-Do After Class

1. Post one dynamic typographic poster design image to media library take examples from this site
https://www.typographicposters.com/posters

2. Project 3 Posters Series and Social Media Posts

In preparation to our next assignments (a series of posters and social media material), we will need to collect some text

Posters must include the following text:

• Pet Peeve

• Merriam-Webster.com definition- a pet peeve as a frequent subject of complaint

• Title of your Pet Peeve •

Your paragraph explaining your pet peeve

  • Do not design anything at this point. We are just collecting text,

FYI: What is a pet-peeve?

  • dictionary.com: a particular and often continual annoyance merriam-webster.com: a frequent subject of complaint vocabulary.com: a peeve is an annoyance, and a pet peeve is an annoyance that’s nurtured like a pet — it’s something someone can never resist complaining about. There are all kinds of pet peeves, like littering, misusing punctuation, driving slowly in the fast lane, or talking during movies. If something like that drives you crazy and you have to yap about it, it’s a pet peeve.

pet-peeve-Poster-Example
Poster Project Assigment
pet peeve posterDownload

This example shows sketching on the actual grid. Might be helpful to keep proportion and to think of exact grid placement of elements

Class 21

Leave a reply

Class Info

  • Class Date: Tues. Nov. 10
  • Class Time: 8:30AM-10:00AM

Topic

Final Project 2

Activities

Type Challenge – Grid

Type Talk Discussion – Type Talk Anja Kaiser

To-Do After Class

Project 2 – Part 1,2 – FINAL Deliverables

  • Make all corrections and edits
  • Final presentation. due NEXT CLASS
    • 8.5 x 11 Indesign Document
    • .5 margins all around (see below for additional measurements
    • final versions of the four words (expressive type assignment)
    • final version of the lettering assignment with images of process (sketch and process)
  • A post on OpenLab named
  • last Name_firstname Project 2 final
  • give categories, Project 2, Student Post
  • Create Indesign page in format below placed your finals into file.
  • export as Both JPG and one multipage PDF
    PDF named last Name_firstname Project 2 final
  • insert into your post
This image has an empty alt attribute; its file name is four_words_final_size-1024x746.png
This image has an empty alt attribute; its file name is lettering_final_size-1024x742.png

  • Based on sketches and ideas, students determine what is the best way to continue with their lettering project:
    • Is it best to take photographs of objects?
    • Use traditional material (paint, draw, etc) or work digitally (with application)?
  • Once you know which way you are working, then determine process to follow:
    • Capture image (via camera, scanner/ phone/ app/ copier)
    • Bring image into Illustrator/Photoshop/other apps. This depends on your solution, for example:
      • Trace or use pen tool in Illustrator
      • Clean or adjust colors in Photoshop
    • If working by hand: Use tracing paper and pencils, then marker to clean image.
    • Capture image again and repeat steps if necessary
  • Careful with spelling (you are essentially drawing so there is no automatic spell check!) and keep work editable if corrections needs to be made

Type Challenge Li Xu

Leave a reply

Select one of  designer Li Xu’s posters below

Use it as your design guide render the word below in the style of the poster you selected

“Strong”

Try to capture the distinct layout and typographic style and elements of the works you choose.

Think of this as sketching from life and art at a museum where you would sketch the works of art

Here you are using typography, that is the only difference

5″x7″

Work 30 minutes time.

Upload one jpg  to Openlab Lastname first name TC Li Xu

Finish for next class

More here designer Li Xu’s posters from Typeroom.edu

Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image
Slider image

Class 19

Leave a reply

Class Info

  • Class Date: Tues. Nov. 3
  • Class Time: 8:30AM-10:00AM

Topic

Activities

To-Do After Class

  • Refined version of your word due next class
  • Bring Lettering to next step: Must show progress next class.

Project info

  • Based on sketches and ideas, students determine what is the best way to continue with their lettering project:
    • Is it best to take photographs of objects?
    • Use traditional material (paint, draw, etc) or work digitally (with application)?
  • Once you know which way you are working, then determine process to follow:
    • Capture image (via camera, scanner/ phone/ app/ copier)
    • Bring image into Illustrator/Photoshop/other apps. This depends on your solution, for example:
      • Trace or use pen tool in Illustrator
      • Clean or adjust colors in Photoshop
    • If working by hand: Use tracing paper and pencils, then marker to clean image.
    • Capture image again and repeat steps if necessary
  • Careful with spelling (you are essentially drawing so there is no automatic spell check!) and keep work editable if corrections needs to be made

This PDF shows an analysis what tools might work best within Illustrator

For this example we experimented with paper, glue and actual sprinkles to create the letters, The image needs to be cleaned in Photoshop

This image has an empty alt attribute; its file name is mg_sprinkles_food_example-1.jpg


NOT FOR NEXT CLASS

Project 2 – Part 1,2 – FINAL Deliverables

  • A post on OpenLab named
  • last Name_firstname Project 2 final
  • give categories, Project 2, Student Post
  • Create Indesign page in fomat below placed your finals into file.
  • export as Both JPG and one multipage PDFPDF named last Name_firstname Project 2 final
  • insert into your post
This image has an empty alt attribute; its file name is four_words_final_size-1024x746.png
This image has an empty alt attribute; its file name is lettering_final_size-1024x742.png

Continue lettering project as per individual styles and approaches.

  • Make all corrections and edits
  • Start preparing for final presentation. Assignment is due class 20.
    • 8.5 x 11 InDesign Document
    • .5 margins all around (see below for additional measurements
    • final versions of the four words (expressive type assignment)
    • final version of the lettering assignment with images of process (sketch and process)

Class 18

Leave a reply

Class Info

  • Class Date: Thurs. Oct. 29
  • Class Time: 8:30AM-10:00AM

Topic

Objectives

  • Students continue to develop their creative skills and personal styles in relationship to typography and lettering
  • Further develop software application/presentation skills.

Activities

Name That Type

Found Alphabet

Expressive lettering Filmore
https://www.typeroom.eu/
https://www.studiofeixen.ch/

To-Do After Class

  • Refined version of your word due next class
  • Bring Lettering to next step: Must show progress next class.
    • Notice the steps followed for this example:
      Sketched / Chose actual sprinkles/ experimented with glue / took photos /in Photoshop: cleaned the pencil marks/ In Illustrator tried a different approach.

  • Upload jpg file . Must not exceed dimensions 600×600
This image has an empty alt attribute; its file name is Screen-Shot-2020-08-07-at-4.25.46-PM.png

Class 17

Leave a reply

Class Info

  • Class Date: Tues. Oct. 27
  • Class Time: 8:30AM-10:00AM

Topic

Project 2 Part 2 Intro Expressive Lettering


Choose your favorite food or a favorite pastime such as listening to music, watching videos, playing a sport, etc.
• General Specs: 
◦ Create a one of a kind representation (with letters) of your favorite pastime or favorite food
◦ Work area: 1980 x 1080 pixels (horizontal/rectangular)
◦ Cannot use an existing typeface.
◦ Sketch, research and write your ideas FIRST
◦ Use pencil when sketching, but keep in mind that for the next steps experimental use of material and technique ok: paper/collage, paints, photography, etc. Technique and application is up to you.
Objectives
• Understand the difference between lettering and creative typography with a typeface.
• Understand lettering as it applies to branding, packaging, logotype designs and others areas.
• Explore typographical experimentation.

Objectives

Students develop individual styles.

Activities

Found Alphabet

Type Challenge – 3D build your word

Type Challenge – Expressive Lettering

To-Do After Class

  • Project 2 Part 2 Expressive Lettering (NO TYPEFACES)
  • Sketch at least 6 different solutions.
    Please refer to the following PDF with assignment details.
    • This PDF includes a template that you can follow to sketch to proportionally correct size.
    • Example: Vary your ideas and styles when sketching:
  • Based on sketches and ideas, students determine what is the best way to continue with their lettering project:
    • Is it best to take photographs of objects?
    • Use traditional material (paint, draw, etc) or work digitally (with application)?
  • Once you know which way you are working, then determine process to follow:
    • Capture image (via camera, scanner/ phone/ app/ copier)
    • Bring image into Illustrator/Photoshop/other apps. This depends on your solution, for example:
      • Trace or use pen tool in Illustrator
      • Clean or adjust colors in Photoshop
    • If working by hand: Use tracing paper and pencils, then marker to clean image.
    • Capture image again and repeat steps if necessary
  • Careful with spelling (you are essentially drawing so there is no automatic spell check!) and keep work editable if corrections needs to be made

This PDF shows an analysis what tools might work best within Illustrator

For this example we experimented with paper, glue and actual sprinkles to create the letters, The image needs to be cleaned in Photoshop

Home work 2.


NOT FOR NEXT CLASS

Project 2 – Part 1,2 – FINAL Deliverables

  • A post on OpenLab named
  • last Name_firstname Project 2 final
  • give categories, Project 2, Student Post
  • Create Indesign page in fomat below placed your finals into file.
  • export as Both JPG and one multipage PDFPDF named last Name_firstname Project 2 final
  • insert into your post

Continue lettering project as per individual styles and approaches.

  • Make all corrections and edits
  • Start preparing for final presentation. Assignment is due class 20.
    • 8.5 x 11 InDesign Document
    • .5 margins all around (see below for additional measurements
    • final versions of the four words (expressive type assignment)
    • final version of the lettering assignment with images of process (sketch and process)

Class 16

Leave a reply

Class Info

  • Class Date: Thurs. Oct. 22
  • Class Time: 8:30AM-10:00AM

Topic

Project 2 Part 2 Intro Expressive Lettering


Choose your favorite food or a favorite pastime such as listening to music, watching videos, playing a sport, etc.
• General Specs: 
◦ Create a one of a kind representation (with letters) of your favorite pastime or favorite food
◦ Work area: 1980 x 1080 pixels (horizontal/rectangular)
◦ Cannot use an existing typeface.
◦ Sketch, research and write your ideas FIRST
◦ Use pencil when sketching, but keep in mind that for the next steps experimental use of material and technique ok: paper/collage, paints, photography, etc. Technique and application is up to you.
Objectives
• Understand the difference between lettering and creative typography with a typeface.
• Understand lettering as it applies to branding, packaging, logotype designs and others areas.
• Explore typographical experimentation.

Activities

To-Do After Class

  • Finalize Your Project 2 Part 1 words, Upload to your Project 2 page