Color Notes

Tap the photo icon and tap "Photos"
Choose the template image.
If needed, to fill the page, drag the corners to fill the page. Do not drag the sides.
Click "Done"

Rename

Tap the "Untitled..." at the top of the screen
Tap the "Untitled..." again
Rename to "Last Name, Color Notes"
Tap "Save"

Complete the Template

Listen to the presentation and complete the template notes.

Save as a JPG

Tap the share icon at the top
Tap "Publish & Export"
Tap "Export as"
Choose "JPG"
Tap "Export"
Tap "Google Drive"

Add Jpg to New Folder in Portfolio

Go into the "Folder" area and tap "My Drive"
Tap your "Graphic Design Folder"
Tap the "+" folder icon to make a new folder
Title the new folder "2 - Careers" and tap "Create"
Tap the "+" folder icon to make a new folder again.
Title the new folder "Formatives" and tap "Create"
Tap "Save here" in the bottom right
Tap "UPLOAD" in the top right

Submit Graphic Design Link to Canvas

Copy Link

Go to the drive.google.com on Safari
Navigate to your "Graphic Design" folder and click the "..." to the right
Tap "Get link"
Tap "Copy link"

Submit to Canvas

Go to the Canvas app and find the assignment
Click "Submit Assignment"
Tap the Website URL area twice and tap "Paste"
Click "Submit Assignment"

Absent?

Review below:

Color Wheel

This is the standard color wheel that you have probably seen since kindergarten.
It is considered a paint/pigment color wheel.
It helps artists know how to mix pigments to create other colors.

3 Properties of Color (HSV or HSB)

Hue: where on the color wheel/spectrum (degree)
Saturation: how much color (0-100%)
Value (or Brightness): how light/dark (0-100%)

Color Pickers

The hue is usually represented by a spectrum or wheel. It is the color option.
Value is on the left side of the box, with black at the bottom and white at the top.
Saturation is left-right on the box, with no saturation on the left and full saturation on the right.

How to Choose Colors

Complementary Colors

Complementary colors are across from each other on the color wheel.

Analogous & Warm/Cool Colors

Analogous colors: next to each other on the color wheel (ex: orange, orange-yellow, yellow)
Warm colors: red, orange, yellow (and everything in between
Cool colors: purple, blue, green (and everything in between)

Avoid Vibrating Colors

Placing bright colors on top of each other can sometimes cause an afterimage effect.
Avoid this
Harder for people to view

How to Identify Colors

PMS (Pantone Matching System):

Used by larger scale print shops. The company, Pantone, created color reference books that printers and designers could reference to make sure they are talking about the same color.

CMYK (Cyan, Magenta, Yellow, Key)

Used by most injet and laser printers to create color on paper.

RGB (Red, Green, Blue)

Used by computers to create color on computers.

HEX #

The code numbers (ex: #000000) for each RGB color. Used by websites, etc.

RGB to HEX

Each color's RGB values go from 0-255, so for example red is "255, 0, 0"
HEX #s is a numbering system that is base 16.
In HEX, 00=0, FF=255
In HEX numbers, the first 2 numbers are the R (red) value, the next 2 numbers are the G (green) value, and the last 2 numbers are the B (blue) value.

Branding

Having specific RGB/CMYK values is crucial for maintaining a brand's identity and ensuring consistency across all media channels.

Specific RGB/CMYK values help to create a consistent look and feel for a brand, making it easier for customers to recognize and identify the brand.

Brand Example

Here is an example of McDonald's McDelivery Brand Guidelines around color.

How to set an RGB color on Fresco

Extras

The Science of Color Perception

In the text box on your Google Drawing, type something you learn while watching the video.

Color Picker

On your notes, click the link on #4
Press the spacebar to cycle through color combos. Click the lock to keep a color.
Choose 1 color combo.
Type the 2 HEX #’s in the text box on your notes

Colors in Different Cultures

In the text box on your Google Drawing, type something you learn while watching the video.

Color Vision Dificiency

In the text box on your Google Drawing, type something you learn while watching the video.

Color Contrast Checker

On your notes, click the link on #6
Type in your HEX #s from #4.
Write down the contrast score (1-21) that your color combo got.