︎
︎Back to Design 1
CUNY Queens︎ (ARTS241) Design 1

Crystal Goblet Project Tutorials


Introduction

This will cover everything that you need in order to do the Crystal Goblet Project. If you are currently in a type class you should know some of this already but being refreshed may be helpful. A couple of them are long in the interest of thoroughness, I recommend watching them at above normal speed (1.25x or 1.50x for example). This basically walks you through everything you’d need to do, you’d just have to apply your own style based on your feelings about the essay itself.

Please pardon me saying “okay...uh...so!” a bunch. You can also watch all the videos in a play list if that is helpful for you. 

Starting


This video covers:
  • Selecting the right text to source (for this project)
  • Creating a new document
  • Adding the text and “sanitizing” it for our design

Page numbers


This video covers:
  • What is a Master Page?
  • Adding page numbers
  • The “meaning”/implication behind placement of page numbers
  • How to start a new section
  • How to apply/remove Master Pages
  • How to set up the current and next page number on the same page
  • Link to Grid Systems by Josef Muller-Brockmann︎

Style


This video covers:
  • Additional text sanitizing (quotes, dashes)
  • Using proper quote marks & apostrophes and why
  • Using proper dashes and why
  • Using the Glyphs Panel to select specific characters
  • Choosing and consdering fonts in relation to our concept for the design of the piece
  • Applying & adjusting Character Styles
  • Applying & adjusting Paragraph Styles

Typesetting: Justified Text


This video covers:
  • How to identify rivers
  • Identifying & fixing orphans and widows
  • How to adjust justification settings

Typesetting: Ragged Text


This video covers:
  • Identifying good vs. bad rags, and why they are considered so.
  • Using word spacing vs. tracking to adjust rags
  • (Windows) ALT + CTRL + | to add word spacing
  • (Windows) ALT + CTRL + Backspace to remove word spacing
  • (Mac) OPT + CMD + | to add word spacing 
  • (Mac) OPT + CMD + Backspace to reduce word spacing

Images


This video covers:
  • A brief note on project file organization
  • A brief note on sourcing images
  • Placing images into an inDesign file
  • Cropping and resizing images
  • Adding borders to images


This video is a little bonus video that shows you how to do bitmapping in Photoshop. This is partially an aesthetic choice and partly to prepare images if we wanted to print it with a risograph, which is not currently possibly, at least on campus.

Typographic situations


This video covers:
  • Adding running titles onto a Master Page
  • Considering spacing as a function 
  • Adding call-outs/pull-quotes
  • Considering line breaks in centered text
  • Adding captions
  • Considering text size and styling for captions
  • A note on adding footnotes

Designing a cover


This video covers:
  • Considerations for a cover
    (making the cover reflect the style of the document)
  • Designing a cover around an image
  • Designing an all text cover page 
  • Considering leading and optical alignment with large display text.
  • A simple “geometric” non-representational cover

Exporting your .PDF


This video covers:
  • My final design after adjusting things
  • Why our document should be a multiple of four pages
  • A good example from a previous class
  • A self evaluation of why this example would do well for this assignment
  • Navigating the export dialogue in inDesign
  • Making sure to change the “spreads” vs “pages” option

︎Back to Design 1