Author Archives: Maria Giuliani

Class 27

Class Info

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

Topic

  • Color texture poster

Objectives

Continue to develop presentation skills
Color
Poster 3 Color

Activities

Color texture placement Drop box files to place for classwork

To-Do After Class

  • Initial layout Project 3 color texture poster upload jpg

NOT DUE NEXT CLASS

  • Place all pages into one document, See PDF
    • Page 1
      Poster 11 x 17 Grid poster Pet Peeve
      Page 2
      Poster 11 x 17 Hierarchy Poster Pet Peeve/
      Page 3
      Poster 11 x 17 Color Texture Poster Pet Peeve/

    • If we get to it Page with 4 square social media posts

Please refer to PDF with how to package and combine pages from different documents in InDesign

Class 24

Class Info

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

Topic

  • Intro to project 3
  • Visual Hierarchy: Giving levels of importance to the difference elements that are part of a design.
  • Examine this PDF with Visual Hierarchy Progression. Every page uses the exact same text, but the hierarchy changes once we start applying different principles (For example a basic change in type size can make a difference in the way the viewer looks at the design)

Objectives

  • Learn about visual hierarchy and how these design principles can improve or change the way we see and read.
    • space
    • type size
    • spacial zones
    • color/reverse
    • alignment
    • added elements (lines)
    • variations in type (bold)
    • dynamic compositions (diagonals)
    • others

Activities

  • Sketch> When sketching consider the following:
    • Use type only 
    • TWO typefaces max. (but with extensive families ok)
    • Black and White
    • Follow the grid
    • Emphasize your visual hierarchy
      • Emphasize contrast with scale (something must be BIG, something must be small)
    • Must consider and apply what was previously covered in class: Type selection and variations, alignment, word and letter spacing, line height, expression, etc.
  • Look at sample below
    • Content:
      • The words: Pet Peeve
      • Definition of the word Peeve
      • Title of your Pet Peeve (different for everybody)
      • Your personal text: One to Three sentences explaining your pet peeve
This example shows sketching on the actual grid. Might be helpful to keep proportion and to think of exact grid placement of elements

To-Do After Class

  • PART 1
  • Complete sketches started during class – upload hierarchy sketches to media library as jpegs
  • Sketch. Here is a PDF with the printed grid. It will help you to determine where and how to place content. As well as to start thinking about typographical style.
  • See Example
  • PART 2
  • Refine you Grid layout upload jpg with visible grids and guides showing

Class 20

Class Info

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

Topic

To-Do After Class

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

  • 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 format below placed your finals into file.
  • export as Both JPG and one multipage PDF FPDF 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. due class 21
    • 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 10

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

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
  • 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

Class 09

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

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

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

Class 07

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

2. Type Book leading

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

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

To-Do After Class

  1. Finish Typebook 04 Upload jpg to Openlab media library

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

Class 05

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 –

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

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

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

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”

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

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

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

Class 01

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

Project 1

Overview

TYPE BOOK
Book using InDesign.

Project 1 introduces common type vocabulary: Anatomy of type, variations, arrangement and spacing, as well as the basic page composition of industry standard publication software (InDesign)

This project contains multiple assignments:

  • Create multiple page InDesign Booklet:
    • Designing a cover, anatomy of type, variations, alignment, line space, word space, type on a path.

Example of a completed book

Deliverables

Submitted via Dropbox class drive
Package your Indesign file
Upload folder of packaged’ file of your InDesign Named ‘lastname firstnname_Typebook’ into: Dropbox  
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

A folder will be created and will include: Indesign Files, PDF, Fonts and Links

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

Reference  

Class Pinterest Pages
http://pin.it/JuuDSwi
Book Design
http://pin.it/UNyJBlG
Saddle Stitch Mockups
http://pin.it/oP8pFXA
Page Layout And Grid
http://pin.it/IPT_ihg

Page Layout And Grid

Grid Golden Ration Page

Fibonacci Sequence

Page Design Layout
Page Layout/Harmony
Thinking With Type: GRID
Books on Ipad
Typography Proportion Online

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


Text Flow Import Text

Printing /Page Set Up/ Imposition

Prepress

https://helpx.adobe.com/indesign/using/preflighting-files-handoff.html
Preflight 1
Preflight 2
Basic Guide to Prepress

Package files
Preflight Prepress

Course Resources

Type Design Portals

Free Fonts

Type Management

Type Foundries

The following list is just a few of the major type foundries where you can purchase fonts, or in some cases download them for free.

Typeface Classification

Color Resources

Grid Resources

Typography Reading

Typography Games

Typeface Identification

Typography Games

Expressive Typography Publication Design

Typography Videos

Type 3 OER

Social Feeds

  • Twitter