Where would we be without the world’s alphabets? Writing has played a vital role in the expansion and domination of cultures throughout history. But researchers are only now uncovering the origin story to our own alphabet, which may have gotten its beginnings in a turquoise mine 4,000 years ago. From the shape of the letter A to the role of writing in trade and storytelling, discover how the written word shaped civilization itself.
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
Optimize a JPEg. A 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.
Login using your City Tech AD credentials to gain access to the site
Select “Download MAC 32/64-bit GlobalProtect.pkg agent
Go to the “Downloads” folder and select “GlobalProtect.pkg” and install the application
At the Introduction page click Continue
Ensure that GlobalProtect is selected on the Custom Install Macintosh HD page then click Continue
Enter the password if prompted to proceed with the installation
Once complete, GlobalProtect opens to setup connection details page
Enter (gpnet.citytech.cuny.edu) for the Portal
Enter your City Tech AD credentials (City tech email)
Click Connect
Status should now show Connected
You have now successfully connected and created a secure connection to your campus networkMinimize the window and continue to connect to a campus computer
After installation, to access GlobalProtect, go to the top-right menu and select “Global Protect” Click to “Connect or Click to “Disconnect”
Remote Desktop Lab Computer labs
ON MAC OS Firefox might not work use Chrome or Safari
2. Add a footer to bottom left of your page from last week
text First name last name Type book
3. we will add a folio ( page number) in text box bottom right
Create new text box box
top menu.type>Insert Special Character>Marker> Current Page Number
This will automatically add page number to any document
4. select your page icon in pages window, drag it up to master page window
This creates a new master page.
Try it out drag it back down in pages to see what happens
Create New Master pages
1: Double Click On The Master Page To Activate It. Now that you’ve selected your master pages, you can adjust and create grid vertical columns by going to your menu and selecting (Layout > Margins and Columns).
2 Now that you have your vertical columns set, it’s time to create your horizontal modules for your grid. Add horizontal guides to create a modular grid by going back to menu select (Layout > Create Guides).
3 Insert new pages into your document with your new master pages. Select master page icons for pages menu and drag them in pages layout window
4 Export you document as a PDF select the “Visible Guides and Grids” option to show your grid in PDF name it “lastname first name _grid _master .pdf
Classifications of type you will need to become familiar with for this class.
The typographic form has evolved and in order to effectively analyze this typographic evolution, the design of type characters over the last five and a half centuries is most often broken down into classifications of common visual Characteristics, called families of type: Old Style (15th-17th century) Example Typefaces: Bembo • Garamond • Caslon • Jenson Transitional (Neoclassical) (mid 18th century) Example Typefaces: Baskerville • Cheltenham • Bookman • Romain du Roi Modern (Didon) (late 18th century) Example Typefaces:: Bodoni • Didot • ITC Fenice Slab Serif (Egyptian) (19th century) Example Typefaces: Clarendon • Memphis • Rockwell • Century Sans Serif (19th-20th century) Example Typefaces: Futura • Helvetica • Universe • Akzidenz Grotesk • Frutiger Cursive Example Typefaces: Bickham • Edwardian Script ITC • Choc • Brush Script Display (19th-20th century) Example Typefaces: Leafy Glade • Plexifont • Chausson • Phosphate
Old Style (15th-17th century) Example Typefaces: Bembo • Garamond • Caslon • Jenson Oldstyle Characteristics • Designed in a time when inks and paper were coarse and type technology was still rather rough • Relatively thick strokes and heavily bracketed or curved serifs • Emulated classical calligraphy • Minimal variation of thick and thin strokes • Small, coarse serifs, often with slightly concave bases • Small x-heights. • In the round strokes, the stress is diagonal, or oblique, as their designs mimic the hand-held angle of the pen nibs of the scribes. • Tops of lowercase ascenders often exceed the height of the capital characters. • Numerals, called old style figures, vary in size and have ascenders and descenders.
Transitional (Neoclassical) (mid 18th century) The typefaces of this period represent the initial departure from centuries of Old Style tradition and immediately predate the Modern period. Example Typefaces: Baskerville • Caslon • Cheltenham • Bookman • Romain du Roi Transitional Characteristics • Designed in a time when inks and paper were considerably smoother and type technology was refined • Strokes and the serifs are more sculpted • Sharper serifs and more vertical axis • Greater contrast between thick and thin stokes. • Wider, gracefully bracketed serifs with flat bases. • Larger x-height • Vertical stress in rounded strokes • The height of capitals matches that of ascenders. • Numerals are cap-height and consistent in size.
Modern (Didon) (late 18th century) Example Typefaces:: Bodoni • Didot • ITC Fenice Modern Characteristics • Designed in a time when printing technology was refined by leaps and bounds • Extreme contrast between stokes and hairlines • Brackets virtually eliminated • Hairline serifs without bracketing • Small x-height • Vertical stress in rounded strokes
Slab Serif (Egyptian) (19th century) Example Typefaces: Clarendon • Memphis • Rockwell • Century Slab Serif Characteristics • Type design, freed from technical constraints, became eclectic • Very little contrast between thin and thick strokes • Heavy serifs with squared-off ends • Large x-heights. • Vertical stress in rounded strokes
Sans Serif (19th-20th century) Example Typefaces: Futura • Helvetica • Universe • Akzidenz Grotesk • Frutiger The families of type represent more than 500 years of development and each family displays distinct visual Characteristics. These Characteristics are basic to visual communication with type. Sans Serif Characteristics • Little or no variation between thick and thin strokes • Lack of serifs • Larger x-height • No stress in rounded strokes\
Cursive Example Typefaces: Bickham • Edwardian Script ITC • Choc • Brush Script Also known as script, among other name, is any style where some characters are written joined together in a flowing manner in contrast to block letters.
Cursive Characteristics • Formal cursive is generally joined, but casual cursive is a combination of joins and pen lifts. Can be further divided as “looped”, “italic” or “connected”.
Display (19th-20th century) Example Typefaces: Leafy Glade • Plexifont • Chausson • Phosphate The families of type are intended for use at large sizes for headings, logotypes, posters, headings on websites, magazines, or book covers rather than for extended passages of body text
Display Characteristics • Often have more eccentric and variable designs. • May take inspiration from handpainted signs, calligraphy., ornamented, exotic, abstracted. • • Can be a serif font, slab serif, script, sans serif, etc.
The OpenLab is City Tech’s open online community. Students, faculty, and staff can sign up using a City Tech email address. Students use the OpenLab for working in courses and projects, student clubs, and portfolios.
In the WordPress Dashboard, click on the tab Posts > Add New to create a new post
Add a title in the title box at the top.
Add an image (Add > Media) or formatted written content using the Post Editor.
Add the relevant Category (choose from the existing list).
Click Save Draft for later or click Publish to publish immediately.
How to create an image for web usage
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
Optimize a JPEg. A 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.
The OpenLab is City Tech’s open online community. Students, faculty, and staff can sign up using a City Tech email address. Students use the OpenLab for working in courses and projects, student clubs, and portfolios.
Term-active CUNY students can now download Adobe Creative Cloud applications to their personal devices. Students can go to https://creativecloud.adobe.com and use their CUNY Login username to authenticate and select which Adobe Creative Cloud applications to install.
The student instructions on Accessing Adobe Creative Cloud are available online and will be available from the IT Resources for Remote Work & Teaching page.
Remote Desktop Client on all of the COMD Computers on campus https://openlab.citytech.cuny.edu/comd1127-type-media-ol39-f20/2020/08/26/remote-login-to-comd-c0mpters/
Remote login to utilize department onsite computers as a remote workspace, will have Creative Suite this link
 They require a special user login ID
For students who own a computer, Chromebook, or otherwise but no Adobe and need the apps.
Remote login into classroom computers 24/7 and use them. Â
Students MUST MUST save all work on a cloud solution, Microsoft One Drive (1TB per student), Google Drive, or DropBox. Â
Student must NEVER NEVER shut down the computer, only log out.
To access Microsoft Office 365 (using City Tech email), for online access to the Microsoft Office Suite and other applications: https://login.microsoftonline.com.
Note: Email login (ending with @mail.citytech.cuny.edu) is different from CUNY login (ending with @login.cuny.edu)
Blackboard
Blackboard is the CUNY-provided Learning Management System. You access Blackboard by logging in via CUNYfirst.
Students who participate in this class with their camera on or use a profile image are agreeing to have their video or image recorded solely for the purpose of creating a record for students enrolled in the class to refer to, including those enrolled students who are unable to attend live. If you are unwilling to consent to have your profile or video image recorded, be sure to keep your camera off and do not use a profile image. Likewise, students who un-mute during class and participate orally are agreeing to have their voices recorded. If you are not willing to consent to have your voice recorded during class, you will need to keep your mute button activated and communicate exclusively using the “chat” feature, which allows students to type questions and comments live.
Kern Type https://type.method.ac/ A game to achieve readable text by kerning. Move the letters, score depends on how close you are to a typographer’s solution. Shape Type https://shape.method.ac/
Where would we be without the world’s alphabets? Writing has played a vital role in the expansion and domination of cultures throughout history. But researchers are only now uncovering the origin story to our own alphabet, which may have gotten its beginnings in a turquoise mine 4,000 years ago. From the shape of the letter A to the role of writing in trade and storytelling, discover how the written word shaped civilization itself.
A to Z: How Writing Changed the World
Discover how writing—and eventually printing—revolutionized the spread of information.
The Elements of Typographic Style: Version 4.0:
20th Anniversary Edition 4 Anv Edition
by Robert Bringhurst
Hartley and Marks Publishers; (2013)
ISBN-10: 0881792128   •  ISBN-13: 978-0881792126
Rob Carter, Philip B. Meggs, Ben Day, Sandra Maxa,
Mark Sanders  2014 • ISBN: 978-1-118-71576-5
Stop Stealing Sheep & Find Out How Type Works →
Erik Spiekermann
Meggs’ History of Graphic Design
Meggs, Philip B.; Purvis, Alston W.  John Wiley & Sons, Incorporated  2016ISBN: 9781118772058, 9781119136200
Use your library ID number as your barcode. Unless you previously changed it, your password is also your library barcode.
If you have problems logging in, please visit the circulation desk or call 718-260-5470.
Making and Breaking the Grid: A Graphic Design Layout Workshop Paperback by Timothy Samara Rockport Publishers
ISBN-10: 1592531253 • ISBN-13: 978-1592531257
Stop Stealing Sheep & Find Out How Type Works
Erik Spiekermann
ISBN-13: 978-0201703399 • ISBN-10: 0201703394
 Trademarks & Symbols
Volume 1: Alphabetical Designs by Yasaburo Kuwayama
ISBN-10: 0442245637 • ISBN-13: 978-0442245634
Trade Marks & Symbols
Vol. 2: Symbolical Designs by Yasaburo Kuwayama
ISBN: 9780442245634
 Used Book Sites
https://www.thriftbooks.com/
http://www.valorebooks.com/
https://www.alibris.com/
http://www.strandbooks.com/
https://www.abebooks.com/
Online Publications
IADDB Digitized issues of historic design publications
https://iaddb.org/magazines-journals
https://magazines.iaddb.org/periodicals
Ver Sacrum 1898-1903 All Issues (120)
https://www.belvedere.at/bel_de/forschung/bibliothek
Wendingen (Dutch: Inversion or Upheaval) architecture art magazine from 1918 to 1932
https://magazines.iaddb.org/periodicals/WEN
https://magazines.iaddb.org/periodicals/WE
Champ Fleury by Geoffry Tory
https://ia800500.us.archive.org/15/items/champfleuryauque00tory/champfleuryauque00tory.pdf
The Morgan Library & Museum Gutenberg Bible
https://www.themorgan.org/collections/works/gutenberg/page/2
The Book of Kells
https://digitalcollections.tcd.ie/home/index.php?DRIS_ID=MS58_003v
NEUE GRAFIK-NEW GRAPHIC DESIGN-
GRAPHISME ACTUEL
http://tariqdesign.blogspot.com/2017/11/new-graphic-design-july-1959.html
Harper’s Bazaar; New York Public Library 1867- present
https://search-proquest-com.i.ezproxy.nypl.org/harpersbazaar/publication/2035995/citation?accountid=35635
Cover Junkie: Harper’s Bazaar covers (old and new)
https://coverjunkie.com/magazines/harpers-bazaar/#harpers-bazaar+p:4
Thoughts on Design Paul Rand
https://login.libproxy.newschool.edu/login?url=https://ebookcentral.proquest.com/lib/newschool/detail.action?docID=5194934
A Designers Art Paul Rand
https://monoskop.org/images/3/35/Rand_Paul_A_Designers_Art.pdf
Words on Design Paul Rand- Steven Heller
https://www.hellerbooks.com/pdfs/catalogs_rand_designers_words.pdf
