Color Assignments [9/30/13]

• 3 primary colors: Red, Green, and Blue for RGB.
• Secondary colors are created by combining primary colors together (i.e. Red + Blue = Indigo).
• Tertiary colors are created by combining secondary colors together (i.e. Indigo + Magenta = Fuchsia).
• Subtractive color models become darker as colors are added.
• Additive color models become lighter as colors are added.
• Color palettes are used to create moods and themes to change how we perceive something.
• Colors which are adjacent to each other can pop out, blend or compliment each other based on their hue, tint, shade, or tone. Color groups such as complimentary, triad, and quadratic frequently work well together.

Greyscale Image

Monotone Image

Complementary Colored Image

Color Theory Notes [9/30/13]

Color Theory

• The 3 primary colors on computers are Red, Green, and Blue.
• Red + Blue = Indigo
• Blue + Yellow = Green
• Red + Yellow = Orange
• Visible Color Spectrum (ROYGBIV): Red Orange Yellow Green Blue Indigo Violet
• Pigment generated colors use the primary colors Red, Yellow, and Blue.
• Light generated colors use the primary colors Red, Green, and Blue.
• Pigment generated colors are mixed in a Subtractive format, the more colors you add the darker they become.
• Light generated colors are mixed in an Additive format, the more colors you add the lighter they become.
• When you mix primary colors you get secondary colors, mix secondary colors to get tertiary colors and so on.
• Colors are either described as "warm" or "cool".
• RGB or "Red, Green, Blue" is a Light Generated Model.
• RGY or "Red, Green, Yellow" is a Pigment Generated Model.
• CMYK or "Cyan, Magenta, Yellow, Black"is a Print Process Model.

Color Modes

• Monochromatic pictures only use tints, shades, and tones of a single hue.
• Greyscale pictures only use Black and White.
• Web Safe RGB are hexadecimal compatible.
• Tints are created by adding white to a color.
• Shades are created by adding black to a color.
• Adding grey to a pure hue will give you a tone.

Color Harmony

• Given a color wheel, any two colors on opposite ends of the wheel are complementary.
• Split complementary colors are colors which are nearly on the opposite sides of each other, though not exactly.
• Analogous colors are adjacent to each other, yet somewhat different.
• Taking 3 colors which are triangularly spaced from each other are triads.
• Tetradic colors and quadrilateral colors use a similar method, except tetradic uses a rectangle and quadrilateral uses a square.

Color Palletes

• Different colors palettes can invoke mood, location, and emotion.
• Interior design is heavily based on color palletes.

Color Properties

• Similar to cool and warm colors, there are other groups for light and dark colors, or saturated and desaturated colors.
• Color intensity changes in relation to its surrounding color. Colors will pop out against some colors and blend with others.
• Some types of color associations are universal, although many others are only generated from cultural and contemporary sources.
• 73% of purchasing decisions are now made in-store.
• Important for catching the shopper's eye and conveying information effectively.
• It also increasing brand recognition by up to 80%
• Blue is a rare occurrence in nature, therefore we have no appetite response to blue food.

Color Effects the Mind

• Pink is a tranquilizing color that drains your energy.
• Used in prisons, holding cells, opposing team locker rooms.

Extra icon/gif Projects [9/26/11]

Gif Creations Part 2 [9/25/13]

Challenge GIF:

 Additional GIF:

Gif Creations [9/20/13]

Happy Sun [9/18/13]

Notes - Graphic File Formats [9/18/13]

Overview

• All computer documents/files are packaged in different formats.
• The format is often determined by the file's origin, such as a software program like Photoshop.

Lossy v Lossless

• Graphic image formats fall under these 2 categories.
• With Lossy, the image data is "lost" or reduced for smaller file sizes but can cause poor image quality. Can result in showing "compression artifacts", such as pixellation or banding.
• Lossless retains image data for higher quality, but larger file sizes.

Graphic Formats

• TIF, JPG and GIF are the 3 most common formats for common activities such as printing, scanning and displaying images over the internet.
• PNG is a common web format, is high quality and can contain an alpha (transparency) channel.
• Each format has its own advantages and disadvantages.

File Format: TIF

• Stands for 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 larger file sizes, not fit for display over internet, is not browser compatible.

File Format: JPG

• Stands for Joint Photographers Expert Group.
• Created for digital photography and works best for photo content.
• Is a LOSSY format.
• Can reduce and image file size by 10:1 without showing significant compression artifacts.
• The level of compression is adjustable.
• Nonetheless, it can leave many compression artifacts.
• Better for files that contain flat colors.
• Do NOT re-compress JPG files.

File Format: GIF

• Stands for Graphics Interchange Format.
• Is best for graphics or images that have flat color or even tone such as a cartoon.
• Reduces image size by "indexing" color from 3 channels to 1
• Is adjustable by changing color bit levels from 1 to 8.
• Contains no DPI (Dots Per Inch) data for printing. Not a proper format for print.
• Can have multiple frames for animation.
• Referred to as a "cinemagraph". It creates loops of animations.

Know Your Pixels

• TIF and JPG are best for images with pixels that blend in color, these are called "contiguous pixels".
• GIF is best fir images with flat even tune, or "not contiguous pixels".
• Aliased pixels have a hard edge which is not smoothed out. "Jaggies"
• Anti-Aliased pixels are smoothed out into many different tones of a color.

Lowest to Highest Quality

  

  

Photoshop Collage [9/16/13]

no you don't understand

i can explain

Photoshop Layers Tutorial [9/11/13]

Vector Art [9/9/13]

Icon Art [9/9/13]