Category: Classes (Page 2 of 2)

Class Info

• Date: Sept 10, 2024
• Meeting Info: 2:15 to 5:35
  P 114

Topic

-PICK ONE or TWO logos, begin to make it in adobe illustrator

-Selection of additional typefaces and other assets for other components of the brand

Use a idea from wells collins in making a variety of logos.

This will be a type heavy look:
Posters/Banners/Collateral/Booklet/Social Media

Lets look at some logo designers

Developing a TYPE IDENTITY

https://continostudio.com/work/yankee-doodle-dandys

https://www.verg.com.au/project_category/logo-designs

https://www.wellscollins.com

Use a idea from wells collins in making a variety of logos.

Let’s look at some case studies. These are posted in FONTS in USE

San Francisco Design Week

Cinergy Film Festival

Bien Urbain Festival

A note: careful with trends and eye candy.

During Class

Now that our logotype is almost complete, we will do edits

What needs to improve: Scale? shapes, curves, KERNING, tracking
Reconsidered? Typefaces, alignment, tints?

Start thinking about color version.

Select color(s) for your final version.

For now keep both CMYK and Hex colors
Do not use more than 2 colors for your word mark.
(One important note is that many word marks are somewhat fluid in terms of color. The color might change based on the application)

• Avoid colors that have poor contrast (for example light yellow and white)
• Avoid colors that are too similar (dark blue and dark purple)

In Illustrator, create an 11 x 8.5 document

LETS WAIT-Additionally we will decide on other typefaces for our food festival identity.
At least one must be a variable typeface.

Due next class:

Gave feedback on everyone’s logo. Work on design or simplify it your illustrations.

Label each logo and do more than 3.

1. Sequence that was started in class with 6 versions of edited logo.

Take a screenshot (with no guides please) of the artboards

lastname_name_logotype_edits.jpg

and

Lets wait on this- 2. Please also upload

lastname_first name_logo_ideas_colors_typefaces.jpg

____

Print will follow printer’s spreads, rather than logical order of reading

CLASS Last day remarks 🙂

by Prof G

NOTE:
Graphic Assignments are always due the day before class at 11:30 pm, and must be placed in class DROPBOX drive unless indicated otherwise. Assignments done or uploaded during class time on the day that they are due are marked as late.

Participation Activities are due during class and are named and posted as indicated by instructor.

Class Info

• Date: Sept 5
• Meeting Info: 2:15 to 5:35
  P 114

DROPBOX COMD3527 Spring 24

Topic

Continue Word Marks / Logotypes for Shake Station

Objectives

Lets review types of logos

The 7 types of logos (and how to use them)

Students evaluate their sketches and:

–Decide which typefaces are best to use for specific logotype

• Find appropriate typefaces, that match the look of your sketches.
• Look for typefaces that have characteristic similar to the look that you want to achieve. For example, if you are sketching with a condensed look. Find a typefaces that has condensed within its family or available variables.
• Avoid taking letters outside their intended proportions.
• Note that some display typefaces do not have lower case version, Go to Adobe Fonts. Avoid system typefaces.

–Decide which tools (Adobe Illustrator) are best to use to achieve design.

• Intertwine
• Pathfinder and Shape builder>> Letters from shapes
• Type on a path
• Warp
• others?

REVIEW & DEMO / Participation Activity

How to activate typefaces from ADOBE fonts

• Make sure that you sign-in to the same Adobe account. No download, just activating (add Family or Remove).
• Although the Adobe library is available for us to use, it is a good practice to look at Licensing.

You can use other typefaces that are not from ADOBE if you wish. Please note that it is your responsibility to download them and activate them every time that you are using a different machine. Look at licenses. Some typefaces cannot be used.

_____________________________________________________

TOOLS in Illustrator can help you create a logotype or a letter-based mark, but be careful when using typography and keep in-mind the points above.
We do not want letters to be distorted or hard to read.

Let’s create a 3 x 3 inches document with three ARTBOARDS.

RGB and 150 ppi is ok. We will only use on screen and will not be printed.

A note about MORE Settings

TYPE on PATH

Type on A PATH: INDESIGN HANDOUT

• Make a new post:
  Go to the DASHBOARD>POST>ADD NEW
  
  ADD title  “Last Name – Illustrator Tools Review”
  
  Categories
  Under the GEAR to the right of the screen GO to DOCUMENT>CATEGORIES, then check the following categories: 
  “Student Post ” and “Participation Activity”
  
  Add your image as a JPG:
  •   yourlastname_PA_feb1_Illustrator_tools1.jpg
• PUBLISH (Open lab has a little delay when posting. Avoid posting numerous times)

Start WORK during class

Move into Illustrator and start working on your actual word marks. Select actual typefaces and decide which tools to use.

then

Due next class

2 steps

1. make Three (3) versions of your logos

Sketch them to a bigger size- 5″x5″ square

Icon, abstract or mascot- make them into a pencil drawing.
2. Pick and print out a font to go with it. Color Black.

Create ONE document in Illustrator

5 x 5 inches with 8 artboards

Follow MORE SETTINGS for placement of artboards

Show your process/ sequence from sketch to final piece

• sketch
• typefaces and your tools
• versions
• final

SAVE your native Illustrator file

then

take ONE screen shot of all artboards

lastname_first_name_wordmark_process1.jpg

Place here:

DROPBOX COMD3527 Spring 24

 

Print will follow printer’s spreads, rather than logical order of reading

CLASS Last day remarks 🙂

by Prof G

NOTE:
Graphic Assignments are always due the day before class at 11:30 pm, and must be placed in class DROPBOX drive unless indicated otherwise. Assignments done or uploaded during class time on the day that they are due are marked as late.

Participation Activities are due during class and are named and posted as indicated by instructor.

FYI

Assignment Rubric

Following Schedule (per step)
Items must be completed and placed in Dropbox:

• -5 for each missed step (late or nor done)
• -1 to -4 for incomplete or wrong

• Aesthetics: All typographic/design considerations
• -0 to -25

Formatting:

• Not following requested format: -5
• Not following Naming convention -5

Due DATE:

• In BY due date & complete (-0)
• One class late: -12
  After: F grade

• Date: August 27
• Meeting Info: 
  • P114 / 2:15 to 5:35
  • DROPBOX COMD3527 Spring 24

To-Do Now

• Check your City Tech email regarding your membership to this course OpenLab site.
• You should be members prior to class start Search for COMD3527 and the Specific Section Number
• CHECK your CUNYfirst account, CITYTECH email and make sure that all is working.

Today’s Topic

• Class structure
• What is this class about?
• Design and Typography trends >> Know what is happening currently with design and typography.
  • There a few interesting sites listed under> HELP and RESOURCES>>COURSE RESOURCES for example: Fonts in use
    

__________________________________________________________________________________________

• TYPE REVIEW
  This is the third typography class of our program and it is a recommended class for students who want to pursue graphic design and advertising. At this level it is important to know and understand the following type or type related concepts:
  • use correct type terminology
  • variations and why to use them
  • variables typefaces
  • how to access typefaces
  • alignment
  • spacing (line height or leading, word spacing: tracking, kerning)
  • typographical grid
  • visual hierarchy
  • design of a multiple page publication
  • basic use of style sheets
  • type pairing
  • others
    
• Questionnaire (paper)
  

Intro to assignment / theme

Shake Station is a casual restaurant that serves mostly grilled food from burgers to chicken sandwiches. The restaurant steps into our retro-inspired diner and prepare to be transported to an era of warmth and nostalgia. Our friendly staff and inviting atmosphere create the perfect place for enjoying our delicious comfort food classics. From mouthwatering burgers cooked to perfection to indulgent classic milkshakes that will satisfy any sweet tooth, every bite at Shake Station Diner is a flavorful journey worth savoring..

We will first establish a typographical look, and will design multiple related components during the semester.

A few things to know: 

Step into Shake Station, a charming local diner located in the heart of Ellenton, FL, where owners Andy and Kalliopi bring decades of restaurant expertise to create the perfect blend of atmosphere and quality food for you and your family to enjoy. 

Here, you’re whisked away to the nostalgic 1950s, where sharing a juicy burger and creamy milkshake with your sweetheart feels like stepping into a scene from a classic movie. Immerse yourself in the era’s favorite tunes as you savor each bite. Our dedicated Shake girls and guys are ready to greet you with warm smiles and exceptional service, making you feel like part of the family from the moment you walk in. This isn’t just a restaurant—it’s an experience where memories are made and cherished for years to come.

Who comes here?

• Families, kids, adults, teens, tourists
• Great place for a date
• Nice place to hand on a friday night
  

Is this the same as Shake Shack? 
It’s family onwned and a one off. Think custom and craft.

__________________________________________________________________________________________

Participation Activity

During class. Got to the following link and comment on the blog:

WORDMARKS and the USE of TYPEFACES

__________________________________________________________________________________________

Assignment 1 SPECS: Wordmark

Shake Station

Create a word mark/logo for Shake Station

Make it feel craft, fun, unique and yummy

Once the main wordmark is designed, we might develop an alternate, such as SS.

There are multiple directions in which to start with this. Think of the overall look of the typography and feel.

Vintage / Retro
Modern / Trendy

Craft/Modern 
Mix

START your research: typefaces, look, inspiration
—-Collect your research: Pinterest, Mood Boards, Websites, photos—–

Make a mood board in indesign. 8.5 x11.

Other considerations:

• The mark must work in one color only (for now black). We will discuss color later.
• Research possible typeface (or two at the most).
• Think of weight, width, posture, case, composition
• Do not need to be literal
• May use lines or shapes, but no photos or detailed illustrations
• Words can stack

Due Next Class

Assignment:
Make your Mood Board in indesign 8.5 x11.

SKETCH  (WITH PURPOSE) at least 15 ideas (Tuesday night/ DUE before next class)
Please place ONE picture of your sketches and One pdf of Mood Board in DROPBOX

lastname_firstname_wordmark_sketches1.jpg

Print will follow printer’s spreads, rather than logical order of reading

CLASS Last day remarks 🙂

by Prof G

NOTE:
Graphic Assignments are always due the day before class at 11:30 pm, and must be placed in class DROPBOX drive unless indicated otherwise. Assignments done or uploaded during class time on the day that they are due are marked as late.

Participation Activities are due during class and are named and posted as indicated by instructor.