Color Notes
Save the Template Image
Long press on the template photo on the right
Click "Save in Photos"
Start a New File Fresco
Open Adobe Fresco.
Start a new document: tap "+ Create new"
Tap the "Print" tab
Tap "Tabloid"
Add Template to Fresco
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.
