jrn 302: introduction to graphics and visual communication - demos - color tuesday, 2-23-16
DESCRIPTION
Collage examples Blurs, masks, hue shifts But do NOT use a pixelated image (meaning you stretched something) or blur something that shouldn’t be blurred/out of focus Work with lots of layers!!TRANSCRIPT
JRN 302: Introduction to Graphics and Visual Communication- Demos- Color
Tuesday, 2-23-16
Class Objectives
Lecture SM Graphics Assignment demos
Hue shifting, blends, masks, feathering, filters Color
Homework assignment Social Media Graphics Assignment due next
Tuesday (3-1-16) You will NOT have time to work on it this Thursday, but
WILL have time to work on it the date it’s due If you turned in everything before then, you do not need
to show up to this class
Collage examples
Blurs, masks, hue shifts But do NOT use a pixelated image (meaning you stretched
something) or blur something that shouldn’t be blurred/out of focus Work with lots of layers!!
Photoshop Demo: Blurs, Masks, Blends, Feathering You have to create a collage so you’ll use
more than just your logo NOTE: Do the following while at 100% in
Photoshop!! You may want to softly blend images into
each other Blurs, smudge (on same layer) Feathering (on different layers) Masks + Gradient (on different layers)
Photoshop Demo: Hue and color shifts, filters NOTE: Do the following while at 100% in
Photoshop!! You may want to adjust the hue/color saturation
of each image (put on separate layers) In layers palette, click on the layer you want to
change Click on the FX Select Color Overlay
If you want to run a filter, you can do so on each layer
These collage skills can be used for photo illustrations in news stories Recent one
http://www.nytimes.com/2014/02/04/nyregion/hoffmans-heroin-points-to-surge-in-grim-trade.html?hp
Things you might use in this assignment = Filters Work best on a photograph Go through filter gallery However you get effect is fine
Mistakes often produce awesome-looking effects
Some good ones Brush Strokes: Crosshatch Sketch: Graphic Pen (be aware of foreground
color) Texture: Grain (or do <Filter <Noise)
The Color Wheel
• Use it to make conscious decisions about choosing color for your projects.
How to see Color Wheel (if you have your own computer)1.In both ID and PS
a. <Windows <Extensions <Adobe Color Themes.. click on the Create Tab
2.If you don’t, google “Kuler Adobe”1. Remember to log-in
(Painter’s) Primary Colors
The primary colors can not be created by mixing other colors together.
They are:• Red• Yellow • Blue
OK Go and PBShttp://www.youtube.com/watch?v=yu44JRTIxSQ
Secondary Colors
Halfway between the primaries are the secondary colors.
The wheel divides the color spectrum into 12 hues.
Complements
Uses colors that are directly opposite of each other on the wheel
This produces contrast between warm and cool colors.
Example in a house http://
www.thisoldhouse.com/toh/photos/0,,20161202_20370429,00.html
Analogous Colors (harmonious)
Composed of colors next to each other on the color wheel.
No matter the two or three you combine, they share an undertone and work well together.
Triads A set of 3 colors equidistant from each other
create a triad of pleasing colors. The primary triad is red, yellow and blue. The secondary triad is green, orange and
purple.Sp!!!
Shades and Tints
The color is called hue. Tone refers to the
particular quality of brightness or deepness of a color. Add black to hue creates a
shade. Add white to hue creates a
tint.
Warm and Cool Colors
Warm colors Have red or yellow in them Advance on the page
Cool colors Have blue in them Recede on the page
CMYK or RGB
CMYK (cyan, magenta, yellow, black) is used for most full color commercially printed projects.
RGB (red, green, blue) is used for all projects displayed on a screen or projected in some way.
RGB
Color mixture in light Additive: all added together make white Screen dependent
Used for web images (monitors), cell phone screens, laptop images… anything that is “back lit”
16.7 million colors Because of this wide range in colors, Photoshop
lets you do everything while in this color mode Most commonly seen in filters
CMYK Cyan, magenta, yellow, and black(k) Color mixture in print Subtractive: all added together make black
Due to impurities of ink, all added together really makes it muddy brown, so we add black ink
With that said… for your assignments You’re creating and keeping all images in
RGB Why? B/C we’re not having anything
commercially printed And our personal color printer in class has an
internal software that automatically converts the RGB image files to CMYK inks it uses
So if we (correctly saved it to RGB) and sent it, the file would go from CMYK -> RGB -> CMYK
Photoshop Sampling Color Say you want to select logo colors found in a
photograph you have already taken Open photograph in Photoshop Select the eye dropper tool Click on the area in your photograph where color is
….Click on your foreground color (in tools pallet) Write down the RGB values
….Or begin using another tool immediately Note: if using your home computer, save the color
to your color swatches
Sampling color Can upload a photograph to the site (color.adobe.com) and
it will create a color scheme with downloadable swatches Under the Create page, click on the camera icon on the right top
side of the site Upload your photo Screen capture your page (no longer able to download ase
swatch) Why do this?
Later on, you will be using photographs, and they have up to 16.7 million colors in them
So for the design principle of repetition, sample colors from within the photos and use elsewhere (in shapes, text, etc.)