explainMe | La couleur dans vos créations

La couleur dans vos créations

Chapitre 1 | La couleur

Théorie

explainMe | [email protected] [pour donner votre avis] - www.explain-me.com [pour télécharger d’autres cours et biens plus]

Avant-propos

Tout d’abord bonjour et merci de l’intérêt que vous portez à mes cours.

Ce cours a été rédigé entièrement par moi, cependant je n’ai pas la science infuse, c’est pourquoi je me base sur divers sources collectées au fil de mes recherches.De ce fait je tiens à remercier les auteurs des ces sources dont vous pourrez trouver la liste à la fin du document (il est possible dans certains cas qu’il n’y en ai pas, auquel cas cela signifie qu’aucune source n’a été utilisée pour la rédaction de ce cours).

Ce cours est livré tel quel, aussi si vous avez des question ou des remarques, veuillez les adresser directement sur le site ou par mail.

Si vous souhaitez utiliser ce document dans n’importe quel cadre (formation, école, entreprise, loisirs, famille, ...), je vous y autorise à la seule condition de le diffuser gratuitement et de l’utiliser dans son intégralité (toute les pages, même la couverture s’il vous plaît) de sorte que chacun puisse avoir connaissance de la source d’où provient le document (j’en profite donc pour vous remercier pour la pub gratuite).

Seule restriction, je vous demanderai de ne pas proposer ce document en téléchargement direct depuis votre propre site. Préférez un lien sur explainMe, ainsi si des mises à jour sont faites sur le fichier, il sera d’autant plus simple de les récupérer si la source de diffusion online reste unique.

Enfin, si vous réutilisez ce cours dans le cadre d’une formation ou d’un cours, j’apprécierai beaucoup si vous pouviez me l’indiquer par mail. Histoire de savoir si mon travail a pu servir à quelqu’un tout simplement...

Ce cours est la reprise d’un article publié sur le site www.explain-me.com

Il a fait l’objet d’une remise en forme du fait du changement de support, mais reste identique dans son contenu.

Malgré toute l’attention que je porte à la rédaction des articles il est possible que quelques fautes d’orthographes persistent. Aussi si vous en rencontrez, merci de bien vouloir m’en avertir par mail à l’adresse suivante :

[email protected]

De sorte que je puisse effectuer les corrections et remplacer le fichier sur le site.


Conseil / AvertissementCette icône introduit un conseil ou un avertissement susceptible de vous éviter des complications face à l’action traitée.

AstuceCette icône dispense une astuce susceptible de vous faire gagner du temps par rapport à la technique décrite. Ou encore quelque chose qu’il est bon de savoir.

VarianteCette icône indique une autre manière d’obtenir le résultat escompté, ou apporte un complément d’information sur une méthode utilisée.

Conventions typographiques

Les raccourcis clavier sont indiqués entre crochets ( les trois points étant remplacés par la lettre correspondant bien évidement).

Touche contrôle.Sous Mac bien que la touche existe, c’est la touche ‘Pomme’ qui est utilisée pour les raccourcis clavier, elle est symbolisée par une pomme.

Touche ‘Alt’ située à gauche de la barre espace.Sous Mac elle est remplacée par la touche ‘Option’.

Touche ‘Alt’ située à droite de la barre espace.

La touche ‘Majuscule’ sera désignée par l’appellation anglaise Shift.

Le code sera écrit sur fond gris et avec une autre police de caractère, pour simplifier son identification.

[Ctrl + ...]

Ctrl

Alt

Alt Gr

Shift

<?php ?>

Afin de simplifier et d’organiser mon propos, j’utilise les conventions typographiques suivantes :


Introduction

Ce cours est le premier d’une série de trois visant à guider le novice dans l’utilisation de la couleur dans ses créations.Pour autant la couleur ne pouvant être résumée dans ces trois cours, ceux-ci ne représentent qu’une approche de la couleur.

Au programme de ce premier chapitre :

1. Définition de la couleur2. Les caractéristiques de la couleur3. Le cercle chromatique4. Les contrastes

Définition de la couleur

« La couleur est une impression produite sur l’œil par les diverses radiations constitutives de la lumière. »

Le spectre lumineux est en fait composé de plusieurs ondes qui, au contact de l’œil provoque des impressions de couleurs (le tout traduit par notre cerveau bien sûr).

Évidement tout ceci fait référence à de nombreuses explications physiques bien plus complètes que cette simple phrase, mais cela n’est pas l’objet du cours.


Les caractéristiques de la couleur

Les caractéristiques de la couleur sont au nombre de trois :

• La teinte• La saturation (ou intensité)• La luminosité (ou valeur)

La teinte est ce qui est perçu en premier, c’est ce que l’on appelle communément « la couleur » : ma voiture est rouge, mon jean bleu,…

La saturation correspond à la pureté de la couleur ou encore son taux.Ainsi plus vous réduisez la saturation d’une couleur (ou son intensité si vous préférez), et plus elle devient terne. Aussi, réduire la saturation d’une couleur à zéro aboutit à un gris équivalent.

La luminosité est le degré de clarté d’une couleur, c’est-à-dire que l’ajout de blanc augmente la luminosité d’un couleur alors que l’ajout de noir l’assombrit.

Les couleurs primaires sont le Rouge, le Jaune, et le Bleu, le noir quand à lui n’est pas une couleur puisqu’il correspond à l’absence de lumière.

Teinte

Saturation

Luminosité

Les trois teintes primaires :rouge, jaune, bleu

teinte pur

teinte avec réduction progressive de la saturation

pur luminosité max.luminosité min.


Le cercle chromatique

Le cercle chromatique est l’outil de base pour comprendre l’harmonie des couleurs.

S’il ne fallait retenir qu’un seul exemple d’harmonisation des couleurs, je vous conseillerais de sortir de chez vous et de contempler la nature, car elle manie les couleurs depuis des milliers d’années sans jamais faire de faute de goût.

Le cercle chromatique fonctionne de la manière suivante :

• Les trois couleurs primaires sont disposées chacune à 120° les unes des autres : le rouge, le jaune, et le bleu.

• Le mélange de 2 couleurs primaire (en quantité égale), forme une couleur secondaire : Le vert, le violet, et le orange

• Le mélange d’une couleur primaire et d’une couleur secondaire forme une couleur tertiaire.

• Et ainsi de suite…

P

PP

S S

S

T

T

TT

T

TCouleurs chaudes

co

uleu

rs fr

oide

s


Plusieurs notions sont importantes ici :

• Les couleurs complémentaires• Les couleurs qui s’harmonisent• Les couleurs chaudes et les couleurs froides

Les couleurs complémentaires sont les couleurs qui sont diamétralement opposées dans le cercle chromatique (ex : la couleur complémentaire du rouge est le vert).

Les couleurs qui s’harmonisent sous les couleurs voisines les unes des autres dans le cercle chromatique (ex : vert, vert-jaune, jaune, jaune-orangé, orange…).

Sur l’illustration vous pouvez noter que le cercle chromatique est « coupé » en deux zones, les couleurs chaudes d’un côté, et les couleurs froides de l’autre. Cette limite est très arbitraire car vous verrez qu’il est très difficile de dire à partir de quelle teinte un vert-jaune est chaleureux ou froid, et même chose pour le violet-rouge.

Le principe est qu’une couleur chaude a tendance à rapprocher le sujet de nous alors qu’une couleur froide aura plus tendance à l’éloigner.


Les contrastes

Le contraste est également un concept important car il fournit un outil puissant pour la création graphique.

Il existe différent types de contrastes :

• Le contraste de couleur en soi• Le contraste clair-obscur• Le contraste chaud-froid• Le contraste des complémentaires• Le contraste de qualité• Le contraste de quantité• Le contraste simultané

Le contraste de couleur en soi est le plus simple de tous à réaliser. Il demande au moins trois couleurs de teintes très différentes. Les trois couleurs primaires forment le plus net des contrastes de couleur.

Le contraste maximum avec des couleurs fondamentalement différentes.

Le contraste est plus faible car les couleurs ont une relation : orange et vert contiennent du jaune, vert et violet contiennent du bleu, et violet et orange contiennent du rouge.

Le contraste est atténué si on mélange les couleurs avec du blanc ou du noir.


Le contraste clair-obscur fait appel à la valeur des couleurs (ou luminosité). Le plus évident est celui du noir et du blanc. Le jaune et le violet forment également un contraste clair-obscur, le jaune étant très lumineux à côté du violet très sombre. Il est possible d’atténuer ce contraste en utilisant des couleurs correspondant à des valeurs de gris proches (voir illustration).

Le contraste chaud-froid est obtenu en associant une couleur chaude à une couleur froide. Le meilleur contraste s’obtient entre le rouge-orangé et le vert-bleu. Cependant ce contraste peut-être utilisé pour « réchauffer » une couleur, comme indiqué sur l’illustration.

Le contraste clair-obscur maximum se produit bien entendu entre le blanc et le noir.

Le contraste est aussi fort ici car le violet est une couleur sombre que l’on a juxtaposé au jaune qui est très lumineux.

Le contraste clair obscur résulte de la différence de luminosité entre 2 teintes, ainsi dans ces deux exemples, le contraste de la teinte du milieu est plus fort avec celle de gauche que celle de droite.

Le contraste chaud-froid est maximum

Dans ces deux cas, le contraste vers la gauche est plus fort que vers la droite car les couleurs à gauche sont les plus chaudes.

Ici le vert du milieu est «réchauffé» par ces voisines qui sont des teintes de vert plus froides.


Le contraste des complémentaires fait intervenir deux couleurs complémentaires qui, pour une même intensité, se renvoient la balle et forment une sorte d’harmonie, de part leurs forces égales.

Le contraste de qualité ne fait intervenir qu’une seule teinte, mais à des degrés différents de luminosité. Ainsi le jaune devient plus lumineux (certains diront « fade ») lorsque l’on lui ajoute du blanc, et devient vert (et donc plus froid) lorsque l’on y ajoute du noir.

Une couleur mélangée à du blanc perd de son intensité et devient fade.

Quelques exemples de contrastes complémentaires.

Une couleurs mélangée à du blanc et du noir devient neutre et opaque.


Le contraste de quantité joue sur la différence de présence entre 2 couleurs contrastées. Ainsi une grande zone de violet accolée à une petite zone de jaune crée un contraste de quantité. Ce contraste est très subjectif car c’est la sensibilité de chacun qui orientera le contraste.

Le contraste simultané est dû à notre œil. Ce dernier, pour une couleur donnée, cherchera systématiquement sa complémentaire et la créera si besoin est. Il est d’autant plus fort que la couleur principale est lumineuse et que l’on la fixe longtemps.

Ces deux contrastes de quantité ne provoqueront pas nécessairement la même évaluation du rapport entre les couleurs selon les personnes.

Le rapport de force des couleurs étant identique, il est très difficile de dire laquelle l’emporte sur l’autre.

Le contraste simultané a surtout lieu entre une couleur et un gris. Les deux couleurs semblent se repousser et vibrer. Il est difficile d’en distinguer les bords de façon nette.

On peut atténuer le contraste en teintant le gris d’une couleur proche de la couleur principale dans le cercle chromatique.


Conclusion

Nous voici arrivé à la fin de ce premier chapitre visant essentiellement à vous faire découvrir les caractéristiques de la couleur.Je suis sûr que vous voyez déjà quelques perspectives intéressantes se dessiner par le biais des contrastes ou encore le fait de pouvoir jouer sur l’intensité d’une couleur.

En tout les cas j’espère que ce cours vous aura si ce n’est appris des choses, du moins intéressé.

Boris | explainMe

Voici les références qui m’ont servies lors de la rédaction de ce cours :

http://fr.wikipedia.org/wiki/Couleur

http://www.ac-reunion.fr/pedagogie/aa/pedago/theorie/couleur/contrast/contrast.html

« Textures & Couleurs » Owen Demers - Éditions CampusPress

Références

Education

explainMe | La couleur dans vos créations