Transcription
1. Introduction: Vous avez du mal à décider des couleurs à utiliser dans
vos compositions,
à savoir
quelle combinaison
ou harmonie fonctionnerait le mieux, quelle couleur doit être dominante ou comment obtenir un contraste
dans la palette choisie. La couleur et le contraste sont
tous deux essentiels pour
comprendre les objets qui nous entourent et notre environnement. couleur est probablement l'élément visuel le plus
important de tout projet de conception graphique. Comme cela déclenche
des émotions automatiques et
que la plupart des gens
comprennent même ce
qu'ils regardent. De même, le contraste est
un autre élément crucial qui attire l'œil, sépare les détails les
uns des autres et ajoute un intérêt visuel
à une composition. Dans ce cours, vous
apprendrez comment utiliser ces deux
composantes importantes de la conception graphique. Nous aborderons la théorie des
couleurs, les harmonies de couleurs, les
significations des couleurs et analyserons beaucoup de
travaux de création pour comprendre et apprécier diverses
formes de contraste. À la fin de ce cours, vous aurez plus confiance dans choix des palettes de couleurs
pour vos projets. Faire
ressortir les détails importants dans vos compositions. Assurez-vous de regarder la vidéo
suivante au cas où il s'agit du premier cours
que vous suivrez de la série de
théorie du design graphique. Je vais vous donner
quelques conseils utiles sur la façon de tirer le meilleur parti
de ce cours.
2. Termes et définitions: Vous avez probablement entendu parler de teinte, de
saturation, de valeur
ou de luminosité. Ce sont des
choses assez basiques que vous
connaissez probablement déjà si vous utilisez l' des applications Adobe, la une
des applications Adobe, la
plupart des applications l'
afficheraient sous forme de barre verticale, mais elles peuvent également être
représentées avec un veau de couleur 360 degrés. Et c'est pourquoi, normalement,
lorsque nous nous référons ici, il s'agirait de 360 chiffres, ce qui représente les 360
degrés du cercle complet. La saturation est un terme dont
vous avez probablement entendu parler. Et c'est important, mais probablement pas aussi
important que la chroma. Chroma est le terme
que nous utilisons normalement pour définir la pureté d'une couleur. La valeur chromatique la plus élevée
que vous pouvez obtenir lorsque vous avez une couleur sans être mélangée à quoi que ce soit
d'autre. Ainsi, par exemple, lire un rouge complet serait la chroma la
plus élevée que vous puissiez obtenir. Et une fois que vous commencerez à y
introduire différentes
formes, comme le blanc, vous
aurez différentes teintes de rouge. Ou si vous mélangez du noir, vous finiriez par avoir
différentes nuances de rouge. Et enfin, si vous ajoutez du gris, n'importe quel type de gris, vous finirez par avoir
différents tons de rouge. Et lorsque nous
parlons de saturation est légèrement différente,
car il s'agit plutôt
d' une mesure comparative
où l'on compare l'intensité d'une couleur à la couleur la plus vive ou la
plus intense, que nous allons normalement
fixer à 100 %. Par conséquent, si vous imaginez
le sélecteur de couleurs dans Photoshop comme un système de
coordonnées, saturation est l'axe X et
l'axe des Y sera de la
luminosité ou de la valeur, ce qui définit la luminosité
ou l'obscurité d'une couleur. Jusqu'à présent, cela semble
assez simple, mais cela devient compliqué
car la teinte peut réellement affecter et influencer
la valeur d'une couleur. Et il y a un exemple
parfait ici. Vous pouvez donc voir les couleurs
en haut, puis en dessous, vous pouvez voir ces valeurs. Ainsi, même si vous
ne choisissez que des couleurs pures avec la chroma la plus élevée, vous aurez toujours des
différences de valeur. jaune, par exemple,
est une couleur très brillante et de
grande valeur
par rapport à cela, bleu
plus foncé est très
faible en termes de valeur. Essayez donc de ne pas confondre
la valeur avec l'étain, ombre et le ton, car même
sans mélanger le blanc, le noir ou le gris dans les couleurs pures, il y aurait toujours des
différences entre les valeurs. Et c'est pourquoi il
est si important lorsque vous choisissez
un thème de couleur, couleurs
que vous choisissez, car vous pouvez finir par avoir une composition discrète ou sombre si vous choisissez des couleurs plus ou une composition vive et
lumineuse, si vous choisissez des couleurs
plus lumineuses ou plus importantes,
je vais bientôt vous montrer
de nombreuses illustrations et exemples qui vous aideront à
mieux comprendre ces termes. Mais tout d'abord, j'
aimerais vous ennuyer avec un
peu plus de
science, car j'ai l'
impression que c'est également très important lorsque nous parlons de couleurs. Maintenant, le
diagramme le plus simple que vous puissiez
comprendre ici est la roue chromatique
que nous avons mentionnée plus haut. Dans celui-ci, vous pouvez voir les
couleurs primaires mises en surbrillance. Ce sont donc ceux qui
sortent le plus de ce cercle. Ensuite, nous avons les couleurs
secondaires, qui sont toujours et mélangent les deux couleurs
primaires voisines. orange, par exemple, est
composé de jaune et de rouge. Ou le vert est composé
de jaune et de bleu. Et enfin, le violet
est fait de bleu. Et lisez, une fois que vous commencez mélanger les couleurs secondaires
avec les couleurs primaires, vous obtiendrez des couleurs tertiaires. Et ce sont ceux qui se trouvent sur ce cercle le plus
proche du point central. Désormais en tant que concepteur
ou illustrateur, la roue chromatique est
également importante pour que vous puissiez
trouver des harmonies de couleurs, mais surtout pour
trouver des couleurs complémentaires. Ce sont de superbes paires de couleurs et elles ont
très bien fonctionné ensemble. La façon dont vous pouvez
les trouver est très simple. où vous en avez,
disons jaune. Vous allez simplement du côté
opposé de la roue chromatique et vous
trouverez la couleur gratuite, qui est violette ou de
la même façon pour le bleu, la couleur gratuite sera orange et pour Le rouge
va être vert. C'est déjà une harmonie de couleurs, mais nous en apprendrons beaucoup
plus à ce sujet et tous les autres types d'harmonies entre les couleurs. En plus de la roue chromatique, nous pouvons également classer
les couleurs en fonction de la température, et c'est ce que vous pouvez
voir ici en bas. Il est donc mesuré en Kelvin et valeurs
les plus basses ou
les pierres les plus chaudes, tandis que les valeurs Kelvin plus élevées
seraient les tons les plus froids. Au milieu, nous avons du blanc, qui est de 5500 Kelvin, et la lumière du soleil est en fait
un peu
plus basse que cela, est de 4900 Kelvin. Maintenant, cette façon de
classer les couleurs est plus importante pour le cinéma
et la photographie. Mais toujours en tant que designer
ou illustrateur, il est bon de savoir que ce
n'est qu' une autre façon de les
classer. Et je pourrais devenir beaucoup
plus scientifique que ça si on commençait à
parler de longueur d'onde. Mais encore une fois, lorsque
vous comparez la couleur, température et la longueur d'onde, vous pouvez probablement déjà
voir les similitudes. Mais passons à autre chose et parlons un peu des espaces colorimétriques. En tant que concepteur, c'est certainement
très important pour, UM, vous connaissez
probablement
déjà
les différences
entre CMJN et RVB. Il s'agit donc de deux espaces de couleurs
utilisés pour différents supports. Mon RVB est principalement utilisé
avec les appareils qui ont besoin de lumière pour représenter des
couleurs comme un projecteur, caméra et un moniteur, le CMJN
serait utilisé pour l'impression. Et ce diagramme
montre très bien que le spectre visible
des couleurs est en fait
plus grand que le RVB et le CMJN. Et le RVB est également plus grand que ce que nous pouvons représenter
avec l'encre CMJN ou cyan, magenta, jaune et noire. Il peut également être utile de
se rappeler que CMJN est appelée méthode de couleur
soustractive, où vous
commencez par le blanc. C'est simplement
la couleur du papier. Ensuite, vous en soustrayez
jusqu'à ce que vous atteigniez le noir, qui est la
couleur la plus intense lorsqu'il s'agit d'imprimer. Au contraire, le RVB est
une méthode de couleur additive où vous finissez par
avoir du blanc lorsque vous combinez ou mélangez toutes
les couleurs ensemble.
En général, ce que vous
devez vous souvenir est que les couleurs que
vous avez voir sur votre écran ne seront pas aussi vifs
et vibrants une fois
qu'ils seront imprimés. C'est donc ce qui
se produirait normalement une fois que vous
imprimez une image. Il devient un peu, le saturé et les couleurs sont
légèrement délavées. C'est encore une fois dû à la
différence de spectre. Encore une fois, toutes
ces couleurs vives dans ces coins ici et ici et là sont celles que CMJN
ne peut pas représenter. Et encore une fois, c'est un
sujet énorme dont nous pourrions parler de l'ICC, profils de couleurs, de
la gestion des couleurs et des tons directs. Mais je n'
entrerai pas trop dans les détails. Une fois de plus, je les
aborderai dans le cours que j'ai mentionné
plus tôt au début. Mais en continuant, je voulais
vous montrer quelque chose d'
extrêmement important. C'est quelque chose qui m'a mis années à
comprendre et à comprendre l'importance de cela
est la clé et le contraste. Il s'agit de deux termes que vous
entendrez
normalement séparément. Mais une fois que vous commencez à penser les deux ensemble comme une paire, c'est
là que cela commence à avoir du
sens et c'est
là que cela
vous aidera à créer des compositions vraiment
saisissantes, ce soit photographie ,
illustration ou conception graphique. Ces deux termes,
c0 et contraste, ont donc quelque chose
à voir avec la valeur. Et vous pouvez voir ici
en haut que le tiers supérieur de ce système de
coordonnées
représenterait les valeurs
clés élevées des couleurs que les tons médians ou
viandes au centre, puis basse ou
des valeurs plus foncées en bas. Et le contraste,
encore une fois, vous
êtes probablement déjà familier
avec les moyens que vous avez des couleurs les unes
à côté des autres qui sont clairement différentes les unes
des autres. Plus le
contraste est généralement élevé plus ces différences sont frappantes. Et voici un graphique très
intéressant qui montre la combinaison de touches et de contraste simplement
en utilisant des valeurs de niveaux de gris. Mais bien sûr, cela s'appliquerait
également aux images
en couleur et faciliterait la
compréhension et la
visualisation. Voici quelques
portraits montrant exactement le même appariement
de ces deux termes. Ainsi, en haut à gauche, nous avons
la touche haute, le contraste faible, suivi de Heikki à contraste moyen, et enfin Heikki, l'image à contraste
élevé. Ils sont donc tous très lumineux, donc la valeur est élevée, mais nous augmentons
le contraste. Et surtout dans ce cas, les lèvres sont la
caractéristique remarquable du côté droit,
on a presque l'impression de vouloir
sauter de l'écran. Et c'est ainsi que
les contrastes peuvent être utilisés comme point focal dans
la composition. Plus bas, nous avons
la rangée de touches moyennes, encore de gauche à droite, ce
qui augmente le contraste. Et enfin, dans la dernière rangée, nous avons tous les portraits
discrets. De même, nous avons ici des loci, faible contraste à gauche. Et puis nous atteignons le bon vieux John, vague à droite avec une touche
discrète, très contrastée. Maintenant, ces types d'
images sont généralement
les plus frappantes
car vous avez beaucoup de noir et ensuite vous avez puissantes rafales de
vite à certains endroits. Et bien sûr, le
contraste le plus élevé que vous pouvez obtenir dans une composition est le noir pur, à
côté du blanc pur.
3. Sens des couleurs: Très bien, maintenant
que nous avons abordé les bases des
fondamentaux des couleurs, parlons de la
signification de la couleur. Et c'est plus une psychologie des
couleurs. Et c'est là que nous commençons à voir des exemples intéressants. Donc, d'abord, voici le rouge. Maintenant, si vous voulez en
savoir plus sur la signification de RAB, j'ai en fait une vidéo
distincte à
ce sujet, que vous trouverez
à nouveau dans la description ci-dessous. Et en un mot, le rouge est
idéal pour attirer l'attention. C'est une couleur très frappante, surtout lorsqu'elle est combinée
avec du noir et du blanc. Et il peut avoir beaucoup
de significations allant de la puissance, l'agression et de la force
à la fertilité. Et dans certains endroits, le monde
aussi la prospérité en général, lorsque vous utilisez le rouge dans
votre composition, cela peut aider à prendre
des décisions rapidement. C'est presque comme
un appel à l'action. En continuant, nous avons le bleu, qui est la couleur
du ciel et de la vue, donc naturellement il
aurait un effet calmant, mais il peut également représenter la confiance, pureté, la tranquillité
et la stabilité. Il s'agit en fait de la couleur
la
plus utilisée sur Internet et
dans les entreprises, en particulier pour
les marques liées ou associées à la sécurité
et à la propreté. Et un fait intéressant
à propos du bleu,
c'est qu'il ralentit notre
métabolisme. C'est donc encore pour cela que nous
considérons qu'il s'agit d'une couleur apaisante. En continuant, nous avons le vert, qui est associé à
la nature, à la croissance et à l'équilibre. Il symbolise l'harmonie, la sérénité et peut également être utilisé pour
la sécurité, tout comme le bleu. Il suffit de penser à l'
homme vert dans les feux de signalisation. C'est une couleur
certainement souvent utilisée
par les marques médicales et éco-marques. En continuant, nous avons le jaune, qui est la couleur du soleil, et il représente généralement la
joie, le bonheur et l'énergie. Maintenant, rappelez-vous quand
nous avons parlé valeur parmi toutes
les différentes utilisations, et le jaune est l'une des couleurs
les plus élevées. Il y a donc certainement
un lien là-bas. Pourquoi nous serions normalement
associés à l'énergie en général, lorsque nous regardons la couleur jaune, cela évoque des sentiments agréables et
amicaux et il est souvent utilisé dans l'
industrie du divertissement et pour les jouets. Cependant, cela peut aussi signifier qu' il peut
parfois se sentir
un peu enfantine. Bien sûr, ça ne semblait pas
puéril dans Kill Bill, mais il faut juste être conscient de cet aspect
de cette couleur. Jetons ensuite
un coup d'œil au violet. Maintenant, cela est généralement
associé à la royauté, au
luxe, à la noblesse et à l'ambition. Il est donc idéal pour les marques de luxe et les produits et services haut de gamme. Il convient de rappeler
que le violet est la couleur la moins claire des hommes, mais il est en fait dans les trois couleurs préférées des femmes. Et enfin, mais non des moindres,
jetons un coup d'œil à l'orange. Maintenant, c'est la couleur de la
communication et de l'optimisme. Il combine l'énergie du rouge et le bonheur du jaune. Et cela peut généralement
donner une sensation de chaleur et peut être
associé à l'été. Maintenant, je veux qu'il montre
intentionnellement qu'il peut représenter tant de sentiments et d'
émotions
différents , de la très
intimidante et déprimante Apocalypse Now à des
films comme le Roi Lion et même des lieux amusants.
comme les camps d'été. Pour résumer, la signification
des couleurs ne ressemble pas une science exacte par rapport
aux choses
dont nous avons parlé auparavant. C'est plus personnel
et les couleurs peuvent avoir des effets
différents
sur différentes personnes et la différence de culture à nouveau, peut vraiment avoir un impact sur la
perception de la couleur.
4. Harmonies de couleur: Maintenant, j'ai mentionné les harmonies de
couleurs antérieures et c'est la section suivante sur laquelle
je voudrais me concentrer, commençant par la
plus facile à comprendre les couleurs
complémentaires. Voici maintenant les deux couleurs côtés opposés
de la roue chromatique. Lorsque vous utilisez cette
harmonie de couleurs dans votre composition, vous pouvez obtenir un résultat
très frappant et vous obtiendrez le
contraste le plus élevé entre les couleurs. Et il y a une raison pour laquelle
Hulk porte des stylos violets, ce qui aide vraiment à souligner l'intensité
du personnage. Juste pour souligner deux
autres choses ici. J'adore la façon dont nous
avons partagé les tons
les plus chauds et les tons plus froids du
bas de cette composition. Encore une fois, c'est un parfait exemple d' harmonie
gratuite
ou de l'affiche
artistique du film Parasite, où nous avons les
tons plus froids en haut et les tons plus chauds en
bas divisés par les escaliers, qui est évidemment une partie très
importante du film. Et ce contraste entre les
couleurs représente également les différences sociales
entre les deux familles. Si vous ne l'avez pas déjà vu, je le recommande vivement
car il y a beaucoup de compositions
et de montages
vraiment sympas dans le film. Maintenant, nous avons notre prochaine Harmony appelée
split gratuite. ce qui est similaire au
complément avec la différence que
nous avons ici une couleur de base. Ensuite, de l'autre
côté de la roue chromatique, nous avons
deux couleurs adjacentes utilisées dans la palette. Cette palette est toujours énergique, même si elle n'est pas aussi frappante que l'harmonie complémentaire. Mais nous pouvons voir quelques exemples
vraiment intéressants ici, montrant qu'il peut s'agir d'une palette vraiment
amusante avec laquelle travailler. En continuant, nous avons Triade, qui peut être un peu
plus délicate que les deux précédentes. Ici encore, la meilleure
pratique consiste à choisir une couleur de base
, puis les deux autres devraient ressembler davantage à une couleur
supplémentaire. Vous ne devriez donc pas utiliser les
trois couleurs de manière égale, avoir un bon équilibre
entre elles. L'une de mes harmonies de
couleurs préférées doit être les couleurs analogues
, idéales pour créer
une certaine atmosphère. Encore une fois, en vous appuyant sur la
signification des couleurs que nous avons décrites
précédemment dans cette palette, vous choisiriez des couleurs
adjacentes les unes aux autres
sur la roue chromatique. Et dans ce cas,
pour créer un contraste, vous compteriez principalement sur
la valeur, les tons et les nuances. Enfin, nous avons
Tetra, la palette de couleurs, où nous avons quatre couleurs sur un rectangle dans
la roue chromatique. Essentiellement, ces quatre
couleurs peuvent être
divisées en deux paires complémentaires. C'est encore une fois un
peu plus complexe et pas aussi facile à tirer que
les autres que nous avons vus jusqu'ici. Cependant, les lieux
intelligemment et avec un bon équilibre entre les couleurs
sélectives, cela peut,
encore une fois, donner lieu à d'
excellentes compositions et vous pouvez même avoir des harmonies de couleurs V
doutes . différentes
teintes les unes avec les autres. Vous pourriez donc finir par avoir une
palette de couleurs monochromatiques lorsque vous
utilisez une seule teinte
et que vous
combinez simplement différentes
nuances, tons et teintes. Et nous pouvons voir à quel point cela pourrait
bien fonctionner dans ces
illustrations ici. Et puis on parle de couleurs
achromatiques. C'est alors que vous comptez uniquement
sur différentes nuances de gris. Encore une fois, je
voulais délibérément
vous montrer que lorsque vous travaillez avec valeurs en
noir et blanc ou gris provenant du
crâne très menaçant à gauche, vous pouvez finir par avoir ces Des
illustrations mignonnes et câlins aussi. Une palette de couleurs ne
devrait donc jamais être une restriction de l'apparence de votre
travail. Il s'agit plutôt de mettre l'accent sur une
certaine humeur ou une certaine atmosphère. Et une fois que vous apprendrez
à travailler avec eux, cela
va vraiment vous
montrer et vous aider à rendre votre travail
plus professionnel. Puisque nous
parlons d'harmonies, je voulais également mentionner
la règle 603010, principalement utilisée
dans le design d'intérieur. Cependant, il peut
également être appliqué à la conception
graphique et à l'illustration. Et c'est
un excellent moyen d'
équilibrer les proportions entre
les couleurs sélectionnées. Et normalement, la façon dont
vous travaillez avec cela est que vous
choisiriez votre couleur de base, qui représentera
environ 60 % de la composition. Ces couleurs doivent généralement avoir une valeur chromatique élevée
ou une couleur pure, suivies d'une couleur
supplémentaire, soit 30 %
de la composition. Enfin, les dix pour cent
seraient votre couleur d'accent, qui se
démarquerait vraiment et serait normalement une couleur complémentaire
à votre couleur de base. Et voici deux exemples lorsqu' il est appliqué dans le design d'intérieur. Mais comme je l'ai dit, il peut s'appliquer à toutes sortes de choses, de l'emballage, du
design,
de l'image de marque, et pour être
honnête pour tout ce qui est visuel.
5. Perception de la couleur: Maintenant, nous avons déjà beaucoup parlé de
la perception de la couleur, mais je voulais m'assurer
que ce n'est pas seulement la signification que nous
associons deux couleurs
qui sont importantes, mais aussi le démographique
de votre public cible. Les couleurs peuvent être perçues
différemment selon les
sexes et les
différents groupes d'âge, sans parler des personnes de
différentes parties du monde. bons exemples sont le rouge et le blanc, qui ont
des significations complètement différentes dans l'
ouest et l'est du monde. Et enfin, parlons un peu daltonisme, ce qui est encore une fois
très important pour vous, en tant que graphiste,
car cela peut
vraiment avoir
un impact et influent sur la façon dont vous travaillez. daltonisme
diminue la capacité de voir les couleurs ou la
différence entre les couleurs. Et c'est beaucoup plus fréquent
chez les hommes que chez les femmes. Encore une fois, c'est un sujet beaucoup
plus complexe et je ne veux pas
normaliser ni généraliser, mais les femmes sont généralement
mieux différenciées que les hommes pour différencier
les couleurs. Encore une fois, cela a
beaucoup à voir avec la génétique. Vous pouvez maintenant voir ici les trois principaux types de
daltonisme et leurs statistiques
parmi la population. Et chaque fois que vous créez des designs, ce
sont ceux
que vous devez surveiller et vous
assurer que
les compositions que vous créez n'
utilisent pas de paires de couleurs difficiles ou impossibles. à voir avec ce type de diminution des capacités
visuelles. Un excellent outil gratuit que
vous pouvez télécharger pour Mac
et PC
s'appelle Color Oracle, que j'ai déjà exécuté
ici en arrière-plan, et actuellement il est
réglé sur une vision normale. Mais laissez-moi zoomer
ici sur le mélanome. Et si j'appuie sur un
raccourci que j'ai configuré, je peux rapidement passer à simulation de l'un des types de
daltonisme. Et si je le voulais, je pourrais même passer à d'autres types comme
les
tweets et OPIA, encore
une fois, sera
légèrement différent. Là encore, c'est juste un moyen simuler le daltonisme
et de vous aider à voir où je vais
avoir besoin de plus de contraste entre les couleurs, en particulier
pour la typographie. Ceci est important car l'utilisation de paires de couleurs
les unes à côté des autres difficiles à différencier
affectera la lisibilité. Dans Photoshop, vous
disposez en fait des deux principaux types de daltonisme en tant qu'option d'épreuvage des
couleurs, que vous pouvez trouver dans
le menu Affichage Configuration de la preuve. Et là, vous
verrez le daltonisme mettre un OPIA et
ils vont ténor OPIA. J'espère que je l'ai
bien prononcé. Et vous pouvez simplement utiliser
le raccourci
Y de commande ou de contrôle pour basculer entre le
daltonisme sélectionné. Encore une fois, il ne s'agit que
d'une simulation qui revient à voir
les couleurs normalement. En bas, vous pouvez voir que j'ai volontairement
sélectionné deux couleurs qui ne fonctionneraient pas
bien ensemble pour ce type particulier
de daltonisme. Ainsi, les textes disparaissent presque
complètement par, si je passe à l'
autre daltonisme, vous verrez que les textes
en haut disparaîtront. Encore une fois, revenons
à la normale et une fois pour le voir ou simuler
ce daltonisme. Il existe également un site Web vraiment
cool où vous pouvez
prouver votre site Web daltonien. Il vous suffit d'insérer
votre URL et de
choisir le type de daltonisme que
vous souhaitez simuler. Et alors vous pourrez les
voir l'un à côté de l'autre. Ainsi, les couleurs originales et la façon dont les personnes atteintes de cette daltonie
verraient les couleurs. Et je peux voir notre site, la
mission designer.com. Cette couleur devrait probablement
changer car elle est un peu difficile à voir
sur le fond blanc. Et c'est tout ce que je
voulais aborder dans cette vidéo. J'espère que vous l'avez trouvé utile. Si vous ne vous êtes pas
déjà abonné, assurez-vous de le faire maintenant
au cas où vous ne voudriez pas
manquer les prochains
épisodes de cette série.
6. Illustration: Jetons un coup d'
œil à quelques illustrations
étonnantes pour
en savoir plus sur le contraste. Alors tout d'abord, pourquoi le
contraste est-il le principe de conception ? Eh bien, parce que c'est un outil fondamental dans la communication
visuelle, et peu importe ce que
vous faites en tant que créatif, c'est quelque chose que vous devez
vraiment comprendre et
utiliser dans votre travail. Je dirais presque chaque
fois que vous fassiez, que ce soit la photographie, design
UX, l'illustration, la conception
graphique. C'est quelque chose que vous devez
vraiment comprendre et l'
utiliser consciemment dans votre travail. Tout au long de cette vidéo,
je vais choisir quelques exemples
et j'essaie de vous
expliquer comment les
contrastes sont mis en œuvre
car à peu près tout ce que vous utilisez dans vos conceptions. Ainsi, tous les éléments
que vous placez dans votre conception peuvent
utiliser le contraste, qu'il
s'agisse d'échelle,
d'orientation, de couleur , de
valeur ou à peu près tout ce
que vous pouvez penser. Tout attribut peut avoir un effet de contraste
lorsqu'il est utilisé délibérément, lorsqu'il s'agit d'
illustrations en particulier, contraste est généralement utilisé
comme dispositif de narration. C'est quelque chose que vous pouvez utiliser pour créer de la tension, de l'intérêt. Ainsi, même sur cette première illustration
frappante, il y a une
utilisation claire du contraste. Et surtout, il s'agit de ces formes rondes douces
et des coins vifs. Et c'est un bon rythme
qui est créé ici. Nous avons donc toujours la
forme ronde puis un point pointu, forme
ronde et
un point pointu et qui va
dans tout le design. Bien sûr, il y a
aussi des contrastes la couleur ou la valeur. Mais plus important encore,
je dirais qu'il s'
agit du
contraste de forme dans ce cas, qui rend cette
illustration efficace. C'est maintenant un bon
exemple de voir comment le contraste peut être
utilisé pour la narration. Nous avons donc deux couleurs très
contrastées, la température dans cette image. Nous avons les tons chauds de la lumière provenant du livre, puis nous avons tous
ces tons frais autour de lui dans l'environnement. Ainsi, dans ce cas, le contraste établi nous aide non seulement à nous concentrer sur les
détails les plus importants de l'illustration, mais il raconte également cette histoire, cette chaleur ou cette
énergie positive qui provient de lire le livre crée cet
environnement agréable et paisible pour ce couple, ou faire un style différent, mais très similaire à celui-ci. Nous avons quelqu'un qui
travaille dans la forêt. Et encore une fois, nous avons établi un
contraste, dans ce cas, avec une palette de couleurs plus
monochromes dans les parties sombres et une palette de couleurs éclatante dans la partie
éclairée par la torche. Et dans cette composition, le contraste contribue également à établir le mouvement ou la direction. Nous avons donc une
orientation claire établie ici. Et encore une fois, l'
aspect narration est également important. Nous avons des animaux et des personnages
qui réagissent à la lumière. Et nous avons aussi ces
choses effrayantes ici dans le noir. Donc, sans texte
ni explication, nous comprenons clairement
ce qui se passe dans cette illustration et
nous pouvons nous y rapporter. Maintenant, un autre mot-clé dont
nous devons parler quand il s'agit de contraste
est la juxtaposition. Cela signifie placer deux éléments différents l'un à
côté de l'autre, ou deux choses qui sont en
contraste l'un avec l'autre. Et il est utilisé dans la publicité
et dans toutes sortes de communications
visuelles pour attirer
l'attention du spectateur. juxtaposition
repose donc sur le contraste, et c'est un bon
exemple d'avoir deux choses différentes de forme similaire, mais évidemment très
différentes dans la vie réelle, une banane et un requin combinés
ensemble et créant cette valeur de choc qui est nouveau utilisée pour attirer l'attention
des gens. Maintenant, lorsque vous regardez
cette illustration, vous pouvez déjà commencer à
réfléchir propriétés utilisées pour
établir le contraste. Et il y en a en fait
beaucoup. L'une des plus évidentes,
bien sûr, est l'échelle. Nous avons donc un personnage énorme, qui n'est même pas dans le cadre, mais nous pouvons voir l'
échelle de l'ombre qui est projetée sur ces petits personnages qui
se trouvent au milieu. Mais en plus de cela, il y a aussi d'autres choses qui contribuent
à créer le contraste. Et si nous y regardons de plus près, vous
verrez probablement mieux qu'
il y ait également une
différence de texture. Par conséquent, via
l'arrière-plan et l'ombre est texturée, le personnage au milieu
est complètement propre, il n'y a
donc aucune texture
dessus. Et oui, la texture joue également
un rôle très important dans l'
établissement du
contraste. Pensez simplement à une
couverture de livre où vous avez un joli détail d'embole ou
quelque chose qui a une feuille d'aluminium. Vous
avez donc immédiatement une texture. Nous allons faire la différence entre les détails
en relief ou tous les détails par rapport au
reste de la housse. Et même si cette
différence texturale n'est pas tactile, pas quelque chose que vous
pouvez réellement ressentir. Lorsque vous regardez une
illustration comme celle-ci, vous l'avez déjà à
l'arrière de la tête. On ressent presque la différence
entre les deux surfaces. Maintenant, bien sûr, il y a aussi une valeur et une couleur
contrastées. Le personnage principal par rapport
à l'environnement. Et en tant que conseil professionnel, vous devez toujours préserver les détails les plus
clairs et les plus sombres jusqu'au point central
de votre composition. Ce que je veux dire par là, c'
est que dans ce cas, cela aide
évidemment à attirer l'
attention sur le
personnage car nous avons cette couleur vive sur le pantalon et nous avons
les détails les plus sombres, probablement dans l'illustration l'une à
côté de l'autre. Mais voici un autre
exemple brillant d'utilisation de ce contraste extrême et de
l'utilisation sur le point focal,
où il est évident que nous avons ici
le détail le plus sombre, ce bâtiment contre les nuages blancs éclatants
en arrière-plan. Une autre illustration du même artiste
aime et de la Sibylle, vous recommande
vivement de
découvrir son travail. Lorsque vous entrez dans le tableau de Milan, suffit de cliquer sur le
lien, puis explorer tous les projets
qu'il a sur Behance. C'est fortement recommandé car
vous pouvez en apprendre beaucoup sur la composition en regardant
simplement son travail. Mais encore une fois, comme je viens de
le dire, les détails les plus contrastés sont
les points focaux très clairement établis
dans la composition. Et un autre exemple
d'un autre artiste, nous avons encore une fois un point focal très
clair, établi en plaçant ces deux
couleurs contrastées extrêmes l'une à côté de l'autre. Maintenant, le contraste est également
un excellent outil pour déterminer la distance ou la
profondeur de votre composition. Et c'est une chose que nous appelons la perspective atmosphérique, qui signifie que tout ce qui est
éloigné de nous tendance à perdre sa
saturation ou sa vibrance. Et il y a évidemment de l'air
entre vous
et la distance, et cela commence à
diminuer la couleur et plus loin quelque chose est, plus
les couleurs seront silencieuses, et plus elles
vont aussi se mélanger quelle que soit la couleur du ciel. Ceci est très
couramment utilisé dans les peintures, dans l'illustration, et nous pouvons également le voir très clairement ici. Nous avons donc ces
tons plus froids au premier plan, contrastés par les
tons chauds du ciel. Et tous les détails qui
vont plus loin dans distance vont se rapprocher de la
couleur du ciel. Mais encore une fois, comme je l'ai dit, le
contraste est l'essentiel qui établit cette distance. Même si nous regardons une
illustration bidimensionnelle plate, nous avons toujours l'impression qu'il y a
une grande distance que nous pouvons parcourir lorsque nous
regardons cette œuvre d'art. Maintenant, même une illustration comme
celle-ci parfaitement symétrique peut avoir une composition
dynamique très intéressante en ayant ce contraste dans les couleurs à
gauche et à droite. Cette technique de contraste avec les couleurs complémentaires utilisées pour éclairer la scène est également très courante
en photographie, et nous examinerons quelques
exemples plus tard. Mais lorsqu'il s'agit
d'utiliser une palette de couleurs limitée, il est également important d'
utiliser le contraste
comme outil pour séparer les détails
ou les caractères dans ce cas. Il y a donc probablement
quatre ou cinq couleurs utilisées dans cette illustration. Mais plus important encore,
vous ne
verrez jamais deux couleurs identiques l'
une de l'autre. Prenons donc ce personnage ici au milieu
, par exemple. Elle a donc des manches jaunes et un violet foncé pour le pantalon. Sa couleur de peau est bleue, directement à côté
ou à gauche et à droite, nous avons des personnages avec
différentes couleurs de peau. Ils sont donc plus magenta. Leurs pantalons sont tous les deux cyan, ils ne vont
donc pas entrer en conflit avec cet autre
personnage au milieu. Et le seul
détail qui se chevauche la même couleur dans ce cas
est ce petit détail ici. Nous avons donc le teint cyan de notre
personnage central, s'il vous plaît à côté ou
chevauché avec cette couleur bleue du pantalon
de cet autre personnage. Cela serait donc considéré comme une erreur si ce n'était
pas intentionnel, mais parce que cet
Illustrator utilise les
couleurs contrastées l'une à côté de l'
autre et crée
un beau rythme. Dans cette ligne de caractères, ces petites zones de fusion entre les personnages
ne posent aucun problème. Si quoi que ce soit, cela le rend plus intéressant et
permet
au spectateur de travailler un peu plus fort pour comprendre ce qui se passe. Mais en général, si vous suivez les couleurs de gauche à droite, comme la numérisation à travers l'image, vous verrez toujours un beau motif
et un rythme créés. Il suffit donc de suivre
la couleur magenta. D'abord. On l'a ici sur la jupe, puis on utilise plus sur la peau, puis on descend jusqu'à la jupe, puis sur la peau, puis on descend ici sur le chien que nous ne l'avons
aussi sur la peau, puis jusqu'au pantalon
qu'ici sur le haut-parleur. Et la peau, aussi l'
oiseau que nous l'avons encore sur ces détails
au milieu, puis sur
la peau à la fin. Vous pouvez donc voir à quel point
cette illustration
guide vraiment l'œil du spectateur
dans toute la composition. Maintenant, avant de parler un peu plus de photographie, voici un autre
exemple brillant de contraste établi avec nombreux aspects différents
de cette composition. Tout d'abord, nous
avons une poésie et une
forme géométrique très forte derrière elle. Ainsi, dans ce cas,
la forme géométrique et les détails organiques, la face
crée déjà un contraste. Ensuite, nous avons également le contraste extrême du
noir et du blanc l'un à
côté de l'autre, ce qui est physiquement le
contraste le plus élevé possible. C'est pourquoi les illustrations
de typographie en noir
et blanc peuvent
être si efficaces. Mais ce qui est le plus intrigant, c'est avoir la même couleur que celle utilisée sur les poils du visage ou sur la
barbe et la moustache sur ce personnage que la couleur utilisée sur cette forme
en arrière-plan. Et la seule chose
qui
les sépare vraiment , c'est cette fine ligne
noire ici. Encore une fois, en réfléchissant aux choses que nous avons
déjà abordées, vous pourriez dire qu'il n'
y a pas assez de contraste ici. Cependant, le manque de contraste peut être tout aussi
efficace que le contraste. Rappelez-vous que j'ai dit,
créant une tension visuelle. Donc, soit en utilisant le
contraste, soit en faisant le contraire, créera
exactement la même tension. Apprendre à utiliser un principe de conception est la première
étape pour le comprendre,
mais la prochaine étape, ou plus tard, lorsque vous aurez
plus confiance dans son utilisation, consiste à apprendre à pousser la limite jusqu'à ce qu'elle fonctionne encore, mais il ne s'agit que de fonctionner. C'est un exemple parfait d'avoir, encore une fois,
des couleurs
noir et blanc l'une à
côté de l'autre, formes organiques et géométriques l'une à côté de l'autre. Mais il y
a aussi une très faible séparation de
contraste entre deux détails importants, encore une fois directement l'un
à côté de l'autre. Encore une fois, il y a des tensions
créées à plusieurs niveaux. Ces détails ou
solutions subtils et moins
évidents sont
ceux qui rendent votre travail
professionnel. C'est ce que nous
dirions normalement qu'il faut développer un œil pour qu'il puisse
créer quelque chose comme ça. Le meilleur exercice à faire
est de toujours faire très
attention et d'analyser tout ce que vous
voyez que vous aimez. Et essayez de vraiment identifier ce
qui rend
ce travail intéressant, ce qui le distingue et comment tous ces
principes sont utilisés ou non utilisés pour créer
un effet spécifique.
7. Photographie et film: Nous avons déjà vu des exemples
étonnants d' illustrations où le
contraste est utilisé, ce soit pour établir
le point focal ou pour aider à raconter l'histoire. Voici quelques exemples de typographie, et
plus important encore, un rappel de quelque chose que
nous avons déjà abordé dans une autre vidéo
sur la théorie des couleurs. Dans cette vidéo, j'explique
en détail
la différence entre la valeur et contraste et la
relation entre eux. Et ces neuf images que
vous pouvez voir sur mon écran sont des exemples
parfaits
du petit
diagramme sur le côté gauche. Vous avez peut-être entendu
ce terme « low key »
ou « high key » et « photographie ». Et c'
est essentiellement jouer avec des tons plus clairs ou plus sombres. Et encore une fois, bien qu'il s'agisse photographies et de photos
que nous examinons, c'est le même
principe que celui que vous pouvez utiliser dans vos
compositions graphiques. leçon la plus importante à apprendre ici est que ce n'est pas toujours le contraste le plus élevé qui vous donnera
le meilleur résultat. Cela dépend vraiment du
type d'ambiance ou ambiance que vous envisagez
de définir dans votre composition. Ainsi, par exemple, une
image comme celle-ci
avec un contraste élevé peut
être tout
aussi efficace qu'une image à faible contraste ou un exemple extrême où presque tout
se fond, mais quand même nous pouvons voir
les détails importants. Considérez donc le contraste comme un curseur que vous pouvez
ajuster dans votre composition. Vous pouvez le pomper et créer
quelque chose de très spectaculaire lorsque vous utilisez beaucoup de contraste ou que vous pouvez
l'utiliser avec parcimonie, peut-être l'utiliser uniquement dans certaines parties de
votre composition. Comme ici est un
exemple étonnant de Floride touffue, où elle
a à nouveau évidemment une composition haute clé, à contraste élevé,
mais le contraste élevé n'est
utilisé que sur ces points focaux
importants de la composition. Et un autre exemple étonnant
de juxtaposition de deux choses placées l'une sur l'
autre et alignées de
cette manière particulière. Cela le rend
très intéressant, si vous aimez les films et autres
biens, étudier pour comprendre comment utiliser le contraste
serait Sin City, où évidemment il a été très utilisé
dans tout le monde. film. Et en fait, les deux films en
sont de parfaits exemples. Presque toutes les scènes sont
entièrement en noir et blanc et les détails les plus contrastés sont toujours utilisés à des fins de
narration. Ils ont donc mis en évidence ces détails uniques qui sont importants pour un personnage
spécifique. Mais il y a aussi beaucoup de
scènes où vous auriez des couleurs qui sortent de l'environnement
noir et blanc. Encore une fois, utilisé pour mettre certains détails et
créer des points focaux. L'effet pop de couleur, bien sûr, est également utilisé en photographie pour séparer à nouveau certains
détails de l'environnement. Et là encore, c'est
quelque chose que j'appellerais une utilisation très évidente du contraste. Peut-être à un point que c'est sur le
dessus ou un fromage, alors que vous avez un contraste plus
subtil dans les compositions quand il
s'agit de photographie. Lorsque, par exemple,
vous avez un seul arbre qui semble se tenir
au centre de la prise de vue. Mais en fait, cet
arbre est celui qui tombé et tous les autres
arbres sont debout. Puisqu'il s'agit d'une vue d'oiseau, probablement prise avec un dessin, mais avec cette utilisation très intéressante et subtile du contraste, nous avons une composition très
unique. Je ne dis pas que
vous devriez éviter d' utiliser trop de contraste
dans vos compositions. Il s'agit encore une fois
de trouver le juste équilibre pour ce que
vous essayez de dire. Parce que rappelez-vous, vous communiquez visuellement
et c'est trouver ton de voix qui convient le mieux à l'histoire
que vous racontez.
8. Design graphique: Donc, en sautant directement dedans, nous avons une image très emblématique pour commencer, des graffitis de Banksy, qui montre très
bien de nombreux aspects des choses que nous avons
déjà discutées dans la première partie de ce projet. tutoriel. Nous avons donc un contraste extrême entre noir et le blanc
l'un à
côté de l'autre. Mais nous avons aussi une
touche de couleur sur les fleurs. Ainsi, le contraste de saturation crée ici un point
focal clair. Mais nous pouvons également constater une
utilisation claire de la juxtaposition. Lorsque nous avons deux
choses contrastées ensemble. Nous savons tous qu'une personne comme
celle-ci ne jetterait pas fleurs pour quelque chose de
beaucoup plus nocif. Mais ayant cette
valeur de choc, c'est ce
qui fait que ces graffitis sont si
populaires et si puissants. Maintenant, c'est assez courant
pour les affiches de films
ainsi que pour utiliser un contraste extrême. Et la
combinaison noir, blanc et rouge est très populaire dans toutes sortes de
designs car le rouge est un excellent point culminant
ou une couleur pop. Et le noir et blanc, comme
nous l'avons déjà dit, est le contraste extrême. Donc la paire la plus percutante
que vous puissiez assembler. Mais outre le contraste
de couleur et de valeur, il y a aussi d'autres choses qui contrastent dans cette composition. L'un d'eux est la
direction ou l'angle, car nous avons une ligne
très claire qui divise la composition
ici au milieu. Mais cette ligne se répète avec les épaules de Russell
Crowe en haut, puis aussi avec le chapeau du
personnage de Christian Bale en bas. Ces trois lignes
sont donc presque parallèles et créent un très fort mouvement
diagonal à l'
intérieur de l'affiche. Mais en contraste, nous avons un autre angle très fort qui va presque dans la direction
opposée. Et cela est créé par le fusil que Christian
Bale tient. Et en plus de cela, nous avons également un contraste dans la typographie. Les noms et prénoms
sont donc très différents en
termes de poids de ligne. Et cela crée un
très bon contraste. Et c'est une façon très
typique d'utiliser contraste en typographie
pour établir hiérarchie et créer une
similitude entre les éléments. Maintenant, nous avons ici une brillante couverture de
magazine, une fois encore, complètement monochromatique, donc nous n'avons que du noir et blanc. Et en ce sens, le logo du
vignoble sur le dessus utilise
déjà le contraste extrême
du noir et du blanc. Mais j'ai adoré la façon dont la silhouette ou le portrait se chevauchent ou entrent dans une
partie particulière du logo. Il crée une belle interaction sans rendre la lecture difficile. Maintenant, outre le
contraste évident entre l'
espace blanc et noir de la couverture, qui crée la
silhouette elle-même. Nous avons également un contraste
entre ce bloc plat de couleur et les lunettes
photoréalistes détaillées, ce qui crée un point focal
parfait vers l'avant de la composition, et aide également à reconnaître
le personne à l'image. Maintenant, même dans l'image de marque, vous aurez un contraste en plus du
contraste évident de la valeur du noir et du blanc, nous avons à nouveau un contraste
secondaire des formes rondes
sur le côté gauche et les lignes droites
sur le côté droit. Et cela peut être un
exemple facile à rappeler que généralement sur un bon design
sous la surface, il y a tous ces contrastes secondaires et
tertiaires
supplémentaires établis. Il y en a donc toujours
un qui est évident, mais il y en a
d'autres que vous pouvez trouver. Si vous commencez à éplucher des
couches et que vous commencez vraiment comprendre comment quelque chose a été créé et quelle
était l'intention. Gardez donc toujours cela à l'esprit
que chaque fois que vous créez quelque chose en plus du contraste
évident, vous pouvez toujours avoir des usages cachés, moins reconnaître un mélange plus subtil des usages du
contraste également. Voici une superbe affiche
qui a été créée le 100e anniversaire
du style ou du mouvement Bauhaus. Et cela capture parfaitement de nombreuses couches de contraste. Nous avons donc les formes
géométriques
contrastées superposées les unes sur les autres. Nous avons également des couleurs contrastées, mais nous
avons également un contraste dans le bord, les détails ou la clarté. Ainsi, si chaque forme a un coin
très clairement défini, l'autre côté de
la forme sera mélangé et disparaîtra, créant ainsi un beau mélange
entre ces éléments pour
établir l' équilibre.
entre le côté gauche et le côté droit
de cette composition, nous avons le coin visible de la forme en
haut sur le côté gauche, tandis que sur celui du
bas, nous
avons ce
coin visible net. à droite. Cela aide à avoir à peu près même volume de couleur, à gauche
et à droite. Ou vous pouvez également diviser
la composition de cette façon. Et encore une fois, vous aurez peu près le même
équilibre. Et au fait, vous ne
pouvez pas simplement
compter sur le contraste pour créer
une excellente composition. Il faut toujours le
jumeler et le combiner avec d'autres principes
comme l'équilibre. Dans ce cas, nous avons vu des
exemples d'utilisation avec
le rythme et le motif dans les illustrations de
l'épisode précédent. Voici un autre excellent exemple de contrastes utilisés en typographie. Nous avons donc deux messages
différents superposés l'un sur l'autre. Et la raison pour laquelle
nous pouvons toujours le lire c'est parce qu'ils sont
clairement différents. L'un est un type
sans empattement condensé, qui n'a que les contours. Et l'autre est plutôt
une taxe de type script manuscrite, qui est évidemment également de couleur
différente, mais qui a également une qualité un peu
tridimensionnelle. Encore une fois, pour que cette
composition fonctionne, il était nécessaire d'établir plusieurs couches de contraste. Certains sont plus évidents, d'autres un
peu plus subtils. Maintenant, il y a aussi un
effet psychologique du contraste. Il y a une raison pour laquelle
la plupart des boutiques en ligne
auraient des produits similaires
disposés les uns à côté des autres. Cela vous permet donc de
les comparer et de trouver
lequel est le meilleur, plus
rapide, le plus grand, etc. L'un des exemples
les plus
minimalistes et les
plus
professionnels serait probablement exemples
les plus
minimalistes et les
plus
professionnels Apple, où vous
pourrez voir à nouveau différents modèles
les uns à
côté des autres. Et là encore, en plus de la différence
évidente de taille, que l'on voit clairement quand
ces deux-là sont placés l'un à
côté de l'autre. Nous avons également un contraste
dans l'utilisation du papier peint, qui définit clairement
la version pro différente des deux autres. En UX et en conception Web, le
contraste est crucial car ils sont principalement utilisés sur les éléments avec lesquels
vous pouvez interagir, qu'
il s'agisse de
cadrans comme ceux-ci, boutons
ou de tout autre élément de
navigation. Mais même dans le contenu, vous auriez
établi un contraste sur la taxe pour s'assurer qu'
elle est facile à trouver. Et en même temps, pour créer une
hiérarchie et une similitude, nous avons la même couleur, la même
police et même le même placement utilisés dans toutes ces icônes ou éléments ici sur cet écran.
9. Culture populaire: Et enfin, voici
quelques autres exemples. Encore une fois, il suffit d'examiner différents aspects des
façons d'utiliser le contraste. Un artiste que j'aimerais
vraiment
souligner qui est à mon avis, Oilly Moss est
un maître de l'utilisation du
contraste. Alors jetez un coup d'œil à son travail. Ces affiches sont toutes
de lui ici en haut. Et son travail,
en plus d'utiliser le contraste, est également très reconnaissable pour l'utilisation intelligente de l'espace
négatif, que ce soit pour créer un
jumelage intelligent de la silhouette ou du profil de Clint
Eastwood et du pistolet, dans ce cas, ou le
pin créé en
tant que lecture secondaire provenant des montagnes et des
rochers au premier plan. Ce que je voulais faire ressortir
cette affiche d'
Oilly Moss, car elle a de multiples
façons d'utiliser le contraste, nous avons ces lignes fortes sur le côté gauche et droit, ce qui également la tension et
aide vraiment à concentrer et orienter l'
œil du spectateur vers le centre et il utilise le contraste. Nous avons les détails les plus brillants
et les plus sombres uns à
côté des autres, créant ainsi un point focal
sur le personnage féminin. Le même contraste élevé
utilisé sur le titre, qui est également en
même temps les dents. Mais nous
avons aussi le contraste d' échelle avec cet énorme singe
gigantesque et le petit
personnage devant lui. Puisque nous
parlons de King Kong. C'est encore une fois,
un
autre exemple de design emblématique de
l'énorme monstre, du singe et de la petite petite femelle
fragile est comme le contraste ultime
que vous pouvez
assembler dans un cadre
et dans un composition. Cette
juxtaposition extrême consistant à placer deux
choses complètement différentes l'une à côté de l'
autre crée une tension très
puissante et une histoire convaincante à raconter. Le même type de paires de
personnages contrastés se retrouve également dans des émissions télévisées comme
The Mandalorian. Encore une fois, des
personnages complètement différents lors d'un voyage ensemble créent une histoire très
puissante et captivante. Et comme avant, ce n'est pas seulement leur taille, mais aussi leur comportement
qui est différent. Les choses qu'
elles sont différentes. Dans ce cas, l'espèce
est également différente. Et les interactions de ces personnages
contrastés, ce qui rend une
histoire intéressante n'est peut-être pas aussi extrême, mais le même contraste dans paire de
personnages peut
être vu dans Logan, également dans la dernière version
de Jeu de Dieu de la guerre, ou même Last of Us. Et encore une fois, le fait que
dans cette composition, plus d'avoir ces deux caractères
contrastés ensemble, il y a aussi le contraste extrême noir
et blanc en valeur qui aide à amplifier la tension et rend l'ensemble de la composition
plus intéressante à regarder. Et
enfin, un autre artiste que j'ai voulu souligner auprès duquel vous pouvez apprendre beaucoup sur l'utilisation du contraste dans
votre composition. C'est Magnesia Lopez. Il a produit une
quantité incroyable d'affiches, dont la
plupart vous serez probablement familier
si vous utilisez Pinterest ou soyez mains parce que son travail est
partout sur Internet. Et l'un des principaux
attraits de son travail, en
plus d'être très créatif, est l'utilisation intelligente du contraste
multicouche. Et maintenant, après avoir
parcouru tant d'exemples, je suis sûr que vous pouvez repérer la plupart de
ces V en utilisant le contraste, par
exemple, dans cette composition
ou en voici un autre. Encore une fois, de nombreuses façons astucieuses
d'introduire le contraste, qu'il
s'agisse de
formes nettes et rondes l'une à côté de l'autre, ou de couleurs vives vives à
côté de détails sombres ou
de la combinaison inattendue de deux images, créant le point focal
au centre de la composition. J'espère vraiment que ces
exemples vous aideront à utiliser et à utiliser le
contraste dans votre propre travail. Pour résumer, la
chose la plus importante en matière de contraste est que vous devez l'
utiliser dans chaque composition, mais vous devez apprendre
à le tonifier de haut en
bas en fonction de ce que vous
souhaitez atteindre, augmenter le contraste si vous
souhaitez créer un design dramatique et
percutant et le
tonifier si vous voulez être un
peu plus subtil, mais n'
oubliez pas non plus d'établir plusieurs couches de contraste. Ainsi, outre le contraste évident, ayez
toujours quelques façons
plus nuancées de l'introduire dans vos comps. Et il ne sert
à rien de
répertorier ce qui peut être contrastant
dans InDesign, car tout peut être
contrastant comme nous l'avons vu à partir de ces nombreux
exemples que nous avons abordés, cela dépend uniquement de
votre créativité et décisions
créatives quant à la façon dont vous
l'utilisez pour votre travail.
10. Vérificateur de contraste en ligne: En ce qui concerne le contraste, une des choses les plus
importantes en tant que graphiste que vous devez
prendre en compte est de s'assurer qu'il y a
suffisamment de contraste pour le texte, car cela
affecte la lisibilité. Il s'agit d'un
site Web génial pour lequel vous trouverez
le lien
ci-dessous cette vidéo ainsi que sur les tableaux de mélanome où vous pouvez tester des combinaisons de
couleurs, ayant une couleur d'arrière-plan
et la couleur du texte. Et vous serez en mesure
d'obtenir des évaluations et voir à quel point ce contraste va
se produire. Donc, dans ce cas, nous avons
un score très élevé avec cette couleur bleu foncé utilisée pour le texte et la couleur bleu
vif utilisée pour l'arrière-plan. Mais voyons ce qui se passe
si je change la couleur du texte. Je vais juste
aller plus haut ici, et immédiatement la
note baisse, donc nous obtenons une note très médiocre. Donc, ce ne sera certainement
pas contraste
suffisant pour une petite taxe, mais cela ne
fonctionnera même pas pour les gros textes. Ces citations à droite sont uniquement à des fins d'aperçu, mais vous pouvez toujours le voir
en plein écran, juste pour voir le résultat de
la combinaison de couleurs. Et j'aime beaucoup
cette option ici, qui peut vous aider
à corriger le contraste. Ainsi, une fois que vous avez cliqué dessus, vous pouvez sélectionner ce que
vous autorisez à modifier. Dans ce cas, je
vais juste dire ajuster les deux couleurs et
nous ajoutons immédiatement à un score élevé. La bonne chose est
que vous pouvez copier ces codes de hachage une fois que vous avez
trouvé la bonne combinaison. Mais vous pouvez également changer le
sélecteur sur d'autres modes de couleurs. Ainsi, au lieu du code hexadécimal, vous pouvez également obtenir des codes RVB, CMJN et même des codes de laboratoire. Et si vous décidez de le copier, cliquez
simplement sur cette
petite icône ici, que vous
pourrez ensuite utiliser dans n'importe quelle application Adobe. Maintenant, au cas où vous vous demandez comment fonctionne cette notation, vous pouvez trouver plus d'
explications à ce sujet. Il est en fait conforme
aux directives d'
accessibilité des contenus Web, qui définissent deux
niveaux de contraste. Le WA est le niveau de
contraste minimal, et l'AAA est le contraste amélioré
ou idéal. Dans la vidéo suivante,
je vais vous montrer un autre
outil très intéressant de 3M. C'est ce qu'on appelle le logiciel d'
attention visuelle. ne s'agit pas d'une application gratuite, mais c'est un excellent plug-in que vous pouvez utiliser dans les applications
Adobe. Et vous verrez comment l'
intelligence artificielle peut être utilisée
pour prédire instantanément ce que les spectateurs verront au premier coup
d'œil lorsqu'ils
regarderont vos créations. Comme vous le verrez, la couleur et le contraste de
vos compositions ont beaucoup à voir avec ce que les gens vont
prêter attention à vous.
11. Logiciel d'attention visuelle Partie 1: Nous sommes ici dans Photoshop
et comme vous pouvez le constater, j'ai déjà ouvert le
plug-in logiciel 3M
Visual Attention sur le côté gauche. Et si vous vous demandez comment
installer ce plugin, probablement le plus simple
si vous allez dans
le menu des plugins et
choisissez des plugins de navigateur. Cela va vous emmener
à l'application Creative Cloud, où vous pouvez rechercher des
plugins et il vous
suffit de taper 3M
ici sur le côté gauche. Ce plugin est actuellement
disponible pour Photoshop, Illustrator et Adobe XD. Mais pour l'instant, revenons
simplement sur Photoshop et voyons comment nous pouvons améliorer la conception de cet emballage en
chocolat et faciliter la
recherche des
informations pertinentes à ce sujet pour les acheteurs . Au fait, ce design
a été créé par Nina, qui est l'une de nos étudiantes
membres. Et il a été soumis pour
l'un des nombreux
projets créatifs que nous proposons dans ce programme de
mentorat. Si vous souhaitez en
savoir plus à ce sujet,
le lien se trouve dans la
description ci-dessous. Maintenant que j'ai ce
design chargé dans Photoshop, je peux utiliser le plugin pour tester fonctionnement de
ce design. Tout d'abord, nous devons choisir quel type de contenu il s'agit. C'est un emballage. Je vais donc choisir ça. Mais au fait, vous pouvez voir qu' il y a beaucoup
d'options ici. Et si, pour une raison quelconque il ne fait partie
d'aucune de ces catégories,
vous pouvez toujours en choisir d'autres. Parce que ce plugin utilise l'intelligence
artificielle. Il est utile de choisir la bonne catégorie
au début. Et après cela,
tout ce que vous avez à faire est simplement de cliquer sur Analyser. Maintenant, pour rendre les choses
plus rapides et plus fluides, j'ai déjà
quelques résultats ici, et je vais vous
montrer comment j'affine
le design en fonction des commentaires que je
reçois du plugin. Je vais juste activer Show, ce qui va d'abord me donner
une carte thermique, mais je peux également passer aux points chauds
et à la séquence de regard. Il faut généralement environ 10 à 20 secondes
pour générer une analyse, principalement en fonction de
la complexité de la conception sur laquelle vous
exécutez l'analyse. Tous les résultats sont
toujours générés sous forme de groupes distincts
ici à droite. Vous pouvez donc facilement l'
activer et l'éteindre pour voir la conception originale et les informations
générées par le plug-in. Ainsi, lorsque vous cliquez sur ces options ici à gauche, vous
passez d'une
couche à l'autre dans le document. Et en
regardant la carte thermique, je peux déjà voir
quelques choses. Tout d'abord, le nom de la
marque Choke ou Rica, est assez bon. Il se distingue, mais pas
autant que l'illustration. Ce qui est complètement perdu c'est l'information réelle
au bas de la page. Ainsi, ce n'est même pas
couvert par
le regard du spectateur selon le
plugin, dans ce cas, l'illustration elle-même
attire trop
l'attention et des informations
importantes sont perdues si nous
passer aux points chauds, encore
une fois, il confirme
simplement que l'illustration est actuellement deux
dominantes. Mais comment fonctionne réellement ce
plugin ? Il est important de le
comprendre pour
pouvoir
améliorer nos conceptions. Ainsi, sous le capot, le
plugin analyse en fait une relation complexe entre
les cinq éléments visuels
que vous pouvez voir ici. Ils ajoutent donc des arêtes, de
l'intensité, du rouge, contraste
vert, du bleu, du
jaune et des visages. Et il est également important de
mentionner que le
plugin simule le premier coup d'œil
au lieu d'une vision consciente. premier coup d'œil est
donc universel dans le monde entier. Et c'est quelque chose
que nous faisons sans penser, c'est que les 35
premières secondes lorsque nous regardons quelque chose. C'est donc ce que le plugin
peut simuler de très près. Maintenant, en revenant à notre conception, nous pouvons enfin
regarder la séquence de regard, ce qui est également très utile. Cela nous donne essentiellement les quatre premiers endroits où l'attention de nos téléspectateurs
sera attirée. Et dans ce cas, tous
les quatre restent dans
l'illustration. Ils ne portent donc même pas
le nom en haut
ou les informations en bas sur
la saveur et le type de chocolat que
cet emballage fait quatre. Donc, en ce qui concerne les
objectifs de cette conception, que les informations
en bas, en haut doivent être perceptibles
ou rapidement reconnaissables. Nous sommes actuellement
très éloignés. C'est un bon
exemple de parfois un beau design coloré
peut paraître joli, mais il peut ne pas être efficace en ce qui
concerne l'
objectif réel du produit. Maintenant que nous avons reçu nos
commentaires du plugin, jetons un coup d'œil à la
deuxième version du design. Il s'agit d'un changement subtil. Donc, tout ce que j'ai fait ici, c'est de
rendre l'illustration un
peu plus considérée. Il a donc moins de contraste
et moins de saturation. De cette façon, nous réduisons également
l'intensité et le contraste des
bords, et même le contraste des couleurs comme nous
l'avons vu auparavant. Et j'ai essayé de rendre l'information
en bas de page beaucoup plus dominante, alors je l'ai simplement agrandie. Jetons donc un coup d'
œil aux résultats maintenant. Encore une fois, en
commençant par la carte thermique, que les rouges sont les détails
les plus dominants. Et puis il devient jaune, vert, puis bleu. bleu marque les zones
qui attirent encore l'attention mais le
moins d'attention par rapport à ces autres détails. Nous avons donc réussi à obtenir un peu
d'amélioration ici, nous avons maintenant
un peu
d'attention sur cette
information en bas de la page. téléspectateurs vont donc probablement
lire de quel type de
chocolat il s'agit, et peut-être même la saveur. Encore une fois, nous pouvons voir si je reviens à la
présentation du design. Ainsi, les textes
de framboise en bas, mais malheureusement scellent
l'illustration sont deux dominants et
attirent encore trop l'attention. Donc, si nous passons aux points chauds, cela confirme encore une fois que
cette zone en haut est toujours pas
assez importante ou perceptible. Et dans l'illustration il
y a des zones très contrastées et elles
attirent vraiment trop
l'attention. Si je passe à la séquence de regard, cela montre encore une fois que tout commence ici sur cette cascade, puis saute sur l'
information en bas, puis revient à
nouveau vers l'oiseau dans l'illustration. Et ce n'est qu'à la toute fin que
cela atteindrait
le logo en haut. Au lieu de cela, je
préférerais voir quelque chose comme le numéro
un en bas, puis le numéro deux en haut. Et puis le numéro 34 peut se trouver quelque part dans l'
illustration au centre. Une fois de plus, nous
devons revenir à
la planche à dessin et
peaufiner notre design. À partir de cette deuxième version,
je suis donc passé à une version beaucoup plus
simplifiée. Il contient encore une partie de l'illustration
originale, mais de manière beaucoup plus
simplifiée. Nous essayons donc de
garder l'attention sur les éléments importants et de garder toute l'illustration
comme une lecture secondaire. Revoyons donc
les résultats de cette version. Voici la carte thermique. Tout
d'abord, malheureusement, l'illustration
suscite encore beaucoup d'intérêts. Et quand on
regarde les points chauds, il semble que même un
petit détail de fond comme celui-ci puisse confondre les spectateurs. Et au lieu de regarder les informations
ici en bas, leurs yeux seront attirés par ce détail inutile, qui est simplement là à
des fins de décoration. Ensuite, nous passons à la séquence gay. Nous pouvons voir qu'il y a encore trop de temps ici
au centre, donc nous n'y sommes toujours pas. Mais voici une autre version qui est encore plus raffinée. Permettez-moi de passer
d'avant en arrière entre 34 ans. Comme vous pouvez le constater, l'
essentiel que j'ai fait ici est de repositionner
certains éléments, mais aussi d'agrandir
les éléments de l'illustration. Et surtout, j'ai déplacé cet oiseau coloré
vers le bas, car je sais qu'
il attire l'attention et que je ne
veux pas le laisser hors du design, alors c'est probablement
il est préférable de le placer là où je veux que l'attention
soit portée. Même chose avec le paresseux, bien qu'il attire l'
attention au centre, c'est un bon moyen de
diriger ou de transférer l'attention des
deux détails importants en haut et en bas. Avant d'expliquer toutes mes
autres décisions de conception et comment j'améliore la conception, examinons l'
analyse de cette version. Voici donc la carte thermique, comme je viens de le voir à nouveau, la conception et la carte thermique. Et nous pouvons voir que c'
est déjà bien mieux. Nous avons donc beaucoup de zones
actives ici en
bas et aussi en haut. Mais ce qui m'
intéresse surtout , c'est de voir les points chauds et la probabilité de l'attention
portée par certains éléments. Et je peux voir maintenant que l'image de marque ou le
logo sera le plus fort où il y a 84 %
de chances que les gens prêtent
attention à cette partie, puis le secondaire s'en va. pour être ce détail
ici en bas. Et puis seulement le troisième sera l'illustration
au centre. C'est donc le bon ordre
que je voulais atteindre. Mais jetons également un coup d'œil à
la séquence k. De même, il nous montre le
numéro un en haut, puis le numéro deux, le numéro trois et le numéro quatre
redescendant. Je suis donc très content de ça. C'est bien mieux que
ce que nous avons commencé. Et juste pour comprendre quelles
sont les décisions que j'ai prises, je vais simplement désactiver
les résultats et vous montrer que même des choses simples comme gradation ou les éléments d'
arrière-plan peuvent faire une énorme différence. . Nous pouvons donc encore voir
ces feuilles ici, et cela crée encore cette ambiance
colorée de jungle. Mais par rapport au design
original, qui était trop coloré et
trop de petits détails ajoutés. C'est beaucoup plus contrôlé, mais il y a aussi de
petites astuces utilisées ici pour attirer l'
attention du spectateur. Remarquez ces triangles
ici en bas
, censés être des arbres. Ils pointent tous
ce domaine sur lequel je veux attirer l'attention
des gens. Et même entre
ces deux détails, le haut et le bas, nous avons ces feuilles qui agissent comme un petit chemin visuel entre ces deux détails que
nous voulions mettre en évidence. Il est important de comprendre que vous, en tant que graphiste, toujours en contrôle et que
c'est vous êtes toujours en contrôle et que
c'est vous qui devez prendre les décisions fonction de l'analyse ou résultats obtenus par le
plugin.
peut générer.
12. Logiciel d'attention visuelle Partie 2: donc
très important pour
chaque concepteur graphique de comprendre comment créer compositions
efficaces et
utiliser la couleur, le contraste est donc
très important pour
chaque concepteur graphique de comprendre comment créer des compositions
efficaces et
utiliser la couleur, le contraste, la
topographie et la
hiérarchie . Vous devez compter sur vos
connaissances et améliorer ces connaissances pour pouvoir
créer de meilleurs designs. Et le plug-in
n'est là que pour vous aider à prendre ces
décisions
et à effectuer des itérations. Tout comme ce que j'ai fait ici, passant par quelques étapes jusqu'à ce
que je sois satisfait. Je peux également montrer ces
résultats à mon client. Vous pouvez afficher et comparer votre historique d'analyse VS dans l'application Web si vous souscrivez
à un abonnement complet, qui inclut l'accès
à l'application Web et tous les
plugins disponibles pour Illustrator, Photoshop et Adobe XD. Nous pouvons donc facilement comparer
la première version, la dernière, en
les sélectionnant et en choisissant Comparer. Ensuite, nous pouvons
passer d'une carte thermique à l'autre. Les points chauds sont des séquences gays. Et si nous le voulons, nous
pouvons également télécharger le rapport sous forme de PDF que nous pouvons partager avec notre client au cas où
vous seriez intéressé par ce
qui se passe sous le capot. Vous pouvez également consulter
l'onglet Éléments visuels, qui crée ces images en niveaux de
gris montrant
exactement les cinq
éléments visuels dont nous avons
parlé. Les arêtes, l'intensité, les différents
contrastes de couleurs et les faces. Et dans certains cas, vous
voudrez peut-être les voir séparément et peut-être que cela vous aidera à affiner
davantage vos conceptions. Maintenant, en revenant à Photoshop, il y a une autre
caractéristique importante que je voulais
mettre en avant et c'est
les domaines d'intérêt. C'est quelque chose que
vous pouvez faire dans n'importe quelle application Adobe à
l'aide de l'outil Rectangle. Et si je sélectionne
cette zone ici en haut et cette
zone en bas, en sélectionnant ces deux
rectangles et en choisissant l'option Convertir en zones
d'intérêt
ici à gauche, le greffon va maintenant
comprendre que ce sont des
détails importants dans la conception. Et si je reviens maintenant et que je réalise
une autre analyse, je pourrai me concentrer sur les deux domaines mis en évidence et
les comparer vraiment les uns aux autres. Je peux donc voir dans ce cas que
les détails de
la marque en haut sont en fait plus forts que les
détails en bas. Et je l'
utiliserais normalement comme étape finale après avoir tout affiné et que je sais que le
design général fonctionne, je peux toujours affiner petits détails comme la mise à l'échelle des
choses de haut en bas, en réduisant un peu le contraste, et en fait, il suffit de modifier les résultats finaux en
se concentrant sur ces
points d'intérêt. Au début de la vidéo, j'ai mentionné que
le plugin est également disponible pour Illustrator
et Adobe XD. Et je voulais juste montrer le travail avec un
autre de nos
élèves. Dans ce cas, il s'agit de la conception de l'application
Philips
créée ici dans Adobe XD. Ici, le
plugin logiciel 3M Visual Attention vous donnera une option supplémentaire
pour pouvoir sélectionner jusqu'à quatre tableaux d'art à
analyser en même temps. Donc, dans ce cas, je peux
sélectionner cet écran initial, puis peut-être cet
écran supplémentaire où nous
choisissons les ingrédients
puis les commandes. Je suis donc simplement enfoncée sur la
touche Maj et je sélectionne ces tableaux artistiques. Je vais juste
zoomer un peu plus près pour qu'on puisse mieux les
voir. Et une fois que j'ai cliqué sur Analyser, après un peu de chargement, j'obtiendrai à nouveau les mêmes résultats sur tous
les tableaux d'art sélectionnés. Nous avons donc nos cartes thermiques, nous avons nos points chauds, ainsi que la séquence de regard. Et déjà sur le
premier écran, je vois que les icônes sociales sont trop grandes et attirent
trop l'attention. Au lieu de cela, nous devrions avoir l'option de connexion beaucoup
plus perceptible. Sur cet autre écran,
qui est la liste de contrôle. Encore une fois, nous pouvons vérifier notre carte thermique, les points chauds et
la séquence gay. Je pense qu'en se basant principalement
sur
les points chauds, l'image attire un
peu trop l'attention. Ici encore, nous devrons peut-être
équilibrer un peu les choses et nous assurer que l'image n' attire
pas
trop l'attention. Au lieu de cela, nous avons un
peu plus de contraste ou visibilité sur les
ingrédients réels ici au centre. Et c'est tout ce que je
voulais vous montrer dans cette vidéo. J'espère que vous avez trouvé cela
intéressant et perspicace. Il est toujours bon de
comprendre comment mieux
impliquer les spectateurs avec vos créations et comment améliorer vos compositions avec
ce premier coup d'œil à l'esprit.
13. PROJET - Techniques d'Adobe Photoshop: Dans Adobe Photoshop, lorsque
vous ouvrez un fichier PSD, vous trouverez des calques
plus anciens dans le panneau Calques. Et ils sont déjà
organisés de manière à ce qu'il soit
plus facile de trouver des choses. Ainsi, par exemple,
les détails du texte sont tous regroupés. Et nous avons également tous
ces éléments au milieu de ce groupe de calques. Pour pouvoir
les voir individuellement, il
suffit d'ouvrir le groupe lui-même, puis de sélectionner un calque. Quoi qu'il en soit. Cependant, il existe un
moyen plus rapide d'accéder aux couches. d'autres termes, si vous
utilisez l'outil Déplacer, si l'option de
sélection automatique est désactivée, mais assurez-vous que les entités de la
couche sont sélectionnées. Vous pouvez utiliser la touche
Commande ou Ctrl pour cliquer rapidement sur Détails et les sélectionner ici dans
le panneau Calques. C'est donc un
moyen rapide de les atteindre. Maintenant, si vous avez
activé la sélection automatique, cela
se produira automatiquement sans maintenir le raccourci clavier
que je viens de mentionner. En fait, je le préfère
sans l'ancienne sélection. Faisons en sorte
que je ne change de
couche que lorsque je le voulais vraiment. Supposons maintenant que ce calque est sélectionné
ici au milieu. Au lieu d'appliquer un réglage
directement à
ce calque, je
recommande d'
ajouter un calque
de réglage à ajouter un calque
de réglage partir de cette icône en bas, vous pouvez trouver tous
les réglages. Mais je recommande d'utiliser la saturation de la
teinte
la plupart du temps lorsqu'il s'agit de fixer les couleurs d'un détail
existant. Maintenant que ce calque de
réglage est ajouté, nous pouvons
double-cliquer sur cette icône pour accéder
au panneau des propriétés où
nous pouvons apporter nos modifications. Ici, nous pouvons commencer à
déplacer les choses. Mais remarquez que lorsque
je fais cela,
cela affecte en fait tout ce qui se trouve sous ce calque de
réglage. Maintenant, seule la
couche que nous voulions cibler, mais tout le reste. Il est important de
comprendre que
seuls les détails qui
se trouvent en dessous changeront. Par exemple, ce calque, qui est celui de droite,
comme vous pouvez le voir, ne change pas de couleur parce
qu'il
est au-dessus des autres calques. Maintenant que je déplace ce réglage de
teinte, je peux déjà voir quelques
meilleures compositions. Il peut donc améliorer
le contraste et les harmonies entre les couleurs qui le font déjà à un niveau
global comme celui-ci. Mais je recommande de le
faire plus individuellement. Pour ce faire, maintenez la touche
Alt ou Option enfoncée et cliquez entre le calque de
réglage et le calque
que vous souhaitez cibler. Vous créez ainsi un
calque de réglage découpé ou un masque d'écrêtage. Et si j'active
et désactive ce calque , nous pouvons voir
que le réglage que nous avons créé affecte
directement le
calque situé en dessous. Et c'est la seule
chose qui change lorsque je déplace le curseur de teinte. Maintenant, en plus du curseur de teinte, vous pouvez également régler la saturation afin de l'
augmenter ou de la diminuer,
rendant les couleurs plus
monochromes ou plus pastorales. Si c'est juste réduire la saturation. Et il n'est pas vraiment recommandé d'apporter
des modifications similaires, mais vous pouvez également
expérimenter cela si vous le souhaitez. Celles-ci peuvent vraiment
effacer les couleurs. Il est donc préférable de s'appuyer
principalement sur les changements de teinte et de
saturation
pour ces exercices.
Vous devez également éviter d'utiliser
la fonction colorisée, Vous devez également éviter d'utiliser car elle transforme
simplement calque sélectionné en un seul La teinte supprime toutes
les variations d'utilisation. Je ne vais donc
pas l'activer. Au lieu de cela, je
vais simplement essayer de trouver une couleur qui présente un
contraste suffisant par rapport à son environnement. Et en même temps fonctionne également comme une belle harmonie de couleurs avec
tous les éléments réunis. Donc maintenant, si je cache ce panneau, vous pouvez voir que je peux facilement
activer et désactiver le réglage
que j'ai créé. C'est donc totalement
non destructif. Et je peux également double-cliquer sur cette icône pour revenir
aux modifications que j'ai appliquées et apporter d'autres
modifications quand je le souhaite. Une fois que vous avez terminé toutes les améliorations
que vous avez créées, assurez-vous d'enregistrer le
fichier PSD et de l'exporter au format JPEG, ce qui sera le moyen le plus simple
de le télécharger et de le partager.
14. PROJET - Techniques d'Adobe Illustrator: Dans Adobe Illustrator,
vous pourrez utiliser une fonctionnalité très pratique pour
obtenir rapidement de meilleurs résultats. C'est ce que l'on appelle la fonction
de recolorisation Et je recommande d'utiliser
l'outil de sélection, pas l'
outil de sélection directe dans ce cas. Ainsi, vous pouvez sélectionner composants ou des
groupes d'objets
plus grands. Dans ce cas, cette bannière entière peut être sélectionnée de cette façon. Mais si vous n'êtes pas sûr de
ce que vous sélectionnez, il est également bon de garder le panneau des
calques ouvert où vous pouvez réellement suivre ce que vous ciblez actuellement. Dans ce cas, je peux simplement
vérifier en activant et en désactivant cette sélection que c'est la bannière que je vais également
apporter des modifications. Donc, une fois que vous êtes sûr de le
sélectionner correctement, vous pouvez simplement cliquer sur cette
icône dans la barre d'options. Dans, si vous
ne voyez pas cette icône, allez
simplement dans le
menu Fenêtre et assurez-vous
que l'
option de contrôle est activée. Une fois que vous avez cliqué sur l'entité, ce panneau
flottant s'ouvre, que vous pouvez déplacer. Et cela vous donnera
quelques options. Tout d'abord, vous pouvez voir toutes les couleurs incluses
dans la sélection. Ensuite, vous pouvez
également voir les couleurs représentées sur cette roue chromatique. Maintenant, je ne vais pas entrer
trop dans les détails sur le
fonctionnement de cette fonctionnalité , car je vais le
montrer dans des vidéos séparées. Mais pour l'instant, je
vais juste vous montrer rapidement si je déplace simplement
ces couleurs, je peux voir comment cela change
la bannière sur la droite. Et quand j'arrive à un résultat
plus agréable que l'original, tout ce que j'ai à faire est de cliquer quelque part
à l'extérieur et puis c'est
déjà appliqué. Donc, si nous voulons maintenant
voir avant et après, nous pouvons utiliser la fonction d'annulation. C'était donc avant et refaire pour voir les modifications
que nous avons appliquées. Puisque le thème de ces
bannières est le printemps et que le printemps est axé sur les
belles couleurs vertes fraîches. J'ai l'impression qu'il fonctionne déjà bien mieux que
l'original. Mais après avoir appliqué
l'illustration de recolorisation, nous pouvons
bien sûr sélectionner des détails individuels comme
l'arrière-plan ici, en utilisant l'
outil de sélection directe, la flèche blanche. Avec cela, je peux cibler des objets
individuels comme l'
arrière-plan dans ce cas. Et je peux modifier
ses couleurs en utilisant le panneau des couleurs ou
le panneau Nuancier. Et j'ai enregistré ici quelques échantillons
utiles que
vous pouvez expérimenter. Et vous pouvez voir immédiatement comment ils modifient la composition. Donc, si nous voulons
obtenir quelque chose de très frais ou de couleur pâle
en arrière-plan, cela peut aider à
établir plus de contraste. Bien entendu, vous pouvez décider d'utiliser quelque chose de
plus sombre que l'arrière-plan. Gardez simplement à l'esprit que
vous voulez créer une belle harmonie de couleurs et que vous voulez
également avoir
suffisamment de contraste. Donc, une chose que l'
acier ne fonctionne pas bien dans ce cas, c'est
ce petit ruban ici, qui est la partie appel à l'
action de la bannière. Donc, si je l'ai sélectionné, je peux voir qu'il s'agit
en fait d'un dégradé. Il ne s'agit donc pas d'une seule
couleur, mais d'un dégradé. Et la façon dont nous pouvons changer
cela le plus facilement est d'appuyer sur
G sur le clavier, ce qui fera apparaître l'annotateur de
dégradé. Ensuite, je peux sélectionner des couleurs individuelles
dans le dégradé. Donc, par exemple, si
je veux me débarrasser de cette couleur brune ici, je peux maintenant choisir une couleur très rapidement dans le panneau des couleurs
ou même dans le panneau Nuancier. Et une fois
que je trouve quelque chose qui fonctionne bien, disons que ce violet crée
plus de contraste. Ensuite, je peux cliquer et
mieux le regarder. Si je veux toujours y
apporter des modifications. Encore une fois, je vais le sélectionner à l'aide de l'outil de
sélection directe. Ensuite, appuyez sur la touche G du clavier, et je peux sélectionner
une autre couleur. Peut-être que c'est le plus brillant ou quelque chose comme
ça. Et si je clique maintenant, encore une fois, je peux vérifier
si cela fonctionne ou non. Maintenant, je ne suis toujours pas
satisfait de cette composition. Ce que nous avons réussi à l'améliorer
par rapport à la façon dont il a commencé. Et au cas où vous n'êtes pas
sûr obtenir
des améliorations ou non, vous pouvez créer
un tableau en double à l'aide de l'outil Tableau d'illustration. Il suffit de maintenir la touche Alt
ou Option enfoncée tout en faisant glisser le plan de travail
par son étiquette. De cette façon, vous pourrez facilement
suivre les bannières d'origine et les versions que
vous améliorez. Assurez-vous d'enregistrer
le fichier Illustrator lui-même
pour pouvoir revenir
aux objets avec lesquels
vous avez travaillé et continuer à
y apporter des modifications si vous
souhaitez toutefois pouvoir partager
le résultat final, assurez-vous d'enregistrer
votre travail au format JPEG,
soit en allant sur l'export pour les écrans, soit en faisant
une capture d'écran. Et si vous utilisez
deux tableaux d'art,
vous pouvez même en faire une capture
d'écran côte à côte, ce qui permettra à chacun de
voir
plus facilement les modifications
que vous avez apportées. Bonne chance et amusez-vous bien
avec ces exercices. J'ai hâte de voir comment vous mettrez en œuvre tout ce que
nous avons appris dans ce cours et dans quelle mesure vous serez
capable d'améliorer l'impact de ces compositions en fixant ces harmonies de couleurs
et contraste.
15. PROJET - Adobe Illustrator - Recolor Artwork: J'ai toujours été un grand fan de
la fonction de recolorisation des illustrations. Vous pouvez utiliser cette fonction normalement
lorsque vous souhaitez améliorer la palette
de couleurs d'une illustration. Par exemple, nous avons une
belle illustration ici sur le côté gauche avec de
magnifiques couleurs d'automne. Et sur le côté droit, nous
avons deux exemples de la même illustration où je suis satisfait de la composition
générale, mais je ne suis pas
sûr à 100% des couleurs. Grâce à la nouvelle illustration de
recoloration améliorée, nous serons en mesure d'utiliser l'
illustration de gauche
comme référence et de faire correspondre les couleurs de notre
illustration de droite. Alors testons ça. Je vais sélectionner
cette illustration ici. Cliquez sur l'icône
de
recolorisation de l'illustration dans la barre de contrôle. Au fait, si vous
ne le voyez
pas, allez dans le
menu Fenêtre et choisissez contrôle. Une fois que nous l'avons sélectionnée
, cette nouvelle boîte de
dialogue flottante apparaît, que nous pouvons déplacer facilement. Je vais juste le garder
quelque part au milieu. Et notez que nous avons ici
l'option appelée
Color Theme Picker. C'est donc la nouvelle fonctionnalité
géniale que je voulais vous montrer. En cliquant dessus, nous pouvons sélectionner une illustration. Ceci est regroupé ici
sur le côté gauche. Et c'est important car si vous ne
regroupez pas des éléments, cet outil ne
pourra pas échantillonner toutes les couleurs
incluses en même temps. Donc, une fois que je clique dessus, vous remarquerez qu'il a
déjà été appliqué sur
le côté droit, et j'ai juste volontairement gardé la version originale ici
au milieu pour que vous
puissiez comparer les deux. Mais nous pouvons aller bien plus loin si
nous voulons uniquement échantillonner une certaine zone de l'illustration de gauche avec le même
thème de couleur Picker, nous pouvons simplement dessiner autour du domaine qui
nous intéresse. Disons simplement
quelque chose comme ça. Et immédiatement, l'illustration change sur le côté droit. Maintenant, laissez-moi revenir en arrière pour sélectionner
toutes les couleurs une fois de plus, puis affinons
quelques éléments. Cette couleur jaune, je vais juste me déplacer
un peu plus vers les oranges,
quelque chose comme ça. Et puis la tente avec la couleur
verte est plutôt jolie. Mais peut-être
voulons-nous également changer légèrement et aller vers
les violets ici. Je pense que cela va mieux avec
la palette de couleurs générale. Et vous pouvez commander la comparaison
des couleurs d'
avant et d'après. Mais
reprenons la couleur de l'illustration, dans ce cas sur l'
illustration du milieu. Je vais le déplacer
légèrement vers la gauche et vous montrer quelques fonctionnalités intéressantes supplémentaires. Tout d'abord, les
couleurs d'origine que nous avons ici, nous pouvons les affiner en
ajustant ces valeurs
ici en bas. C'est la luminosité
que nous pouvons réduire et rendre toutes les
couleurs plus foncées ou plus claires. Nous pouvons également passer
à la saturation, où nous pouvons désaturer les
couleurs en les faisant glisser vers la gauche ou en ajoutant couleurs
plus vives si vous les
faites glisser vers la droite. C'était déjà disponible
dans les versions précédentes, mais c'était juste beaucoup
plus long. Maintenant, avec ce menu rapide, il est beaucoup plus rapide et facile
de faire ces montants. Mais ma nouvelle fonctionnalité préférée dans l'
illustration de recoloration doit être la section des couleurs dominantes dans
laquelle nous pouvons jouer avec les proportions des couleurs dans
l'illustration. Par exemple, si je
voulais voir plus de cette couleur, qui se trouve ici sur le côté droit, je peux simplement la faire glisser vers la gauche et vous pouvez voir comment elle commence à prendre le
dessus sur la couleur du ciel. Donc, si je le fais glisser vers l'arrière, nous en avons encore plus. Ou encore, je peux
le suivre en arrière et nous avons encore une fois plus de
couleur sur la droite. Nous avons également ici les deux icônes avec lesquelles nous pouvons
randomiser les couleurs. Celui-ci randomise
l'ordre des couleurs, ce qui peut créer des résultats assez
surprenants. Et puis vous avez également
la randomisation de la saturation et
de la luminosité des couleurs. Encore une fois, ils étaient
disponibles auparavant. C'est juste plus
rapide pour le moment, nous pouvons toujours réinitialiser
les couleurs rapidement avant de quitter la fonction de
recoloration. Et si vous souhaitez accéder à toutes les options avancées ou à
la boîte de dialogue d'origine, vous pouvez simplement cliquer sur l'
option Avancé ici en bas. Et cela devrait être la façon la
plus familière de voir la fonction de
recolorisation des illustrations. Si vous avez un groupe, vous pouvez simplement utiliser l'outil de sélection
directe et mettre en surbrillance les parties que vous
souhaitez modifier également. J'ai donc utilisé l'outil flèche blanche
ou l'outil de sélection directe, mettez-le en surbrillance sur le
côté droit de ce groupe. Et maintenant je vais revenir
à la même icône. Choisissez-le,
puis revenez en arrière,
liez les couleurs d'harmonie et
faites-le glisser de l'autre côté. Nous avons donc rapidement créé un côté complémentaire à
l'œuvre originale. Donc sur le côté gauche, nous
avons les couleurs chaudes. Sur le côté droit, nous
avons les tons les plus froids. Vous pouvez probablement déjà voir
le potentiel de cet outil, mais laissez-moi vous expliquer tout ce que vous
pouvez faire avec. Je vais en fait
alterner entre les œuvres d'art ici. J'ai donc trois exemples
différents. Encore une fois, j'ai l'
original sur la gauche et je vais appliquer
les modifications sur la droite. Je vais inclure à la
fois le contexte dans ce cas et
l'illustration elle-même. Montez pour recolorer les œuvres d'art. Et commençons simplement ici
dans cet onglet appelé assigner. Il y a ces deux zones principales : Modifier et Assigner. Maintenant, lorsque nous ajoutons assigner, l'
une des premières choses
que j'aime faire est d'
enregistrer les couleurs
actuelles dans un nouveau groupe de couleurs. C'est l'option
en haut. Si je clique dessus. Cela va
générer ça pour moi. Et quand je clique sur OK, cela va en fait être généré ici dans
le panneau Nuancier. Maintenant, c'est génial. Nous n'avons donc pas encore
changé de couleur. Nous venons de créer un groupe de couleurs. Bien entendu, vous pouvez également le faire
en sélectionnant quelque chose et en cliquant sur la même
icône dans le panneau Nuancier. Mais chaque fois que je travaille
dans Illustrator, j'aime aussi garder les choses en ordre. Et dans ce cas encore, je supprimerais tous les échantillons
inutiles pour pouvoir cliquer sur
le menu du panneau,
le menu du panneau Nuancier, choisir Sélectionner tous les éléments non utilisés, puis nous pouvons les supprimer. Il suffit donc de cliquer sur la
corbeille et de supprimer. Et maintenant, nous venons de
le simplifier à ce groupe de couleurs que nous
avons actuellement dans
l'illustration. Encore une fois, je vais les sélectionner,
revenir
à la fonction de recolorisation de l'
illustration et maintenant vous pouvez voir que le groupe de
couleurs y reste. Donc, si je fais des changements ici, je vais juste faire un changement
radical tout d'abord, en choisissant l'une des règles d'
harmonie en haut. Il s'agit donc de l'option de couleur
complémentaire où vous avez les deux
côtés opposés de la roue chromatique. Et dans ce cas, nous
avons ces couleurs, mais bien sûr nous pouvons les
déplacer et les
rendre plus foncées. Disons simplement
ceux-là aussi. Je vais réduire
la luminosité. Et nous avons défini les couleurs,
quelque chose comme ça. C'est déjà une
belle palette de couleurs bicolore silencieuse . Nous avons donc la palette de
couleurs d'origine vraiment simplifiée à deux
jeux de couleurs. Et vous pouvez le voir ici. Les tons
chauds d'origine ont donc été transformés en cette couleur
brunâtre et rouillée. Et puis nous avons
transformé tous
les tons plus froids en quelque chose de similaire à ce qu'ils étaient à
l'origine également. Ces ensembles qui ont été créés avec
la même teinte présentent donc des variations de
saturation et de luminosité. Mais essentiellement, nous avons deux couleurs et nous pouvons le
voir ici également. Maintenant, si j'aime cette version, je peux enregistrer ces
couleurs en cliquant à nouveau sur l'
option Nouveau groupe de couleurs. Maintenant, nous avons deux ensembles, et si je veux continuer à explorer différentes couleurs, je peux revenir ici et peut-être simplement
changer cela. Allez vers le violet ou le magenta, et peut-être
changez-les et déplacez-les davantage vers les tons
bleus également, quelque chose comme ça. Encore une fois, je peux l'enregistrer avec
l'option de groupe de couleurs. cool, c'est qu'une fois que vous avez plusieurs groupes de couleurs, vous pouvez passer de l'un à l'
autre. Maintenant, évidemment, l'utilisation des règles d'
harmonie est généralement assez drastique en termes de
réduction de la quantité
de couleurs que vous avez. Si vous voulez être un
peu plus subtil, en réduisant la quantité de couleurs, il existe une meilleure
façon de le faire. Permettez-moi de
vous montrer ceci en revenant à la version couleur d'origine. Tout ce que vous avez à
faire est de cliquer ici dans la section
où il est écrit auto. Notez également ici
sur le côté gauche, nous pouvons voir le numéro de couleur
actuel. Il y a donc 24 couleurs ici. Lorsque j'appuie sur la flèche
vers le bas dans la section des couleurs, je vais réduire les
couleurs d'une seule. C'est donc maintenant 23. Mais je peux ensuite utiliser les flèches
vers le bas également sur le clavier ou la flèche
vers le haut pour augmenter ou
diminuer le montant. Disons que
je descends à 20. J'ai donc supprimé pour les couleurs. Pour voir les
modifications sur la droite il suffit de cliquer
quelque part dans la boîte de dialogue. Maintenant que j'ai fait cela, je peux voir la différence. Eh bien, pour le moment, les
couleurs ne font pas beaucoup de différence
car il y
avait probablement pas mal
de couleurs similaires. Mais si je vais plus loin, disons que je descends. Maintenant, je peux voir
ces mises à jour en direct
sur le côté droit. Donc, je continue de
réduire les couleurs, la quantité de couleurs ou de réduire également
dans l'illustration,
jusqu'à ce que je revienne
aux couleurs d'origine. Je peux donc aussi commencer par
le bas,
disons deux dans ce cas que
3456 et ainsi de suite et ainsi de suite. C'est donc une façon vraiment cool de vérifier le nombre de
couleurs dont vous avez réellement besoin, nombre de
couleurs différentes
dont vous avez besoin. Et c'est une
erreur très courante chez de nombreux illustrateurs qui commencent utiliser trop de couleurs. Il n'y a pas d'harmonie entre eux, ou c'est tout simplement exagérer la quantité
de couleurs qu'ils ont. Bien sûr, cela peut
aussi être un style. Mais j'ai vu à de nombreuses reprises qu' en affinant un peu la quantité de couleurs ou simplement de teintes dans l'illustration, cela
peut beaucoup l'améliorer. Donc, je
vous recommande
vivement de la consulter et de vous
amuser,
juste pour voir une expérience, ce que vous pouvez
proposer et comment vous pouvez améliorer vos illustrations. Maintenant, chaque fois que vous
souhaitez réinitialiser rapidement les couleurs sans quitter la boîte de dialogue Recolorer l'illustration, vous pouvez simplement cliquer sur l' outil
Pipette situé en haut. Donc, une fois
que vous avez cliqué dessus, cela revient à qu'il était avant que vous n'
arriviez à cette fonctionnalité. Et puis quand vous
voulez avoir un meilleur aperçu de toutes les couleurs que
vous avez actuellement ici. Bien sûr, vous pouvez faire
défiler vers le bas et les parcourir. Notez alors que vous
aurez
le bas au cas où vous l'
auriez dans votre œuvre d'art. Les couleurs noir et blanc, et par défaut elles ne
changent pas. Ils sont donc
restreints ou verrouillés. D'une certaine manière, vous pouvez les déverrouiller
si vous le souhaitez en cliquant sur les petites flèches
et également en cliquant sur la
zone d'échantillon de couleur à côté d'elles, vous devez dire que vous
voulez y ajouter une nouvelle couleur. Et maintenant, elles changeront également chaque fois que vous appliquerez des options
de recoloration ici. Je vais donc simplement le
supprimer à nouveau. Je veux les garder en noir
et blanc à ce stade. Mais je vais vous montrer une fonctionnalité vraiment sympa et c'est l'une de mes options
préférées, qui est vraiment cachée. C'est dans ce petit menu
déroulant ici. Ainsi, dans la zone de sélection de couleur, vous pouvez accéder aux
différents modes de couleur tels que RVB, CMJN, Lab, même. Mais le meilleur est
le Global Adjust. Lorsque vous cliquez dessus, vous pouvez
régler la saturation, augmenter ou diminuer
globalement sur l'illustration, ce qui est une excellente option. Il s'agit donc essentiellement de la
fonction de saturation de Photoshop. Vous pouvez augmenter les couleurs ou réduire l'intensité
des couleurs. Et puis de la même manière, vous pouvez également augmenter
la luminosité globale. Notre réduction de la luminosité. Et j'aime le
fait qu'il existe également une option de
luminosité séparée,
qui, comme vous pouvez le constater, fait quelque chose de légèrement différent. Cela peut aller jusqu'au
blanc et la luminosité n'
atteindra
pas le blanc,
cela créera simplement version
la plus lumineuse de
chacune de ces couleurs. C'est donc légèrement
différent de ces deux-là. Et puis l'autre caractéristique
vraiment intéressante ici est la température. Je vais donc simplement
réinitialiser les couleurs puis commencer à
augmenter la température, qui rendra
tout vraiment chaud. Ensuite, je pourrai aller dans la direction
opposée quand on pourra
tout faire très froid. C'est presque comme une transition
de jour
et de nuit entre le moment où nous pouvons passer de
la lumière du jour à la nuit. Ensuite, je
le fais glisser complètement vers la droite. Dans ce cas, cela ressemble à
une palette de couleurs d'automne. Ainsi, même en jouant
avec la température, vous pouvez obtenir de nombreuses variations
intéressantes. Maintenant, si vous voulez simplement
changer une couleur spécifique, vous pouvez également le faire. Mais tout d'abord,
tu dois le trouver. Donc, dans cette liste, vous pouvez trouver une certaine couleur. Disons simplement celui-ci ici. Et juste pour vérifier où se trouve cette couleur
dans l'illustration, vous pouvez cliquer sur cette
icône avec celle-ci. Vous pouvez mettre en évidence
exactement où il se trouve. Et il s'agit en fait d'une bascule
que vous pouvez désactiver. Une fois que vous savez où se trouvent
ces couleurs, vous pouvez les désactiver. Ensuite, vous revenez pour voir
les couleurs d'origine ou réelles ou
les couleurs actuelles. Mais si vous laissez cette option activée, vous pouvez même
basculer rapidement les différentes couleurs l'illustration et
voir où elles se trouvent. Maintenant, vous devez
cliquer dessus pour continuer à le voir. Mais cliquez et maintenez enfoncé pour
indiquer temporairement
où se trouvent ces couleurs. Donc par exemple, si je descends
juste un peu, nous avons de belles couleurs ici. Maintenant, je peux désactiver ça pour que
nous puissions voir ce qui
va se passer. Mais en sélectionnant cette
couleur,
je peux commencer à jouer
avec les choses. Revenez peut-être aux valeurs RVB
ou à la luminosité de saturation de la teinte. Et si je commence juste à
déplacer les teintes, vous pouvez déjà voir
ces couleurs changer. C'est donc une façon beaucoup
plus contrôlée d'apporter des modifications parce que je sais exactement quelles couleurs
je joue et où elles se
trouvent dans l'illustration. Donc, d'une certaine manière, c'est comme une fonction de recherche qu'
ils aiment bien là-bas. Maintenant, à côté, nous avons deux autres icônes
que j'aime bien utiliser. Ce sont les fonctionnalités du
randomizer. Encore une fois, je vais revenir
aux couleurs d'origine et
peut-être
passons à une autre illustration juste pour que nous puissions voir autre
chose. Je vais sélectionner
l'illustration à recolorer. Je vais essayer cette
première icône ici. Cette option permet de
modifier aléatoirement l'ordre des couleurs. Donc, cela
va mélanger
les couleurs,
donc ça ne
changera pas. La couleur. La palette mélange simplement
les couleurs. Donc, quand je clique dessus,
vous pouvez déjà voir que cela
se passe. Et même si vous utilisez
des dégradés dans votre illustration, comme dans ce cas, cela fonctionnera très bien. Et cela crée des variations très
intéressantes. Vous pouvez déjà voir
la différence. C'est donc toujours très
similaire parce que nous utilisons simplement les mêmes couleurs
dans un ordre différent, mais cela crée des variations vraiment cool
et uniques. Si je veux gâcher un peu plus les choses
, je peux également utiliser l'autre
option, qui va randomiser
l'ordre des couleurs, mais aussi leur saturation
et leur luminosité. Donc, lorsque je clique dessus, je
commencerai à voir d'autres variations
uniques également. Vous pouvez donc simplement
appliquer les modifications avec une icône, puis appliquer
les modifications avec l'autre. Et puis vous
finirez par avoir plus de différence entre l'
original et le nouveau. Maintenant, comme je l'ai dit, il suffit de mélanger les couleurs et de
rendre ces choses aléatoires. Vous n'avez donc pas vraiment
beaucoup de contrôle dessus. Si vous voulez plus de contrôle, je vous suggère d'utiliser l'
autre onglet appelé Modifier. Parce que c'est
ici que vous pouvez voir toutes les couleurs d'une roue chromatique. Nous pouvons donc toujours revenir
aux couleurs d'origine en cliquant
sur l'outil compte-gouttes. Ensuite, je vais
d'
abord déplacer l' une de
ces couleurs. Vous pouvez donc voir que lorsque je le
déplace sur
la roue chromatique, je vois immédiatement les
changements ici sur la droite. le déplaçant sur la roue chromatique, j'ajuste sa
teinte et sa saturation. la couleur est éloignée
du bord de la roue chromatique, plus elle est saturée et plus elle
est proche du centre, plus elle sera désaturée. Et bien sûr, la roue
chromatique possède les 360 degrés de toutes les couleurs
que nous avons dans le spectre. Nous pouvons donc l'utiliser comme ceci, mais nous pouvons également passer à ce mode ici
sous la roue chromatique, ce qui va changer le
fonctionnement de la roue chromatique. Dans ce cas, la teinte fonctionnera
toujours de la même manière. Mais maintenant, au lieu de
la saturation, nous avons la luminosité
des couleurs. Les savants les plus sombres seront
au centre et les
couleurs les plus vives seront sur le bord. Et il y a toujours
une troisième propriété que vous pouvez également ajuster. Et c'est avec
ce curseur ici. Ainsi, lorsque vous avez
réglé la luminosité sur la roue chromatique, vous
aurez ci-dessous cette saturation, qui
affectera évidemment toutes les couleurs, pas seulement une couleur sélectionnée. Il s'agit d'un environnement
global ici. Si je repasse à
la roue de teinte d'origine, je peux régler la
luminosité ci-dessous. Ce sont donc des fonctionnalités très
utiles lorsque vous travaillez
en mode édition. Vous pouvez être très précis quant aux couleurs que
vous changez. De plus, vous pouvez également
les voir beaucoup mieux, vous permet
de mieux
comprendre ce que vous en faites. Mais la meilleure chose que
vous puissiez faire ici est l'option Link Harmony Colors. Une fois que vous avez fait
cela, il regarde les couleurs
ensemble afin qu'elles
conservent les
différences relatives entre elles. qui signifie que si je commence à
déplacer l'un d'entre eux, toutes les
couleurs changeront ensemble. Je peux très vite
créer des looks complètement
différents. Il peut y avoir des nuits trop
colorées de différentes factions qui
se battent les unes contre les
autres dans cette illustration. Mais bien sûr, nous pouvons faire des choses supplémentaires
ici dans ce mode, nous pouvons basculer vers ces
différentes vues, comme les barres de couleur. Ainsi, au lieu de
les voir comme une roue chromatique, vous pouvez les voir comme des barres. Et lorsque vous aurez les barres, vous aurez les mêmes options que celles que nous avions dans l'onglet Assigner. Donc, les options du randomizer. Mais vous pouvez également faire glisser et déposer les
couleurs
manuellement pour les permuter. Donc, si vous faites glisser une de ces couleurs ici
depuis la droite, l'
une des couleurs vertes, et que vous les déposez dans
l'une des couleurs violettes. Vous pouvez voir comment ils ont échangé et je peux aussi
le déplacer en arrière. C'est donc parfois
une fonctionnalité intéressante, surtout si vous n'avez pas trop de couleurs dans une œuvre d'art. Il peut être utile de
vérifier cela et de vous montrer
quelques autres choses, je vais revenir
à la deuxième illustration, et je vais recolorer l'illustration. Encore une fois, nous
avons ici 24 couleurs. Et disons simplement que nous
aimerions rejoindre quelques-uns
d' entre eux parce que vous avez impression qu'ils sont trop similaires. Donc, au lieu d'avoir
trois couleurs distinctes pour ces couleurs rose pâle
ou pêche, je peux les fusionner en les faisant glisser et les déposer l'
une sur l'autre. Les lignes, il suffit de les faire glisser et de les
déposer les unes sur les autres. Et maintenant, vous pouvez voir que
nous avons
ici trois couleurs qui sont toutes
fusionnées en une seule. Peut-être que nous pouvons faire la
même chose ici et glisser ces deux-là aussi, les
fusionner ensemble. Peut-être même que ces deux-là
peuvent être fusionnés. Ensuite, nous ne faisons que
simplifier les couleurs. C'est donc similaire lorsque
nous utilisons la réduction, mais dans ce cas, nous le
faisons manuellement et cela peut parfois aider
à mieux contrôler. Alors maintenant j'ai l'impression que toutes les couleurs jaunes sont à
peu près ici ensemble. Si je commence à apporter des modifications, je peux très rapidement transformer tout ce qui était
jaune à l'origine en plus, disons violet dans
ce cas, ou bleu. Mais revenons aux paramètres
complémentaires que nous avions auparavant, lorsque vous avez une grande partie
des couleurs d'origine compressées en seulement deux couleurs. Dans ces cas,
vous pouvez parfois avoir l'impression que vous aimeriez avoir une
séparation entre eux. Vous aimez ce que vous dites, mais peut-être que certaines couleurs
d'origine devraient être séparées. De la même manière que pour la fusion, vous pouvez également dissocier
certaines couleurs. Disons que dans ce cas, j'aimerais saisir les couleurs
jaunes, toutes ces couleurs. Et pour les séparer, il
suffit de
cliquer sur cette icône. Je les ai donc sélectionnés en
maintenant la touche Maj enfoncée. Je peux donc ajouter
plusieurs couleurs une
fois de plus, puis cliquer sur cette
icône à gauche. Et maintenant tu peux voir que
nos jaunes sont revenus à la normale. Maintenant, bien sûr, si je
veux toujours les modifier, je peux simplement appliquer
une modification, puis ajuster la teinte et
ainsi de suite. Vous avez donc un contrôle
très précis sur les
couleurs qui seront utilisées. Quelle est la fin de tant de façons
différentes avec cet outil que vous pouvez
obtenir des résultats étonnants.
16. Conclusion: Félicitations pour
avoir terminé ce cours de la série de
théorie du design graphique. J'espère que vous l'avez trouvé
utile et inspirant. N'oubliez pas de parcourir
le glossaire des termes PDF, de revue tout ce que nous avons couvert, et si vous vous sentez prêt, au questionnaire pour
tester vos connaissances. Revenez à tout moment sur
les références des tableaux millénaires que nous avons utilisés
dans ce cours pour vous aider à vous souvenir des choses
dont nous avons parlé ou à définir inspiration pour votre
prochain projet de design, veuillez nous faire savoir si vous avez senti qu'il manquait
quelque chose ce cours ou si vous avez des
suggestions sur la façon dont
nous pouvons l'améliorer, envoyez-nous un courriel à info sur le
site designer.com, et nous
vous répondrons dès que possible possible. Nous apprécions vraiment
votre contribution et votre aide. Il est maintenant temps pour vous de
choisir votre prochain sujet et de plonger dans un autre cours de théorie de la
conception graphique. N'oubliez pas qu'il n'y a pas de bon ou de
mauvais ordre pour
terminer cette série. Toutes les règles que nous
couvrons sont tout aussi importantes et
tout est lié. Mais le plus important c'est de bien comprendre ces règles et
de
les appliquer à vos projets. Je suis sûr que vous
utiliserez ce que vous avez appris pour créer
quelque chose d'incroyable. Et j'ai hâte de le voir.