Notes for Design - Color By Scott Granneman & Jans Carton Find the presentation at http://www.granneman.com/presentations/ ## Slide 1 https://en.wikipedia.org/wiki/File:Colouring_pencils.jpg ## Slide 4 https://en.wikipedia.org/wiki/File:Aristotle_Altemps_Inv8575.jpg ## Slide 5 http://www.colorsystem.com/?page_id=629&lang=en ## Slide 6 https://en.wikipedia.org/wiki/File:Opticks.jpg ## Slide 9 Newton’s Color Circle https://en.wikipedia.org/wiki/File:Newton%27s_colour_circle.png ## Slide 11 Goethe: https://en.wikipedia.org/wiki/File:Goethe,_Farbenkreis_zur_Symbolisierung_des_menschlichen_Geistes-_und_Seelenlebens,_1809.jpg Farbkreis by Johannes Itten (1961): https://commons.wikimedia.org/wiki/File:Farbkreis_Itten_1961.svg ## Slide 14 Boogert, 1692 http://www.thisiscolossal.com/2014/05/color-book/ ## Slide 15 Richard Waller, 1686 A Catalogue of Simple and Mixt Colours, with a Specimen of Each Colour Prefixt to Its Proper Name. vol. 16, 1686 http://scienceblogs.com/bioephemera/2010/03/23/a-naturalists-color-palette-ci/ ## Slide 16 watercolour mixing chart, by Denise Chan; https://www.flickr.com/photos/denn/3415106512 ## Slide 17 Reproduce color in print Vogue Nederland cover http://letsrestycle.com/wp-content/uploads/2013/06/IMG_7291.jpg ## Slide 18 Reproduce color on screen Samsung Plasma TV http://lgcdn.220-electronics.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/s/a/samsung-ps-50c450-plasma-multi-system-tv.jpg ## Slide 24 Sombrero Galaxy, taken by Hubble Space Telescope, 2004 50,000 light-years across & located 28 million light-years from Earth http://www.spacetelescope.org/images/opo0328a/ ## Slide 27 Tints, tones, & shades are painter’s terms https://en.wikipedia.org/wiki/File:Tint-tone-shade.svg ## Slide 30 RYB: used by artists when visualizing color RGB: used for mixing light CYM: used for mixing pigments RG/YB: used by the brain & in psychology Note that mixing light is additive color & mixing pigments is subtractive color—both will be defined later ## Slide 40 http://www.artiscreation.com/Color_index_names.html ## Slide 41 http://www.artiscreation.com/orange.html ## Slide 42 http://www.artiscreation.com/green.html ## Slide 45 http://bethmathews.com/blog/23693125274 https://www.etsy.com/listing/106804670/wes-anderson-film-color-palette © Beth Mathews; used with permission ## Slide 46 The Life Aquatic with Steve Zissou ## Slide 47 The Life Aquatic with Steve Zissou ## Slide 48 Moonrise Kingdom ## Slide 49 Moonrise Kingdom ## Slide 51 https://en.wikipedia.org/wiki/File:Salt_shaker_on_white_background.jpg ## Slide 54 https://color.adobe.com/create/color-wheel/?copy=true&base=2&rule=Compound&selected=0&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.8,0.2899999999998909,0.07999999999999999,0.6,0.34499999999994546,0.24,1,0,0,0.25,1,0.25000000000017053,0.33116279069745364,0.8,0.07999999999999999&swatchOrder=0,1,2,3,4 ## Slide 55 Herbie Hancock - Empyrean Isles (1964) Featuring Herbie Hancock, Freddie Hubbard, Ron Carter, & Tony Williams https://en.wikipedia.org/wiki/File:Empisle_hancock.jpg ## Slide 56 Hank Mobley’s Soul Station (1960) Featuring Hank Mobley, Wynton Kelly, Paul Chambers, & Art Blakey https://en.wikipedia.org/wiki/File:Soul_Station.jpg ## Slide 57 https://en.wikipedia.org/wiki/File:Bluealbumcover.jpg ## Slide 58 https://medium.springboard.com/a-designers-guide-to-selecting-colors-for-your-product-9944756838d4?imm_mid=0f47f9&cmp=em-web-na-na-newsltr_20170719 ## Slide 60 Bill Evans & Jim Hall’s Undercurrent (1962) Featuring Bill Evans & Jim Hall https://en.wikipedia.org/wiki/File:Undercurrent.jpeg ## Slide 61 The Tetons and Snake River, Grand Teton National Park, Wyoming, 1942. Ansel Adams | Museum of Fine Arts, Boston ## Slide 62 https://en.wikipedia.org/wiki/Identical_Twins,_Roselle,_New_Jersey,_1967 https://scrapsfromtheloft.com/2017/09/16/diane-arbus-identical-twins-roselle-new-jersey-1967/ ## Slide 63 http://staging.episcopalcharities.org ## Slide 66 https://color.adobe.com/create/color-wheel/?copy=true&base=2&rule=Compound&selected=0&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.8,0.2899999999998909,0.07999999999999999,0.6,0.34499999999994546,0.24,1,0,0,0.25,1,0.25000000000017053,0.33116279069745364,0.8,0.07999999999999999&swatchOrder=0,1,2,3,4 ## Slide 67 John Coltrane’s Blue Train (1958) Featuring John Coltrane, Lee Morgan, Curtis Fuller, Kenny Drew, Paul Chambers, & Philly Joe Jones https://en.wikipedia.org/wiki/File:John_Coltrane_-_Blue_Train.jpg ## Slide 68 Duke Ellington’s Anatomy of a Murder [Original Motion Picture Soundtrack] (1959) Featuring Duke Ellington, Cat Anderson, Shorty Baker, Herbie Jones, Ray Nance, Clark Terry, Gerald Wilson, Quentin Jackson, Britt Woodman, John Sanders, Jimmy Hamilton, Johnny Hodges, Russell Procope, Paul Gonsalves, Harry Carney, Jimmy Woode, & James Johnson https://www.allmusic.com/album/anatomy-of-a-murder-original-motion-picture-soundtrack-mw0000649489 ## Slide 69 Frank Sinatra’s Nice ‘n’ Easy (1960) Arrangements by Nelson Riddle https://en.wikipedia.org/wiki/File:Niceneasy.jpg ## Slide 70 Art Blakey & the Jazz Messengers’ A Night in Tunisia (1961) Featuring Art Blakey, Lee Morgan, Wayne Shorter, Bobby Timmons, & Jymie Merritt https://en.wikipedia.org/wiki/File:A_Night_in_Tunisia_(1960_album).jpg ## Slide 71 Frank Sinatra’s September of My Years (1965) Arrangements by Gordon Jenkins https://en.wikipedia.org/wiki/File:Sinatraseptember.jpg ## Slide 72 Vincent van Gogh’s Still Life: Vase with Irises, 1890 https://www.metmuseum.org/art/collection/search/436528 ## Slide 73 https://medium.springboard.com/a-designers-guide-to-selecting-colors-for-your-product-9944756838d4?imm_mid=0f47f9&cmp=em-web-na-na-newsltr_20170719 ## Slide 74 https://medium.springboard.com/a-designers-guide-to-selecting-colors-for-your-product-9944756838d4?imm_mid=0f47f9&cmp=em-web-na-na-newsltr_20170719 ## Slide 77 https://color.adobe.com/create/color-wheel/?copy=true&base=2&rule=Compound&selected=0&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.8,0.2899999999998909,0.07999999999999999,0.6,0.34499999999994546,0.24,1,0,0,0.25,1,0.25000000000017053,0.33116279069745364,0.8,0.07999999999999999&swatchOrder=0,1,2,3,4 ## Slide 78 Lionel Hampton & Stan Getz’s Hamp and Getz (1955) Featuring Lionel Hampton, Stan Getz, Lou Levy, Leroy Vinnegar, & Shelly Manne ## Slide 79 Sonny Red’s Out of the Blue (1960) Featuring Sonny Red, Wynton Kelly, Sam Jones, Paul Chambers, Roy Brooks, & Jimmy Cobb https://en.wikipedia.org/wiki/File:Out_of_the_Blue_(Sonny_Red_album).jpg ## Slide 80 https://en.wikipedia.org/wiki/File:Old_guitarist_chicago.jpg ## Slide 81 https://www.nytimes.com/2018/05/24/arts/okeeffes-hawaii-paintings.html ## Slide 82 https://medium.springboard.com/a-designers-guide-to-selecting-colors-for-your-product-9944756838d4?imm_mid=0f47f9&cmp=em-web-na-na-newsltr_20170719 ## Slide 86 Ella Fitzgerald’s Ella Fitzgerald Songbook Collection: Ella Fitzgerald Sings the Best of the Songbooks (2013) Artwork by Lydia Nichols, a student at Temple University, Tyler School of Art; Instructor, Prof. Kelly Holohan http://www.graphis.com/entry/2965489a-4b32-11e2-a2c9-f23c91dffdec/ ## Slide 87 Claude Monet’s Regattas at Argenteuil, c. 1872 https://commons.wikimedia.org/wiki/File:Claude_Monet_-_Regattas_at_Argenteuil_-_Google_Art_Project.jpg ## Slide 90 https://color.adobe.com/create/color-wheel/?copy=true&base=2&rule=Compound&selected=0&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.8,0.2899999999998909,0.07999999999999999,0.6,0.34499999999994546,0.24,1,0,0,0.25,1,0.25000000000017053,0.33116279069745364,0.8,0.07999999999999999&swatchOrder=0,1,2,3,4 ## Slide 91 Miles Davis’ In Person Friday Night at the Blackhawk, San Francisco, Volume 1 (1961) Featuring Miles Davis, Hank Mobley, Wynton Kelly, Paul Chambers, & Jimmy Cobb https://londonjazzcollector.files.wordpress.com/2013/08/miles-in-person-at-the-blackhawk-vol-1-and-2-cover-2000.jpg ## Slide 96 https://en.wikipedia.org/wiki/File:Van_Gogh_-_Terrasse_des_Cafés_an_der_Place_du_Forum_in_Arles_am_Abend1.jpeg ## Slide 98 https://medium.springboard.com/a-designers-guide-to-selecting-colors-for-your-product-9944756838d4?imm_mid=0f47f9&cmp=em-web-na-na-newsltr_20170719 ## Slide 99 https://medium.springboard.com/a-designers-guide-to-selecting-colors-for-your-product-9944756838d4?imm_mid=0f47f9&cmp=em-web-na-na-newsltr_20170719 ## Slide 100 https://color.adobe.com/explore/most-used/?time=all ## Slide 101 https://color.adobe.com/explore/most-popular/?time=all ## Slide 102 Big butts, by Alias 0591; https://www.flickr.com/photos/renemensen/4065511128/ ## Slide 104 Starry Night, by Vincent Van Gogh ## Slide 105 Starry Night, by Vincent Van Gogh http://designshack.net/articles/inspiration/10-free-color-palettes-from-10-famous-paintings/ ## Slide 106 A Sunday Afternoon on the Island of La Grande Jatte, by George Seurat ## Slide 107 A Sunday Afternoon on the Island of La Grande Jatte, by George Seurat Color scheme from http://designshack.net/articles/inspiration/10-free-color-palettes-from-10-famous-paintings/ ## Slide 108 The Kiss, by Gustav Klimt ## Slide 109 The Kiss, by Gustav Klimt Color scheme from http://designshack.net/articles/inspiration/10-free-color-palettes-from-10-famous-paintings/ ## Slide 110 The Scream, by Edvard Munch ## Slide 111 The Scream, by Edvard Munch Color scheme from http://designshack.net/articles/inspiration/10-free-color-palettes-from-10-famous-paintings/ ## Slide 116 RYB: used by artists when visualizing color RGB: used for mixing light CYM: used for mixing pigments RG/YB: used by the brain & in psychology Note that mixing light is additive color & mixing pigments is subtractive color—both will be defined later ## Slide 118 https://en.wikipedia.org/wiki/File:AdditiveColor.svg ## Slide 119 The mixed lights do not have to all be RGB! https://en.wikipedia.org/wiki/File:AdditiveColor.svg ## Slide 121 RGB Cube, by Ntozis https://commons.wikimedia.org/wiki/File:RGB_cube.jpg ## Slide 122 RGB Cube, by Ntozis https://commons.wikimedia.org/wiki/File:RGB_cube.jpg ## Slide 125 Derived from Hsl-and-hsv.svg, by Jacob Rus https://commons.wikimedia.org/wiki/File:Hsl-and-hsv.svg ## Slide 126 https://commons.wikimedia.org/wiki/File:HSL_color_solid_cylinder_alpha_lowgamma.png ## Slide 127 http://hslpicker.com/#1f0 ## Slide 134 http://www.hsluv.org ## Slide 138 CIE1931xy gamut comparison.svg, by BenRG & cmglee https://en.wikipedia.org/wiki/File:CIE1931xy_gamut_comparison.svg ## Slide 140 RYB: used by artists when visualizing color RGB: used for mixing light CYM: used for mixing pigments RG/YB: used by the brain & in psychology Note that mixing light is additive color & mixing pigments is subtractive color—both will be defined later ## Slide 142 https://en.wikipedia.org/wiki/File:SubtractiveColor.svg Each pigment absorbs (subtracts) some colors Cyan ink absorbs light & reflects cyan Magenta ink absorbs light & reflects magenta Yellow ink absorbs light & reflects yellow https://en.wikipedia.org/wiki/File:SubtractiveColor.svg ## Slide 147 RYB: used by artists when visualizing color RGB: used for mixing light CYM: used for mixing pigments RG/YB: used by the brain & in psychology Note that mixing light is additive color & mixing pigments is subtractive color—both will be defined later ## Slide 148 RYB: used by artists when visualizing color RGB: used for mixing light CYM: used for mixing pigments RG/YB: used by the brain & in psychology Note that mixing light is additive color & mixing pigments is subtractive color—both will be defined later ## Slide 151 Extraspectral colors, AKA the line of purples ## Slide 152 Based on https://commons.wikimedia.org/wiki/File:EM_spectrum.svg ## Slide 155 When we talk about colored light, it could be yellow on a single wavelength, or, for example, a combination of orange & green wavelengths which would also appear as yellow — your eyes cannot tell the difference! ## Slide 161 https://en.wikipedia.org/wiki/Rod_cell ## Slide 162 λ = Greek lambda = wavelengths ## Slide 167 This also appears as yellow ## Slide 176 https://en.wikipedia.org/wiki/Color_blindness#Epidemiology ## Slide 178 Democracy Index 2010 green and red, by TheLH & SalonenA https://commons.wikimedia.org/wiki/File:Democracy_Index_2010_green_and_red.png ## Slide 179 Protanopia color blindness Modified from Democracy Index 2010 green and red, by TheLH & SalonenA http://colorfilter.wickline.org ## Slide 180 Deuteranopia color blindness Modified from Democracy Index 2010 green and red, by TheLH & SalonenA http://colorfilter.wickline.org ## Slide 181 Tritanopia color blindness Modified from Democracy Index 2010 green and red, by TheLH & SalonenA http://colorfilter.wickline.org ## Slide 183 http://colorfilter.wickline.org ## Slide 184 https://michelf.ca/projects/sim-daltonism/ ## Slide 185 http://colororacle.org ## Slide 186 No color blindness http://www.stlzoo.org ## Slide 187 Green-blind color blindness http://www.stlzoo.org, after processing by Color Oracle ## Slide 193 RYB: used by artists when visualizing color RGB: used for mixing light CYM: used for mixing pigments RG/YB: used by the brain & in psychology Note that mixing light is additive color & mixing pigments is subtractive color—both will be defined later ## Slide 194 Hering’s theory was correct—that is how we process colors cognitively ## Slide 196 http://www.amsciepub.com/doi/abs/10.2466/pms.1975.41.1.207?url_ver=Z39.88-2003&rfr_id=ori:rid:crossref.org&rfr_dat=cr_pub%3dpubmed ## Slide 200 Source: Chavez, Angie. “Front Door Makeover!”. Knick of Time (December 5, 2014). . Accessed October 11, 2016. ## Slide 201 Source: Chavez, Angie. “Front Door Makeover!”. Knick of Time (December 5, 2014). . Accessed October 11, 2016. ## Slide 202 Source: Chavez, Angie. “Front Door Makeover!”. Knick of Time (December 5, 2014). . Accessed October 11, 2016. ## Slide 203 Source: Chavez, Angie. “Front Door Makeover!”. Knick of Time (December 5, 2014). . Accessed October 11, 2016. ## Slide 204 Source: Chavez, Angie. “Front Door Makeover!”. Knick of Time (December 5, 2014). . Accessed October 11, 2016. ## Slide 205 How filmmakers manipulate our emotions using color - The Verge - YouTube - 2015-10-11 https://www.youtube.com/watch?v=0ZZgiSUyPDY ## Slide 219 Matrix by Smit, licensed from Can Stock Photo on 2014-08-10 http://www.canstockphoto.com/matrix-13580155.html ## Slide 230 See https://en.wikipedia.org/wiki/Contrasting_and_categorization_of_emotions For more examples, see https://www.google.com/search?q=feeling+wheel&num=50&tbm=isch ## Slide 231 https://en.wikipedia.org/wiki/Contrasting_and_categorization_of_emotions https://en.wikipedia.org/wiki/File:Plutchik-wheel.svg ## Slide 232 Jones, Dan. “Your Fragile Emotions, Illustrated”. Copypress (2012-09-13). http://www.copypress.com/blog/your-fragile-emotions-illustrated/. Accessed October 12, 2016. ## Slide 233 Source: Agular, Elena. “Cultivating Emotional Resilience in Educators”. *Education Week* (March 29, 2014). . Accessed October 12, 2016. ## Slide 234 Big butts, by Alias 0591; https://www.flickr.com/photos/renemensen/4065511128/ ## Slide 237 Red… * pops against black * duller against white * lifeless against orange * brilliant against blue-green Red appears larger on black than on other backgrounds ## Slide 238 Red * pops against black & is duller against white * is lifeless against orange & brilliant against blue-green Red appears larger on black than on other backgrounds ## Slide 241 https://www.flickr.com/photos/stefan_ogrisek/14566201513/, by Stefan Ogrisek ## Slide 242 Red Light District, Amsterdam https://www.flickr.com/photos/sparker/15148570953, by Steve Parker ## Slide 243 Buddhist monks in the ubosot of Wat Phra Singh, Chiang Mai, Chiang Mai Province, Thailand https://en.wikipedia.org/wiki/File:Monks_in_Wat_Phra_Singh_-_Chiang_Mai.jpg, taken by JJ Harrison (jjharrison89@facebook.com) ## Slide 244 Orangemen, Ulster Covenant Commemoration Parade, Chichester Street, Belfast, Northern Ireland, September 2012, by Ardfern https://commons.wikimedia.org/wiki/File:Ulster_Covenant_Commemoration_Parade,_Belfast,_September_2012_(005).JPG ## Slide 245 Green is a sacred color in Islam Masjid Nabawi Dome: dome built above Prophet Muhammad's tomb in the Prophet's Mosque in Medina, Saudi Arabia http://pakistanifun.com/2014/04/most-beautiful-sabz-gumbad-pic-wallpapers-photo-2014/ ## Slide 248 Peter Max’s PEACE (1970) ## Slide 249 https://en.wikipedia.org/wiki/File:Flag_of_German_Reich_(1935–1945).svg ## Slide 250 Roger Waters performing The Wall http://www.musicalt.it/the-wall-live-roger-waters-cinema/ ## Slide 251 Empress Theodora & attendants; mosaic from Basilica of San Vitale, 6th century https://arsartisticadventureofmankind.files.wordpress.com/2014/10/15-mosaicos-san-vitale-theodora.jpg ## Slide 252 http://fineartamerica.com/featured/queen-anne-edmund-lilly.html https://en.wikipedia.org/wiki/File:Charles_Boit,_Queen_Anne_and_Prince_George_crop.jpg ## Slide 253 Queen Elizabeth II in Hitchen Market https://youhavebeenphotographed.wordpress.com/2012/06/15/queen-looking-happy-in-hitchin/ ## Slide 255 Walter White with money http://www.redbrick.me/wp-content/uploads/2015/02/Breaking-Bad-Heisenberg.jpg ## Slide 256 Acute paronychia (infection) on the right side of the right big toenail https://commons.wikimedia.org/wiki/File:Paronychia_green_discolor.jpg ## Slide 258 Scott’s favorite color is orange Traugers-farm-bucks-county-large.jpg, by Frenchtowner https://en.wikipedia.org/wiki/File:Traugers-farm-bucks-county-large.jpg ## Slide 259 Billy Bob Thornton is afraid of bright colors (Chromophobia) http://images-cdn.moviepilot.com/image/upload/c_fill,h_730,w_1296/t_mp_quality/billy_bob_thornton-are-you-terrified-of-butterflies-too-weird-celebrity-phobias-that-will-shock-you-jpeg-249407.jpg ## Slide 260 Komodo dragon with tongue, by Mark Dumont (http://www.flickr.com/people/23661161@N02) https://en.wikipedia.org/wiki/File:Komodo_dragon_with_tongue.jpg http://www.telegraph.co.uk/culture/film/3575460/Thorntons-wildness.html ## Slide 266 https://en.wikipedia.org/wiki/File:Beta_movement.gif ## Slide 267 Phi phenomenon + afterimage + peripheral Created by Jeremy Hinton some time before 2005 https://en.wikipedia.org/wiki/Lilac_chaser ## Slide 270 “Rotating snakes”, created by Kitaoka Akiyosh ## Slide 272 https://en.wikipedia.org/wiki/File:Hering_illusion.svg ## Slide 276 White & gold or blue & black? ## Slide 277 Value/lightness Published by Edward H. Adelson, Professor of Vision Science at MIT, in 1995 https://en.wikipedia.org/wiki/File:Checker_shadow_illusion.svg https://en.wikipedia.org/wiki/Checker_shadow_illusion ## Slide 278 Video recorded using https://www.mantlelabs.com/illusion/ ## Slide 280 The 2 dogs are the same color ## Slide 285 How many dots are there? ## Slide 287 https://color.adobe.com/create ## Slide 288 https://color.adobe.com/create ## Slide 289 https://color.adobe.com/create ## Slide 290 https://color.adobe.com/create ## Slide 291 https://color.adobe.com/create ## Slide 292 https://color.adobe.com/create ## Slide 293 https://color.adobe.com/create ## Slide 294 https://color.adobe.com/mythemes ## Slide 296 https://color.adobe.com/create ## Slide 297 https://color.adobe.com/create ## Slide 298 https://color.adobe.com/create ## Slide 299 https://color.adobe.com/create ## Slide 300 https://color.adobe.com/create ## Slide 301 https://color.adobe.com/create ## Slide 302 https://color.adobe.com/create ## Slide 303 https://color.adobe.com/mythemes ## Slide 304 https://color.adobe.com/explore ## Slide 305 https://color.adobe.com/search?q=desert ## Slide 306 https://color.adobe.com/trends ## Slide 307 https://color.adobe.com/trends ## Slide 308 https://color.adobe.com/trends ## Slide 309 https://apps.apple.com/us/app/adobe-capture/id1040200189 ## Slide 310 https://apps.apple.com/us/app/adobe-capture/id1040200189 ## Slide 313 https://en.wikipedia.org/wiki/File:Colouring_pencils.jpg