Intérêt théorique et usage concret des Harmonies de couleurs

Intérêt théorique et usage concret des Harmonies de couleurs
Stéphane Baril | Creative Cloud Sr Solution Consultant | @sbaril
• Expert Design chez Adobe France
• Professeur de « Digital Design » durant 4 ans à l’Istituto Marangoni de Paris
• Co-auteur de livres sur la « Colorisation de BD » (Éditions Eyrolles)
Toutes les illustrations ne comportant pas de copyright sont du livre blanc.
©Eyrolles: Naïts & Stéphane Baril
© 2015 Adobe Systems Incorporated. Tous droits réservés.

Comment parler de couleur?
Essayons de définir la couleur
Grandmaster - ©2004 MC Productions - Naïts et Didier Beddar
Source : swiked.tumblr.com
2© 2015 Adobe Systems Incorporated. Tous droits réservés.

Définir la couleur
La couleur est :
Culturel
Physique
Mentale
3
17/03/15

Définir la couleur
La couleur est :
Culturel
Physique
Mentale
4
17/03/15

Définir la couleur
Pensez à une :
Pomme verte
5
17/03/15

Est-ce celle-ci ?
6
17/03/15

Celle-ci ?
7
17/03/15

Celle-ci ?
8
17/03/15

Ou encore celle-ci ?
9
17/03/15

Définir la couleur
Définir la couleur
en se référant à un objet
n’est pas fiable !
10
17/03/15

Définir la couleur
La couleur est :
Culturel
Physique
Mentale
11
17/03/15

Expérience de Newton
Un prisme permet de décomposer la lumière blanche
Photo de D-Kuru sur Wikipedia — http://tinyurl.com/wikiprism1 Synthèse additive des couleurs
12
17/03/15

Spectre visible des couleurs perçues par l’œil humain
Cornée
Pupille
Iris
Cristallin
Nerf Optique
Rétine
Rayons
cosmiques
Rayons
gamma
Micro
ondes
Ondes
radio
Rayons X
380nm
780nm
Étendue du spectre visible
des ondes électromagnétiques
+
0
-
B-Y
Stage 1:
Cone Oppon
Retina
Stage 2:
Cone Oppon
Cortex
CBlackwell 2012
R-G
B-W
Sources : Docteur Craig Blackwell
www.youtube.com/user/cbeyedr
http://www.blackwelleyesight.com
Rod
Dim Light
Peripheral
Bright Light
Fovea
Light - Sensing
Non - Visual
Cones Gang Cell
CBlackwell 2012
CBlackwell 2011
Cellules
Ganglionnaires
Cellules Bipolaires
Photorécepteurs
LaRétineLaRétine
Bâtonnet
Cône
Épithélium
Pigmentaire
Capillaires
(Choroïde)
Lumière
CBlackwell 2011 & 2012
CBlackwell 2012
13
17/03/15

Image Persistante
14
17/03/15

Image Persistante
15
17/03/15

Définir la couleur
La couleur est :
Culturel
Physique
Construction Mentale
16
17/03/15

Mentale : Influence de l’environnement sur la perception des couleurs
Notre cerveau
compense les variations
de luminosité et de
température de couleur
17
17/03/15

Mentale : Influence des ombres et lumières
A
B
Edward H. Adelson
« Checker Shadow Illusion 4 » par Edward H. Adelson — http://persci.mit.edu/people/adelson
18
17/03/15

Mentale : Influence des ombres et lumières
A
B
Edward H. Adelson
« Checker Shadow Illusion 4 » par Edward H. Adelson — http://persci.mit.edu/people/adelson
19
17/03/15

Mentale : Influence des couleurs environnantes
« Art de la Couleur, Edition abrégée » par Johannes Itten (Éditions Dessain et TOLRA)
http://fr.wikipedia.org/wiki/Johannes_Itten
20
17/03/15

Mentale : Influence des couleurs environnantes
« Art de la Couleur, Edition abrégée » par Johannes Itten (Éditions Dessain et TOLRA)
http://fr.wikipedia.org/wiki/Johannes_Itten
21
17/03/15

Mentale : Influence des couleurs environnantes et des échelles
22
17/03/15

Mentale : Influence des couleurs environnantes et de leur luminosité
23
17/03/15

Mentale : Influence of ambient light
« La constance chromatique est un
exemple de constance subjective et
une caractéristique du système humain
de perception des couleurs qui assure
que la couleur perçue d’objets demeure
relativement constante dans diverses
conditions d’éclairage ».
Sources : http://en.wikipedia.org/wiki/Color_constancy
24
17/03/15

Mentale: Les pierres de la Cathédrale de Rouen beige-grise
Sources : http://fr.fotolia.com/id/52471072
25
17/03/15

Mentale : La Cathédrale de Rouen par Claude Monet
« Série des Cathédrales de Rouen » par Claude Monet — Sources : http://en.wikipedia.org/wiki/Rouen_Cathedral_(Monet)
26
17/03/15

27
17/03/15

28
17/03/15

29
17/03/15

30
17/03/15

31
17/03/15

32
17/03/15

Mentale : Notre cerveau compense les changements de lumières
33
17/03/15

Mentale : Comparaison de deux couleurs proches
Possible uniquement en côte à côte
ou par affichage successif
34
17/03/15

Mentale : Importance le l’ambiance lumineuse
La notion d’ambiance en
Design est aussi importante
que dans un film pour créer
une atmosphère
35
17/03/15

Ambiance chromatique :
The Matrix ©1999 - 2012 Warner Bros. Picture
36
17/03/15

Ambiance chromatique : Comme en musique, il faut du rythme !
The Matrix ©1999 - 2012 Warner Bros. Picture
37
17/03/15

Mentale : Pour conclure cette partie
Les règles d’harmonies
de couleurs sont là pour nous
aider créer plus rapidement
une atmosphère colorée
cohérente.
38
17/03/15

Et maintenant,
aspirons à un peu
d’harmonie…
de couleurs !

Le Cercle Chromatique : Un outil puissant pour comprendre la couleur
Cercle chromatique utilisé par les peintres,
créé par Johannes Itten
Cercle chromatique utilisé
en numérique et en impression
40
17/03/15

Utiliser un langage commun
Mais avant,
nous avons besoin d’un
vocabulaire commun :
TSL
Teinte, Saturation et Luminosité*
* Les termes Luminance et clarté sont parfois préférés à Luminosité.
41
17/03/15

Cercle Chromatique — TSL: Teinte - Saturation - Luminosité
Personal Photoshop 3D illustration of TSL
42
17/03/15

Cercle Chromatique — TSL : Teinte - Saturation - Luminosité
Cercle chromatique utilisé
en numérique et en impression
« Double Alaskan Rainbow » par Eric Rolph
(http://en.wikipedia.org/wiki/File:Double-alaskan-rainbow.jpg)
Rayons
cosmiques
Rayons
gamma
Micro
ondes
Ondes
radio
Rayons X
380nm
780nm
Étendue du spectre visible
des ondes électromagnétiques
43
17/03/15

Cercle Chromatique — TSL : Teinte - Saturation - Luminosité
http://www.thelightsurgeons.co.uk
(Capture d’écran faite en 2007 — Cette version du site n’existe plus)
44
17/03/15

« Your Colour Perception » par Liz West
https://www.behance.net/gallery/23363739/Your-Colour-Perception
45
17/03/15

« Plexus No.19 » par Gabriel Dawe
http://www.gabrieldawe.com/installation/plexus_019.html
https://www.behance.net/gdawe
46
17/03/15

Couleurs Complémentaires Cercle Chromatique or Desaturations
47
17/03/15

http://www.apple.com/fr/mac
48
17/03/15

49
17/03/15

http://superfluousbanter.org
50
17/03/15

Règles d’Harmonies de Couleurs
Tour d’horizon
des principales règles
d’harmonies de couleurs
51
17/03/15

Cercle Chromatique — Couleur Monochromatique
52
17/03/15

Cercle Chromatique — Couleurs Complémentaires
Shaman, #2 - ©2005 MC Productions - Olivier & Stéphane Péru
Couleurs : Stéphane Péru (une pensée pour lui)
53
17/03/15

http://azzabee.com.au/
54
17/03/15

« La nuit étoilée » par Vincent Van Gogh
http://commons.wikimedia.org/wiki/File:Van_Gogh_-_Starry_Night_-_Google_Art_Project.jpg
55
17/03/15

Cercle Chromatique — Couleurs Complémentaires divisées
Design de T-Shirt
par TJ
www.lafraise.com
56
17/03/15

Cercle Chromatique — Couleurs Complémentaires divisées
http://www.kingtut.org/
57
17/03/15

Cercle Chromatique — Couleurs Triadiques
58
17/03/15

Cercle Chromatique — Couleurs Triadiques
http://www.urbanchip.com.ar/
59
17/03/15

Cercle Chromatique — Couleurs Tétradiques
60
17/03/15

Cercle Chromatique — Couleurs Tétradiques
http://loveisrespect.org/
61
17/03/15

Cercle Chromatique — Et on peut étendre cette démarcation…
Première étude basée sur une répartition équidistante… puis, des choix et des ajustements.
Étude de rationalisation des couleurs des icônes CS6 - http://blogs.adobe.com/brandexperience/2012/05/16/the-cs6-desktop-brand-system
62
17/03/15

Cercle Chromatique — Couleurs Analogues
Design de T-Shirt par
Jus2Pom
Design de T-Shirt par
MrWayne
www.lafraise.com
63
17/03/15

http://www.elmwood.co.uk/
64
17/03/15

Mark Rothko (1950) - Museum of Modern Art, New York, USA
Source: http://www.wikiart.org/en/mark-rothko/no-5-no-22
65
17/03/15

A visual atmosphere = Colors and Lights
Original converted in Grayscale
Original with Color
Shaman, #2 - ©2005 MC Productions - Olivier & Stéphane Péru - Couleurs: Stéphane Péru
66
17/03/15

Faire ressortir un élément par la couleur
Plus de contraste et détails dans la couleur des éléments principaux. La profondeur dans cette scène est accentuée par la forte saturation
des couleurs du premier plan et la luminosité/saturation décroissante
des éléments lointains.
Les éléments qui doivent attirer le regard du lecteur ont ici des couleurs plus vives.
Grandmaster - ©2004 MC Productions - Naïts et Didier Beddar
67
17/03/15

Démo
color.adobe.com
68
17/03/15

Questions / Réponses
Venez les
gars, on a des
questions !

Intérêt théorique et usage concret des Harmonies de couleurs

Intérêt théorique et usage concret des Harmonies de couleurs

Contenu connexe

En vedette

Similaire à Intérêt théorique et usage concret des Harmonies de couleurs

Intérêt théorique et usage concret des Harmonies de couleurs