Download - Color format resolution
ACOM 2305
Color Mode Types of Graphics,
File Formats & Resolution
ACOM 2305
Color is simple, right?
ACOM 2305
Color Modes
ACOM 2305
• RGB - Red Blue Green Onscreen/monitor
• CMYK - Cyan Magenta Yellow Black High end Print
ACOM 2305
RGB • Assigns an intensity value to each pixel
ranging from 0 (black) to 255 (white) for each of the RGB (red, green, blue) components in a color image.
• Additive Color • Light • Monitor
ACOM 2305
RGB
• With color on the screen, you are mixing light
• Dark room = no light = black (0) • Flip the switch = light = white (255) • Use a prism = separate colors
ACOM 2305
RGB
• For many of us, our first exposure to additive color was in elementary school when we learned about Roy G Biv
ACOM 2305
Red Orange Yellow Green Blue Indigo Violet spectrum
Roy G. Biv
ACOM 2305
RGB
ACOM 2305
Web Safe Colors
• This was especially important in years past. It isn’t so much now but many web designers still like to play it safe with color.
• HEX (hexadecimal or base 16)
ACOM 2305
ACOM 2305
RGB in Photoshop In Photoshop, there are functions that are
grayed out (not accessible) in the CMYK mode.
ACOM 2305
CMYK
• Cyan • Magenta • Yellow • Black
The colors of pigment (paint/ink)
Key
ACOM 2305
CMYK
• Do you remember finger painting? • Mixing all those colors on a paper • Yellow and blue makes green; red and
yellow equal orange • All the colors together equal a muddy gray
Subtractive color
ACOM 2305
CMYK
ACOM 2305
CMYK
• Printing press plates
A A A A
ACOM 2305
CMYK
• There is pitfall in the conversation of RGB to CMYK: – Color that is represented by light is by nature
a brighter more vibrant color than color on a piece of paper.
ACOM 2305
RGB CMYK
ACOM 2305
Graphic Types
ACOM 2305
Graphic Types • Raster
– Pixel Base – Mosaic – Can’t enlarge – PhotoShop
• Vector – Geometry Base – XY Coordinate – Small Files – Can enlarge
infinitely – Illustrator
ACOM 2305
Examples
Raster Vector
ACOM 2305
• Raster
ACOM 2305
Format “SAVE AS”
ACOM 2305
Formats-Raster • Print
– PSD (Native Photoshop Format) RASTER • Large High Quality
– Layers – Transparency
– TIFF (Tagged Image File Format) RASTER • Large High Quality
– Layers – Transparency
ACOM 2305
Web or presentation – JPEG
(Joint Photographic Experts Group) • Lossy compression
– No transparency – One layer – Artifacts
ACOM 2305
Web or presentation – PNG (Portable Network Graphics) – Designed to replace the older and
simpler GIF format • Transparent background
– GIF (Graphics Interchange Format) • Maximum of 256 colors not for
printing-Flat • Transparent background
ACOM 2305
VECTOR Formats
• .EPS (Encapsulated Postscript) • PDF (Portable Document Format)
• .AI (Native Illustrator format)
ACOM 2305
Vector - Problems
• Must have postscript printer. • Change to PDF if no postscript
printer available
ACOM 2305
Resolution
ACOM 2305
Resolution
Dependent on the end use ! High end printing – 300 ppi* ! Desktop publishing – 150 ppi* ! Web – 72 ppi*
*pixels per inch; Dots per inch; lines per inch
ACOM 2305
Resolution
Always start big –
You can always make big files smaller,
but you can’t make small files bigger.
ACOM 2305
RGB
.psd
.ai
350/300ppi
CMYK
.tiff
.ai/.eps
300ppi
RGB
.tiff/.jpg
150ppi
RGB
.gif/.png/.jpg
.gif/.png/.jpg
72ppi
ACOM 2305
More resources
• Adobe creative cloud tutorials creative.adobe.com
• Lynda Tutorials library.ttu.edu/lynda/
• PhotoXpress photoxpress.com
ACOM 2305