Rick Redznak | D038 | Fall 24

Author: rick redznak (Page 3 of 5)

Class 5 – FALL 24

Class Info

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

Topics

  • Vendor Poster Design– EDIT. We all need to edit our posters.
    • Be reflective: What is working? What is not working?
      • Following a grid?
      • You are limiting the use of typefaces to two?
      • Is visual hierarchy clearly established?
      • Is type size appropriate?
      • Is there contrast between foreground and background?
      • Alignment is organized or does it seem scattered?
      • Is anything out of proportion?
      • Are images credited? and can be used?
  • Motion (First talk about typography and motion)


DO NOT DO– WILL DO NEXT CLASS
Participation activity> During Class

After Effects: First Looks at type in motion

1. After Effects Basics TRANSFORM tools

New Composition in After Effects: 1080 x 1080 pixels. Enter: Duration 0;00;05;00 (this is 5 seconds). Add a background color.
Go to LAYER>NEW>TEXT> Add a word
again
Go to LAYER>NEW>TEXT> Add a second word
Make sure that you have two layers

I have to layers (COMD3505 and TUESDAY. Select Typeface, size, variable such as weight or posture)

NOTE: THE ANCHOR POINT determines where things move from. By default it is placed lower left of the layer.

If you need to move your anchor point to the center. Click on the layer hold command and double click on the pan behind icon

Select one of your layers and open Transform> This will show you the basic TRANSFORM tools of After Effects.
Move the time indicator on the timeline. Hit the Stopwatch to create a keyframe for Scale and Opacity. This is showing that on the 7th second of the animation. COMD3505 will be at 100% size and 100% opacity
Move the time indicator back. make changes to Scale and Opacity. This is showing that on second .5– COMD3505 will be at 0% size and 0% opacity.

Due next class

Menu Design:
We will now design a MENU for Shake station. You choose the size. Make sure it’s easy to read and branded. Print out for next class.


Use your logo, colors and fonts from style guide.
Full color ok
Image or vector illustatons

Edits to one VENDOR poster— Hand in to me printed. This is the one I will grade

YES DUE: Due next class

Edits to one posters— This is the one I will grade

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

lastname_name_poster_final.jpg

and

Series of Banners

Take ONE screen shot of your banners side by side (with no guides please)

lastname_banners1.jpg

Place in Dropbox
DROPBOX COMD3527 Spring 24

______________________________

FYI Grading Rubric Posters

Schedule/ Items must be completed and Placed in Dropbox -5 for each missed step (late or not done)

Naming Convention and format
(-5 each)
Aesthetics / Typography / others   From -0 to -25  Edited Posters

No edited version  -10  

FYI Grading Rubric Banners

Schedule/ Items must be completed and Placed in Dropbox -5 for each missed step (late or not done)

Naming Convention and format
(-5 each)
Aesthetics / Typography / others   From -0 to -25  Edited Banners

No edited version  -10  

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 3 – Spring 2024

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?

This image has an empty alt attribute; its file name is Screen-Shot-2024-02-08-at-10.27.56-AM-515x1024.png
Create a 3 x 3 inches document in Illustrator > 6 artboards
Your document should look like this
Place your final selected version from assignment on first artboard
Start editing and making changes. Sometimes these are subtle, and sometimes they are not. Here is where you are going to pay extreme close attention to DETAIL.
Here is another version

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.
example

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 2 – Spring 2024

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

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

Intertwine


SHAPES – ROUNDED CORNERS – PATHFINDER

How to WARP> USE WITH CAUTION

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
« Older posts Newer posts »