Category Archives: Classes

Class 12

Leave a reply

Class Info

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

Topic

  • Book Due today.


submit file TWO WAYS

  1. Submitted via Dropbox class drive
    Package your Indesign file
    Upload folder of packaged’ file of your InDesign Named ‘lastname firstnname_Typebook’ into: Dropbox
  2. Create a post on OpenLab named lastname firstnname_Typebook
    Categories “Student work” and Project 1
    Upload a PDF version of your Type Book named lastname firstnname_Typebook

  • Book Presentation and critique

Objectives

Activities PROJECT 2

Start Discussion: Expressive Typography

Part 1 . Expressive Typography:
Communicating the meaning of a word via typography
ONLY FUTURA BOLD, NO IMAGE

EXPRESSIVE-TYPEDownload
Typographic-dante1Download

Expressive Type Documents

QR_COMD1127_model_expressivetypeDownload
COMD1127_model_assignment_expressive_step1Download
COMD1127_model_graphic_assignment_Expressive_step2Download
COMD1127_how_outline_pathfinder_expressiveDownload
COMD1127_model_tools_touch_illustratorDownload

To-Do After Class

  1. Type Talk Discussion – Art of Design Paula Scher

2. Project 2: Review project page,
Part 1 . Expressive Typography:
Communicating the meaning of a word via typography
ONLY FUTURA BOLD, NO IMAGE

3. Find One Expressive Type
example and post into the media library

4. Choose Four of the following words :

puzzle, focus, confused, shrinking, unbalanced, sink, tired, separate, strong, cheer
fade, drip, destroy, create, mistake, run, walk, fast, slow, grow

5. Find the definition of your selected words (even if you know the meaning, researching their definition can sometimes help you generate ideas.

Class 11

Leave a reply

Class Info

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

Topic

  • Review content of book for submission and presentation due next class
  • Design Continuity (uniformity of headings, margins, color, etc)
  • Packaging a file
A folder will be created and will include: Indesign Files, PDF, Fonts and Links

Example of a completed book

Desantis_John_TypeBook_FINALDownload

Pages to include: 15 Pages Total including the cover

Project 1: Type Book COVER
Project 1: Type Book_02a – Anatomy of Letterform Diagram with labels for parts of each letter.
Project 1: TypeBook_03 – 5 found type five photos Anatomy of Letterforms
Project 1: TypeBook_04 – Kerning and Tracking
Project 1: TypeBook_04a – Variations
Project 1: TypeBook_05a Leading
Project 1: TypeBook_05b Alignment (Two Pages)
Project 1: TypeBook_05c Classification of Type Styles Alignment Typesetting (Five Pages)
Poject 1: TypeBook_06a – Drop cap (Two Pages)
Project 1: TypeBook_06 Type on a path

Objectives

  • Make sure all elements above (assignments) of book are included
  • Understanding design uniformity and continuity throughout a multiple page publication such as a book (for example: keeping headings the same)

Activities

To-Do After Class

Type Talk Books are due NEXT class.
submit file TWO WAYS

  1. Submitted via Dropbox class drive
    Package your Indesign file
    Upload folder of packaged’ file of your InDesign Named ‘lastname firstnname_Typebook’ into: Dropbox  
  2. google drive if you have problem
  3. Create a post on OpenLab   named lastname firstnname_Typebook
    Categories “Student work” and Project 1
    Upload a PDF version of your Type Book  named lastname firstnname_Typebook

Class 10

Leave a reply

Class Info

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

Topic

Project 1:
Type on a PATH

  • Create a Cover Design (Page 1 of Book)
    • all type
    • black only
    • bleeds ok
All type covers. If book is printed, then must take binding into consideration.

Objectives

  • Learn about type arrangement and what happens to type when it is not set on a horizontal path. 
    • Vertical Type
    • Curved or Angled Path
    • Circular Path
  • Continue SetUp in Design

Activities

To-Do After Class

  • Complete (path) of the Project 1 InDesign document
Type Book 06_pathDownload
  • Start Cover for your Type Book
  • Black and White, one typeface. you can use different families of same typeface
    • Text to include:
      Type Book
      By Your Name
      Type and Media
      COMD1127

• Finish Type Challenge Recreate one Fenda Edições Cover Layout
https://www.fba.pt/portfolio/projects/fenda+book+series-4

Assignments are always due the day before next class by 11:30pm, and must be posted to OpenLab or uploaded as instructed

InDesign User Guide:

Make New Doc InDesign

InDesign Keyboard Shortcuts:

InDesign Page Layout

InDesign Multi page Doc Set Up

InDesign Change Doc Set Up

InDesign Page Numbering

InDesign Style Sheet Resources

InDesign Apply Style Sheet

InDesign Style Sheet Panel

Set Existing Text to Style Sheet

Drop Caps

Text Wrap

Type On A Path

Class 09

Leave a reply

Class Info

  • Class Date: Thurs Sep. 24
  • Class Time: 8:30AM-10:00AM

Topic

  • Project 1: Continue Type Book:

Objectives

  • Learn about the relationship between type selection, size and spacing:
  • Understanding more type terminology and how it differs from print to screen: Leading or line height, tracking and kerning (space between letters)
    • Leading or line length refers to the space between the baselines
    • Tracking refers to the adjustment of space between all the letters of a specific word or heading
    • Kerning refers to the adjustment of space between two specific letters
  • Understanding the different scenarios of their uses
  • Continue page setup InDesign

Activities

To-Do After Class

1. Type Book 6a Drops pull quote

Create two pages
Use pages from Classification of Type Styles
For each of the select text from link add a Pull Quote and a Drop Cap. Try two different
sizes and pull quote placements

Can be any typeface you want

Create a post “Lastname firstname Drop Cap” category “Student post Homework”
Save PDF and insert ino your post

Type-Book-6a-Drop Cap & pull-quoteDownload

Drop Caps (See how to create a drop cap here, and here at Adobe website) Pull Quotes ( See here for some nice examples of Pull Quotes

Text for Type Book 6a


Create Drop Caps
https://redokun.com/blog/drop-cap-indesign#how-to-do-drop-cap-in-indesign-using-styles

Paragraph Styles

https://redokun.com/blog/indesign-paragraph-styles

2. Finish

Type Book 5c-Classification- Alignment

Some Typefaces for Typebook 5c

Text for Type Book 5a, 5b, 5c

InDesign User Guide:

Make New Doc InDesign

InDesign Keyboard Shortcuts:

InDesign Page Layout

InDesign Multi page Doc Set Up

InDesign Change Doc Set Up

InDesign Page Numbering

InDesign Style Sheet Resources

InDesign Apply Style Sheet

InDesign Style Sheet Panel

Set Existing Text to Style Sheet

Drop Caps

Text Wrap

Type On A Path

Assignments are always due the day before next class by 11:30pm, and must be posted to OpenLab or uploaded as instructed

Class 08

Leave a reply

Class Info

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

Topic

Project 1: Continue Type Book

Quick Reference Alignment

Objectives

  • Learn about type arrangement and legibility through alignment:
    • Flush or Align Left
    • Flush or Align Right
    • Center
    • Justify
    • Justify all lines (Forced justification)
  • Understanding the different scenarios of their uses
  • Continue page setup InDesign

Activities

Add the information covered in this class (class activities, readings, videos, slides, notes, recordings of class meetings conducted via web conference)

To-Do After Class

Type Book 5b AlignmentDownload

Start Type Book 5c

Type Book 5c-Classification- AlignmentDownload

Some Typefaces for Typebook 5c

Text for Type Book 5a, 5b, 5c

Assignments are always due the day before next class by 11:30pm, and must be posted to OpenLab or uploaded as instructed

Class 07

Leave a reply

Class Info

  • Class Date: Thurs Sep. 17
  • Class Time: 8:30AM-10:00AM

Topic

Project 1: Continue Type Book: Type Variations

Review this Quick Reference PDF with variations on weight, width, posture, contrast and serif

Objectives

Learn basic type variations in width, weight, posture, contrast, serif,

  • Weight (Bold, light, etc)
  • Width (Extended, Expanded, Condensed, etc)
  • Posture (Regular or Roman, Italic, Oblique)
  • Contrast (High, low)
  • Serif (brackets, angled, others)
  • Continue page setup Indesign

Activities

To-Do After Class

Graphic Assignment

Post PDF files to Openlab EXPORT AS INTERACTIVE PDF “Name Lstname Firstname…”

1 Type Book Variations

Type Book 4a-variationsDownload

2. Type Book leading

Type Book 5a leadingDownload

Text for Type Book 5a, 5b, 5c

3.Found Alphabet posted two images and comments

Assignments are always due the day before next class by 11:30pm, and must be posted to OpenLab or uploaded as instructed

Class 06

Leave a reply

Class Info

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

Topic

Project 1: Continue Type Book: Classification of Type

Please review this Quick Reference PDF with Classification nfo

Objectives

  • Develop Further understanding on the classification of type and type families
  • Develop further understanding of page layout and how to set up pages.
  • Design a variety of layouts using Serif, Slab Serif and Sans Serif Typefaces

Activities

type-book 04Download

To-Do After Class

  1. Finish Typebook 04 Upload jpg to Openlab media library
https://openlab.citytech.cuny.edu/comd1127-type-media-ol39-f20/2020/07/29/type-challenge-master-page-margins/

Assignments are always due the day before next class by 11:30pm, and must be posted to OpenLab or uploaded as instructed

Class 05

Leave a reply

Class Info

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

Topic

Project 1: Continue Type Book: Basic Type Anatomy (page 2)

Please review this Quick Reference PDF with basic typography terminology

Objectives

  • Learn basic type terminology:  
    Baseline/capline/meanline/xheight/lowercase/uppercase/ serif/ascender and ascender line/ descender and descender line/counter/serif or sans serif
  • How understanding these terms and their specific visual characteristics will aid in the selection of typefaces and overall design compositions.
  • Continue page setup Indesign

Activities

  • Start During class:
  • Go to Page 2 of the document that was created last class
    On the last column type in the words Type Vocabulary. For now–choose typeface and size.

Then identify the following terms:

Baseline/capline/meanline/xheight/lowercase/uppercase/ serif/ascender and ascender line/ descender and descender line/counter/serif or sans serif

Refer to this PDF with assignment details

To-Do After Class

  1. Graphic Assignment: Complete Vocabulary (Anatomy) page that was started during class: Type Book 2a Assignment –
Type Book 2 AnatomyDownload
2.Complete Anatomy definition exercise uploadyou can priny out and write on it

Type Book 02a Anatomy_definitions_exerciseDownload

Assignments are always due the day before next class by 11:30pm, and must be posted to OpenLab or uploaded as instructed

In InDesign

  • FILE>EXPORT> jpg Quality medium, 72DPI
  • name “Last name first name Type Book 2 Anatomy.jpg”
  • name Type Book 02a Anatomy_definitions_exercise.jpg
  • Upload jpg files to OpenLab media library

Class 04

Leave a reply

Class Info

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

To-Do Before Class

  • Familiarized yourself with Open Lab
  • Know how to access fonts from external Sources such as Google Fonts and Adobe Fonts

Topic

Introduction to Project 1: Type Book
Multiple page document that will contain basic information about type.

Objectives

  • Learn how to create an Indesign document. Setting up pages, margins, columns, gutters, guides.
  • Develop further comprehension on the classification of typefaces.

Activities

Start during class:

  1. General Book Specs: 15 pages
    • 8.5″ x 11″  (66 picas x Height: 51 picas)
    • landscape
    • 5 columns with 1 pica gutter
    • Margins:
      • top 3p (.5”)
      • bottom 3p9 (0.625 in”)
      • left 7p6 (1.25”)
      • right 3p (.5”)
    • DO NOT select FACING PAGES
    • DO NOT select PRIMARY TEXT FRAME
  2. Please refer to this PDF handout for size, margins, and column information:

InDesign master pages

To-Do After Class

  1. Complete Setup of 15-page InDesign document that was started in class.
    Due NEXT CLASS
  2. UPLOAD your InDesign file to Dropbox folder: Type Book Homework assignments https://www.dropbox.com/sh/0k965vv1739yeki/AACX60NaQZc_-Uar27BsShMja?dl=0
2 Type Book 3 Found Type AnatomyDownload

Type Book due next Monday night before class

Assignments are always due the day before next class by 11:30pm, and must be posted to OpenLab or uploaded as instructed


Class 03

Leave a reply

Class Info

  • Class Date: Thurs. Sept. 3
  • Class Time: 8:30AM-10:00AM

Topic

Main Classification of Typefaces

Quick Reference: Classification of Type

Objectives

  • Learn about and identify the main classifications of type: Serif, Sans Serif, Scripts and Display
  • How to access a variety of typefaces for use across media (Your computer, other sources such as Google Fonts, Adobe Fonts)
  • Discuss evolving trends in typography such as variable fonts and typography is space.
In Google Fonts, you can select categories and styles.

Activities

  • Design/Graphic Activity
    Select 3 typefaces from Adobe or Google Fonts (One Serif / One Sans Serif / One Script (or Handwriting) Download them and install them, then.
    • Go to InDesign and create an 11×17 page (default settings ok)
    • Create a text Box and write in the name of your three typefaces
    • Highlight the text and Increase the pt size to 30 pts
    • With text still highlighted, apply the actual typeface to each of the names

To-Do for Next Class
Deadlines are for work to be upload by 11:30PM day before class

  1. Complete Activity started in class, and
    upload into the media library a jpg of your page
    named “Lastname First name Typeface_google”
  2. Talk Activity – Found Alphabet
  3. Type-Book-1
    Print out and trace the below PDF
    Upload an image into the Media libray pay attention make file 72.dpi
    Name Images “Lastname First name Typebook 1a”
• Type-Book-1a-Style-trace-1-1Download

How to create an image for web usage

https://helpx.adobe.com/photoshop-elements/using/optimizing-images-jpeg-format.html

Optimize a JPEG
JPEG is the standard format for compressing photographs.

  • Open an image and choose File > Save For Web.
  • Choose JPEG from the optimization format menu.
  • Specify the compression level:Choose quality option medium from the pop‑up menu under the optimization format menu. The higher the Quality setting, the more detail is preserved in the optimized image, but the larger the file size.
  • View the optimized image at several quality settings to determine the best balance between quality and file size.
  • Select Progressive to display the image progressively in a web browser; that is, to display it first at a low resolution, and then at progressively higher resolutions as downloading proceeds.
  • To save your optimized image, click OK. In the Save Optimized As dialog box, type a filename, and click Save.

From your mobile device

“Image Size” app Google Play
https://play.google.com/store/apps/details?id=de.vsmedia.imagesize&hl=en_US

“Image Size” IOS App Storr

https://apps.apple.com/us/app/image-size/id670766542

How to add images to OpenLab

Resize Images in OpenLab


Most digital cameras and  phones are likely to be set to take images that are vastly larger than a user of a computer screen is likely to need

https://openlab.citytech.cuny.edu/openroad/image-resizing/

https://openlab.citytech.cuny.edu/blog/help/adding-images-other-media-block-editor/
https://openlab.citytech.cuny.edu/blog/help/adding-an-image-gallery/

Assignments are always due the day before next class by 11:30pm, and must be posted to OpenLab or uploaded as instructed

Class 02

Leave a reply

Class Info

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

Topic

The written language and origin of  letterforms

Objectives

  • Learn about visual communication and the origin of written communication and the alphabet.
    • WRITING 
      • Cave Paintings 
      • Pictographs 
      • Ideographs
      • Cuneiform Writing
      • Hieroglyphs 
      • Calligraphy
      • Chinese Calligraphy
      • Invention of Paper
      • Invention of Wooden characters in printing
      • others
    •  Origin of the Latin ALPHABET and others
      • Phoenicians 
      • Greek
      • Roman or Latin

Activities

To-Do for Next Class
Deadlines are for work to be upload by 11:30PM day before class

Finish Type Challenge – Typeface Selection Studies

Create jpg “lastname Firstname Typeface Selection Studies”

To-Do by Class 4

  • Print out and trace/draw letters with pen or pencil
Type-Book-1a-Style-trace-1-1Download

Assignments are always due the day before next class by 11:30pm, and must be posted to OpenLab or uploaded as instructed

Class 01

Leave a reply

Class Info

  • Class Date: Thursday Aug. 27
  • Class Time: 8:30AM-10:00AM

To-Do Before Class

  • Check your City Tech email regarding your membership to this course OpenLab site.
  • You should be members prior to class start.
    If not search for this course in OpenLab COMD1127
    and THIS COURSE Specific Section Number OL39
  • If you have access to InDesign have it open prior to class time
  • Student Survey Form
  • Tech Check

Topic

Objectives

  • Introduce students to OpenLab and This course site.
  • Have students be able create a post, correctly categorize and name files, insert images and join online discussions
  • Provide an overview of class structure and activities
  • Briefly introduce history of typography to prepare for the next class

Activities

  • Video short- History of Typography

To-Do After Class