Logo Designs

Mag Design

Portfolio cover

Package Design

Poster project

Typeface project

Typography

Design Typography Notes

• Serif vs Sans Serif
• Don't use too many fonts, only use two complementary fonts
• Definition is important
• ALL CAPS IS LIKE SHOUTING
• Alignment is important, it helps eye flow 

Use Italics, Size, Color, Typestyle Change, or Bold with discretion

Keep the integrity of your text

Is you font heavy, or light?

The Mac is not a typewriter, Kerning keeps the distance between each letter exactly equal.
Kerning makes the letters form in a visually pleasing way.

Tracking increases or decreases the distance between letters.

Rag is a term to describe how to end of your paragraphs look

You can create lines and fill them with blocks of letters

Sugar Skull

Color assignment Part A,B and C

What are the 3 primary colors? 

Red, Blue, Yellow.

How are secondary colors created? Cite an example 

They are made by mixing two primary colors. Ex. red and blue make purple.

How are tertiary colors created? Cite an example 

They are made by mixing one primary color, and two of another primary color. Ex. red, blue, and blue = blue purple.

What is the difference between subtractive and additive color models? 

Subtractive represents mixing color with paint, while additive represents mixing light.

How can color affect our perception? 

They can make other colors look different or pop out more.

How does one color affect another? 

They can affect the intensities of each other, and make the pigments look different.

Find an example or show an example of a greyscale image. 

Find an example or show an example of a monotone image.

Find an example or show an example of an image that uses complimentary color.

Color Theory

Color Wheels

Light Wave Lengths

Primary Colors

The most basic form of color in each wheel. These make up all other colors. 

Red Orange and Yellow are warm

Blue Green and Purple are cool

CMYK is used for printing

Monochrome uses one color with different tints and shades and tones of that color

Grey Scale only uses black and white

Web Safe RGB

Color Modification

Tints add white to a pure color

Shades add black to a pure color

Tones add gray to a pure color

Complementary colors

Opposite colors that next to each other, they both pop more.

Split Comp: Jump across and two to the left

Analogous: Colors next to each other

Triad:Triangle color formula

Tetradic Harmony: Rectangle

Quad Harmony: Square

Color Props: Cool, Warm, Bright, Dark, (de)saturated

Color intensity: The color changes its vividness depending on its surroundings

Color associations are usually just cultural 

Color increases brand recognition

Blue is not a satisfying color for food

Pink is a draining color

Ect.

Gif challege

My anaconda don't :P

Gifs part B

First Animation, Gif part A

Goku ice cream man

Pokeball Gif

Saving Format Project

Graphic File Formats

    Understanding Format, Choice Image, and Compression.              

• Compression: Makes something a smaller file size, but the quality is worse.  

File format

• All computer documents, or files, are packaged in different formats
• The format is determined often by the files origin, such as a software program like Photoshop, or a device such as digital camera
• Compression throws away "unneeded" data

• Lossy vs Lossless
• Lossy: extra data is moved into the trash, much much smaller file size. Very low quality.
• Lossless: throws away a little data, but retains more quality  
• lossless: Tiff
• lossy: Mp4, GIF

Lossy                             Lossless

Graphic Formats

• TIF(Tagged Image Format), JPG(Joint Photographic Group), and GIF(Graphic Interchange Format) are the 3 most common formats for common activities.
• PNG is a common web format, is high quality and can contain an alpha (transparency) channel

TIF

• Common format for desktop publishing, print, photo and graphic design
• Reatians max quality
• Larger files, not internet friendly 

JPG

• Created for digital photography and works best for photo content
• Is lossy
• Can reduce file size for 10:1 without showing significant compression artifacts
• Adjustable compression
• Not animatable, No alpha channels

GIF

• Gif is good for Cartoons/ Graphics
• Best internet friendly, for flat colors
• Reduces size by "indexing" color from 3 channels 1
• Is adjustable by changing color bit levels from 1 to 8
• Contains no DPI (Dots Per Inch) data for printing. Not proper format for print.
• They can be animated, they have frames. 

Know your pixels

• Tif and Jpg are best for images with pixels that blend in color, these are called "contagious pixels"
• Gif is best for images with flat even tone, or "noncontiguous pixels"

Aliased = jagged

Anti-Aliased = Smoothed out. It tries to blend colors.