mag cover

promo poster

promo poster

Poster Elements

Adobe Illustrator

Show Poster 2

Show Poster

CD cover

Packaging Sample

Hoban Design Swag

Final Logo Designs

New portfolio cover

Logo Rough Draft

handlettering

Logo Writing assignment

The Starbucks logo is known worldwide as a coffee distributor. I Have traveled to many countries in my life, none of which have i failed to see the bright green woman signifying coffee and tea could be purchased. Starbucks originally had a brown logo with a two tailed siren beckoning people to come buy coffee in 1971. Over the years the logo has developed into a green sign with a woman who you can't really tell is a siren on it.

Although very different, the present day starbucks logo does have some of the same features as the original logo. The logo still has an face of a siren, with the ends of her two tails featured on either side of her. Unfortunately if you didn't already know that she was a siren, one might assume she simply had two strange arms. Despite the confusion h=behind what the logo is a picture of, the starbucks logo is well known worldwide, perhaps one of the most well known as coffee and tea. The elements that make up the starbucks logo making it so distinct are the color, green, and the woman with a crown in white. Although i was not in class for the lecture, so i don't know if the starbucks logo fits into the 5 categories, the logo is very successful and identifiable so im sure it does.

Helvetica the Movie

Portfolio Cover

Typography Portrait Project

Typography Poster

Color Writing Assignment

Color

Color can be used in endless ways to convey ideas, create emphasis, inspire feeling and more. There are three primary colors,one set of three are used in pigment(subtractive color) and another set of three are used for light(additive color). Pigment uses Red Yellow and Blue, and light uses Red Green and Blue. You can find different color combinations using the color wheel. Complimentary colors are two colors opposite each other, like red and green. The mix of two primary colors is a secondary color, and the mix of a secondary color and a primary color that is next to it on the color wheel is a tertiary color. Color can effect our perception by Putting emphasis on certain parts of an object/image, create emotions associated with a color, and convey ideas depicted in the object/image. Colors can effect each other by putting emphasis on one another, or making each other not stand out depending on how different the colors are from each other.

An example of a grayscale image:

An example of a monochrome image:

An example of complementary colors in an image:

Typography Notes

Typography

In Design

“fonts are the clothing thst our ideas wear”

Legibility: Choose for classical time-tested typefaces

Serif

has little tails on end of letters

use for small, lots of info

ex. times new roman

Sans Serif

No tails

Use for big bold info

ex. helvetica

Font Varience

dont use too many,it will confuse the reader

use for emphasis or make things important//not important

try for 2 complimentary fonts (one serif one sans serif)

Definition

fonts that are too similar cause ambiguity

Use complimentary to emphisise

Readablility

use both upper an lower case letters for optimum clarity

using all caps is hard to read

Alignment

left alignment reads easiest

consider eye flow

start w left and go from there

Emphasis

use these tools w discretion and w/o disterbing eye flow:

• italics

• bold
• size
• color
• typestyle change

Integrity

avoid distorting text

Weight

strive for a sense of balance

Kern your Type!

space between letters is very important

Tracking

Kerns your letters by tracling them to be more or less tight

overall space!

Large text blocks

rags

we want even rags

want them to be even

Illustration with type

fill in: make high contrast with threshhold ban w, use a few letters and do option drag to fill in dark areas

envelope mesh/ distort

3d effect type block

Elements of Design

Color Wheel

Color Theory Notes

Design: Color Theory

• Color Theory
  • Three stages
    • primary, secondary and tertiary
• ROYGBIV
  • visible colors
• Primary colors
  • Pigment generated colors derived from red, yellow and blue (dark)
  • Light generated colors are derived from red, green and blue (light)
• Dark color recedes, light color advances
• Color Mixing
  • RGB (red green blue light generated model)
  • RGY (red green yellow pigment generated model)
  • CMYK (cyan magenta yellow black print process model)
• Color Modes
  • Monochrome (tints, shades and tones of a single hue)
  • Grey Scale (black and white only)
  • Web Safe RGB (Hexadecimal compatible)
• Color Modification
  • Tints (add white to a pure hue)
  • Shades (add black to a pure hue)
  • Tones (add grey to a pure hue)
• Color Harmony
  • Complementary (opposites)
  • Split Complementary (opposites + 1 two colors over)
  • Analogous (colors next to each other on color wheel)
  • Triad (triangle in color wheel)
  • Tetradic (rectangle in color wheel)
  • Quadrilateral (square in color wheel)
• Color Palettes
  • Different color palettes can invoke mood, location, emotion
• Color Properties
  • Cool, warm, bright, dark, saturated, desaturated
• Color Intensity
  • Changes in relation to its surrounding color
• Color Associations
  • These types of color associations are universal to all people
• Cultural and Psychological Color Associations
  • These color associations are generated from cultural and contemporary sources and may not be universally recognizable
• Why Color Matters
  • 73% of purchasing decisions are now made in-store
  • Catching the shopper’s eye and conveying info effectively are critical to successful sales
  • Color increases brand recognition by up to 80%
• Color Affects
  • Appetite
    • Blue is a rare occurrence in nature
    • We have no appetite response to blue food
  • The Mind
    • Pink is a tranquilizing color that drains your energy
    • Used in prisons, holding cells, opposing team locker rooms

Color Swatch

File Format Exercise

Graphic Design Notes

What is Graphic Design

• Design elements are the basic units of a visual image
• The principles of design govern the relationships of the elements used and organize the composition as a whole
• All imagery, art, design, and photography are alike, comprised of elements that can be broken down and analyzed

Design Elements

• Space 
  • Exists in 2 or 3 dimensions
  • Can refer to positive or negative space
  • foreground, midground, and background
• Line
  • Can vary in thickness, texture, and direction
• Color
  • Various pallets
• Texture
  • Implied and real
• Shape
  • Organic and inorganic
  • Geometric, natural, and abstract
• Value
  • Light and dark
  • Used to give depth
• Balance
  • Work must have a balanced “weight”
  • Not necessarily symmetrical

Design Principles

• Unity
  • Creates a sense of order
• Variety
  • Repetition with slight differences
• Repetition
  • Repeated elements
• Harmony
  • Use of elements to balanced, good feeling
• Proximity
  • Can create a sense of unity or a lack of unity
• Proportion
  • How we perceive threat/emphasis
• Functionality
  • Must have a purpose
• Emphasis
  • Creates focus and conveys purpose

Juxtaposition collage

Graphic File Notes

Graphic File Formats

Create and evaluate multiple file formats for quality/file size

File formats:

• • All computer docs are in different file formats
• • Format is determined often by the files origin, like photoshop
• • Graphic files such as a photo, vid, or artwork can be reduced in file size by using image compression formats

Lossy vs lossless

• • Graphic image formats are in 2 catagories of compression, lossy or lossless
• • Lossy= image data “lost” or reduce for smaller file sizes and can cause poor image quality. Shows “compression artifacts”
• • Lossless retains image data for higher quality, but larger file size   

Graphic formats:

• • Tif, jpg and gif are the 3 most common formats for common activities such as printin, scanning, and internet
• • PNG is a common web format, high quality 
• • Each format has its own advantages and disadvantages

TIF:

• • Tagged Image Format
• • Common format for desktop publishing, print photo and graphic design
• • Is a lossless file format. It retains image data for maximum image quality
• • Can result in large files

JPG:

• • Joint Photographers Expert Group
• • Created for digital photography and works best for photos
• • Is Lossy
• • Can reduce image file size by 10: without showing significant compression artifacts
• • Level of compression is adjustable

GIF:

• • Graphics Interchange Format
• • Best for graphics or images, flat color and even tones
• • Is ajustible for changing color bit levels from 1 to 8
• • Contains no dpi (dots per inch) data for printing
• • WORST FOR PRINTING

Know your pixels

• • TIF and JPG are best for images that have blend in color, “contiguous pixels”
• • Gif is best for images with flat even tone, “non-contiguous”

SAEDA album cover

Place and Trace Project

GRUMPY CAT COFFEE LOGO

Anti-Litter Poster

High mountain tea house design

pixel art

car project

The Phylosophers CD cover

FOXHALL poster