Art 125- Groat | Introduction to Computer Graphics
Typographic Specimen Book Page
This project enables the designer to establish a visual hierarchy in an 11×8.5 in. flyer format, while introducing one to the visual characteristics of a particular typeface. And at the same time, learn the basics of Adobe Photoshop.
Student will be able to:
- Establish and use a simple grid to organize and align elements.
- Cluster elements to create different typographic densities.
- Express the nature of the typeface through an overall patterning.
- Adjust leading and tracking.
- Compose elements through visual: emphasis, contrast, balance, repetition, alignment and flow.
- Create a simple typographical design using Adobe Photoshop
9/11 First Round Thumbnails
9/13 Second Round Thumbnails
9/13 Begin Comprehensive in Adobe Photoshop
9/20 Critique: Full Size comprehensive (digital – posted on your portfolio blog with essay)
Design adjustments made based on critique
9/27 Final Digital Printed and mounted on black foam board
- Choose a single style of font within the Old Style, Transitional, Modern, Egyptian or Sans-serif families. (No decorative or display fonts may be used)
- Google search the font to view the letter forms of the entire alphabet and all numbers.
- Enter into Adobe Photoshop the entire alphabet of the particular font you chose. Be sure to type both upper and lowercase letters, along with numbers 0-9
- Research the history of your chosen font, and copy and paste the history onto a single Photoshop layer.
- Research a well-known quote or important statement that is connected with the font, along with the designer of the font and the date it was designed. This quote may be something that you felt was important after researching the font’s history.
- Carefully study the provided/presented design examples. Remember, the actual name of the font and single letter form must be set up in your design as the main focal point in large format.
- Complete five to ten thumbnail sketches which investigate possible designs.
- Complete three more design variations based on your strongest concept.
- Create a final comprehensive within Photoshop.
- Must use only one font style within the design.
- Design must include the entire alphabet (Upper & Lowercase letter forms and digits 0-9)
- Name of the font style must be included within the design as an element. Example, if Century Gothic is used, the name Century Gothic must be included in the design.
- History of font must be included within the design as a clustered block that aligns with other important design elements.
- Important quote and name of original font designer must be included within the design, along with the date the font was designed.
- Design must be organized within a “grid” system.
- Design must include dramatic contrasts in scale, in addition to a strong relationship of positive and negative space.
- The design must be organized through carefully implementing these visual concepts: Emphasis, Balance, Alignment, Flow, Repetition and Contrast
- Various typographical densities must be used in the design.
- Letter forms may not be distorted; however the stroke (visual weight) of each letter form can be altered to vary the typographical densities.
- Design must be only black and white.
- Dimensions must be 8.5” x 11”, horizontal or vertical orientation. Piece must be printed out on glossy paper and mounted on foam core.
- Production information must be included along an edge in 8 or 9 point font size.
Production Information and Design Description
Production and design description included in very small point size along the bottom of the final comprehensive.
- Your name
- Name of design project
- Name of Software Used
Essay Posted at Top of Blog
- Write a paragraph that specifically describes how each of the concepts below have been implemented in your design.
- How is your design organized through implementing the “rule of thirds.”
Emphasis, Balance, Alignment, Flow, Repetition and Contrast
11”x8-1/2” | Media: digital | Grayscale : no color | Printed on Gloss Photo Paper
- Mounted final printed comprehensive on black foam board. 2.5 inches all around, 3 inches on the bottom.
- Thumbnails and final digital comprehensive presented on blog and in class during group critique day.
- Essay posted on your blog portfolio
Questions to ask yourself in the development of your design
- Do I have focal-point?
- Have I arranged and aligned the letter forms in a logical manner within a grid?
- How has visual flow been established?
- How have I visually balanced my design?
- What elements have been repeated?
- Is there enough negative space within the design so it doesn’t appear crowded?
- Have I varied the scale and size of elements through including small, medium and large letter forms and typographical clusters?
- Have I varied the visual weight, thickness and value of the letter forms?
- Have I varied the direction of the letter forms, in terms of horizontal, vertical and even angular?
Components of Design
Design Composed Using the Grid and Rule of Third
Demonstration on How to Create a Simple
Typographical Specimen Book Page Using Photoshop CC 2015
More Visually Dynamic Design Example
Introduction: Five Classic Typefaces
|Garamond: French||Old Style||1617|