Transcription
1. Introduction: Avez-vous eu du mal avec
les couleurs lors de la conception ? Ne vous inquiétez pas, à la
fin de ce cours, vous saurez exactement
comment utiliser les couleurs au lieu d'essayer de les comprendre par essais et erreurs. Bonjour, je m'appelle Dis-lui et je suis professeur
de graphisme. J'ai travaillé avec
les couleurs toute ma vie dans mes dessins, dans le graphisme sur des sites Web. Je n'ai jamais vraiment su que certaines
couleurs fonctionnaient mieux et d'autres pas avant de me
familiariser avec la théorie des couleurs. Et ne vous inquiétez pas, je
ne vais pas
vous ennuyer avec des
définitions et des diapositives. J'ai tout expliqué dans ce cours en utilisant
des exemples concrets. Et pour être honnête, cela
inclut principalement les affiches de films ,
même par l'apprentissage des bases de
la théorie des couleurs. Nous apprendrons ensuite
la roue chromatique et comment
choisir les couleurs à utiliser
en utilisant des harmonies de couleurs. Nous découvrirons également différents sites Web tels que les couleurs et les refroidisseurs
Adobe, etc. pour analyser et générer des palettes de couleurs
pour vos conceptions. Nous apprendrons différents
concepts tels que les interactions de
couleurs, le test en niveaux de
gris, la règle 603010, etc., pour nous assurer que les couleurs que
nous avons choisies fonctionnent correctement les unes avec les autres. Enfin, nous allons
disséquer Skillshare pour voir quelles couleurs ils utilisent
sur leur site Web et pourquoi. Alors, à qui s'adresse ce cours ? Vous pouvez être
graphiste et animateur, développeur Web ou artiste. Fondamentalement, ce cours s'
adresse à tous ceux qui utilisent la couleur. De plus, il y a un projet à
la fin du cours
qui vous permet de mettre en œuvre tout ce que vous avez
appris au cours du cours. Alors veuillez télécharger le
fichier du projet à partir du lien ci-dessous, et j'espère que vous l'avez passé haut
la main, n'est-ce pas ? C'est vrai. Allez. C'était une bonne idée.
2. Les bases des couleurs - Utilisations et sens: Qu'est-ce que la théorie des couleurs ? La théorie des couleurs est un ensemble de directives et
d'outils utilisés par les designers pour
communiquer ce message aux personnes qui
regardent leurs couleurs. D'une certaine manière, vous pouvez dire que nous, les
designers, sommes également
des communicateurs parce que nous essayons de communiquer notre
message à travers nos designs. Chaque fois que vous souhaitez créer
une ambiance ou raconter une histoire, nous l'utilisons en utilisant nos designs. Mais avant d'en apprendre davantage
sur la théorie des couleurs, la roue
chromatique et les harmonies chromatiques, etc., nous allons essentiellement en apprendre davantage sur
les utilisations de la couleur. L'une des principales utilisations de la couleur est de rendre
quelque chose de mémorable. J'ai cette image ici. Et si je vous demandais, que voyez-vous sur cette image, il y a
évidemment une canette. Mais si je vous demandais
quelle marque vous vient à l'esprit lorsque
vous verrez cette image, vous penserez
évidemment à
Coke car Coca-Cola a utilisé la couleur rouge d'une
manière si incroyable qu'elle est
devenue leur identité. Une autre utilisation majeure
des couleurs est la communication d'un message
et des feux de circulation, ou le meilleur exemple de cela. Vous voyez que si vous allez n'importe où dans le monde, dans n'importe quel pays, vous saurez ce que
signifient
les feux de circulation en
regardant simplement le rouge ou le vert
et vous
saurez si vous devez y aller ou non. Une autre utilisation de la couleur
est de créer une ambiance. Nous avons donc ceci posté ici ou la chaîne de médecins dans le
multivers de la folie. Et vous pouvez voir
qu'ils ont utilisé la couleur rouge d'une si bonne manière parce que la couleur
rouge est la couleur de la passion,
de l'amour et de la colère. Et si vous avez vu le film, vous saurez que c'est tout
le thème du film. Dans le film, Wonder prévient
ses enfants parce qu'elle les aime et qu'elle a
une passion pour la maternité, mais en même temps elle est
en colère de ne pas pouvoir les avoir. La couleur peut également être utilisée pour
mettre en valeur quelque chose. Vous pouvez voir qu'en changeant simplement la couleur du mot
souligner ici, je l'ai rendu
tellement plus visible. Une autre utilisation majeure de la couleur
est la différenciation. Vous pouvez donc voir que j'ai ces boissons de
qualité de Logan, Paul et KSI, et elles
ont représenté différentes saveurs avec des couleurs
différentes. Donc, si vous savez
utiliser correctement les couleurs, vous pouvez créer des produits aussi
étonnants. Parlons maintenant des couleurs chaudes
et froides. Il existe donc essentiellement
deux types de couleurs. Je dirais le
lien chaud et le lien cool. Sur le côté gauche de
la roue chromatique, le vert, le bleu
et le violet, etc. Ce sont des couleurs froides. Et à droite
de la roue chromatique, on
les appelle
les couleurs chaudes, qui sont le jaune, l'
orange et le rouge, etc. Nous allons également en apprendre davantage
sur la roue chromatique dans les conférences ultérieures. Parlons donc d'abord
des couleurs froides. J'ai deux produits ici. L'un d'eux est le trident, qui est la gomme Spearman. Il existe également d'autres saveurs
de cela. Mais pour ce produit spécifique, ils ont rendu l'
emballage vert. Pourquoi ? Parce qu'ils
veulent montrer Mint dedans. De même, si vous
regardez dans le spray, vous pouvez voir qu'ils ont
utilisé la couleur bleue et verte. Et dans toutes leurs
publicités, ils font toujours la promotion de la fraîcheur et de Bulinus. Vous avez peut-être
remarqué cela dans
de nombreux produits à base de plantes,
qu' ils sont toujours verts parce qu'ils veulent
représenter la nature en eux. Mais si vous voulez montrer
quelque chose d'épicé et d'excitant, vous pouvez toujours utiliser
les couleurs chaudes. Vous pouvez voir que dans ces
deux produits, qui sont vraiment épicés, le Raman à gauche est extrêmement épicé et
tout le monde ne peut pas le manger. Vous pouvez donc voir qu'ils
ont beaucoup utilisé la couleur rouge, jaune et orange, et un peu de noir
aussi parce que c'est une couleur de contraste, mais vous pouvez surtout voir le
jaune, le rouge et l'orange. Si vous voulez créer un produit
dans lequel vous voulez montrer genre d'
émotions et vous
voulez montrer ce genre de saveurs. Vous pouvez toujours opter
pour les couleurs chaudes. Alors, quelle est la signification
des différentes couleurs ? Vous voyez que différentes couleurs peuvent avoir différentes significations. Par exemple, nous
avons du rouge ici. Voici donc l'affiche
du dernier film de Batman. Et la couleur rouge
représente la passion, l'amour et la colère, comme
je l'ai déjà mentionné. Si jamais vous voulez montrer ce
genre d'émotions, vous devriez utiliser la couleur rouge. Il existe également d'autres utilisations
de la couleur rouge, mais elles sont principalement utilisées pour ce
genre d'émotions. Ensuite, il y a du bleu
ici et quatre bleus. J'ai choisi Frozen. J'adore ce film et j' imagine que j'adore tous les films
d'animation. bleu est donc la
couleur du calme, responsabilité, et vous pouvez également
goûter à la tristesse. Si vous regardez le thème
du film La Reine des neiges, vous saurez que ces termes, ces mots
représentent essentiellement l'ensemble du film. Les couleurs que je
vous montre sur ces affiches de films ne
sont pas là par hasard. Les personnes qui réalisent ces
films et ces affiches sont vraiment intelligentes et
savent comment fonctionne la 2D couleur. Évidemment, ce sont eux les
experts et ils savent comment déclencher différentes
émotions et leur public. La prochaine couleur que
nous avons est le vert. Donc, le vert est la couleur du nouveau, de l'abondance
et de la nature, si vous voulez montrer
quelque chose naturel et de messager à la nature, vous pouvez toujours utiliser
la couleur verte. Donc, dans cet exemple, j'ai utilisé le film Shrek au-dessus de la tête parce que vous avez peut-être vu que dans le film, il y
a beaucoup de forêts et de verdure. Ensuite, nous avons la couleur violette. Et j'ai juste utilisé le poster Avengers
Endgame ici. Le violet est donc la couleur de la
créativité, de la royauté et de la richesse. Si vous regardez le film,
vous saurez que ce
sont les héros les plus puissants de la Terre et que, d'une certaine manière, vous pouvez les
appeler royauté. Beaucoup d'entre eux sont également
riches. Et ils sont tous
créatifs à leur manière parce qu'ils ont des
pouvoirs et des capacités différents. Le violet a été utilisé à
bon escient dans cette affiche. Mais vous devez également savoir que différentes couleurs peuvent avoir une
double signification ou significations différentes
selon la religion ou la région, etc. Le blanc en est l'
un
des meilleurs exemples. Le blanc est une couleur de pureté, célébration et de
culte dans l'islam, chaque fois que les gens vont à la Kaaba, ils virent la couleur blanche. Mais si vous regardez l'hindouisme, c'est tout le contraire. blanc est la couleur de la
mort ou de la tristesse
là-bas , chaque fois qu'il y a un
enterrement, ils étaient blancs. Un autre exemple est la couleur
noire et le christianisme, chaque fois qu'il y a un
enterrement, ils étaient noirs. Vous avez peut-être vu
ça dans les films. L'utilisation de la couleur est également
différente pour les hommes et les femmes. Ainsi, les hommes et les femmes peuvent fondamentalement
voir les couleurs différemment. J'ai cette drôle
d'image ici. Au moins je trouve ça
drôle que le gars pointe différentes couleurs
comme le rouge, le violet, le rose. Et puis il y a la
femme là-bas qui
nomme toutes les
couleurs séparément. Il y a un fort derrière
cela que la femme peut voir plus de couleurs car
en fin de compte, la couleur est une longueur d'onde
et la femme peut voir plus de ces
longueurs d'onde que les hommes. J'ai donc deux
exemples ici. Et le premier est la beauté
Victoria Secrets. Donc je suppose que c'est une sous-marque
de Victoria Secrets. Et vous pouvez voir
qu'ils ont utilisé beaucoup de couleurs pastel
dans leurs créations. Je ne généralise pas cela parce que j'ai vu des projets de
femmes dans lesquels elles utilisaient également beaucoup
de couleurs contrastées. Mais la plupart du temps, vous avez peut-être vu ces données de tendance dans les produits pour
femmes. Ils utilisent généralement des
couleurs particulières. Pour l'exemple des hommes, j'ai cette marque appelée
Old Spice ou Space. C'est une marque de déodorants
pour hommes. Et vous pouvez voir
qu'ils ont utilisé beaucoup de
couleurs vives et ont surtout lu dans leurs dessins et c'
est tellement vibrant et saturé. Donc, si jamais vous créez une marque
liée aux hommes, assurez-vous d'
utiliser des
couleurs proéminentes, trop vives et audacieuses trop vives et audacieuses, car
c'est ce qui attire les hommes. C'était tout pour cette conférence. J'espère que vous comprenez maintenant comment vous pouvez utiliser
différentes couleurs. Quelles sont les différentes
significations ou les différentes couleurs ? Et différentes couleurs peuvent
avoir des significations
différentes selon les régions du
monde ou la religion. Dans la prochaine conférence,
nous allons en apprendre davantage sur les propriétés de la couleur. J'espère que vous
avez vraiment apprécié cette conférence et je
vous verrai dans la prochaine.
3. Propriétés et harmonies des couleurs: Quelles sont les propriétés
d'une mésoglée de couleur, il existe trois
propriétés qui sont teinte, la saturation et la valeur. Alors parlons d'
abord de la teinte, pas de cette teinte. Hue est essentiellement
un autre terme technique pour le mot couleur. Donc toutes ces couleurs
comme le jaune, le rose, bleu, le vert,
sont appelées teintes. Alors, qu'est-ce que la saturation ? La saturation est essentiellement
l'intensité de la teinte. Et si vous l'augmentez trop, cela devient vraiment
irritant pour les yeux. Si vous avez une couleur,
vous pouvez augmenter sa saturation ou
la diminuer. En gros, vous augmentez ou diminuez l'
intensité de la couleur. Et la dernière propriété est la valeur, ce qui
signifie essentiellement la luminosité. Vous pouvez donc soit
augmenter votre luminosité , soit la diminuer. Reprenons la même couleur. Si vous diminuez sa valeur, cela
ressemblera à ceci. Ou si vous augmentez
la luminosité, cela ressemblera
à ceci. Ces trois propriétés de la
couleur sont donc vraiment importantes, mais nous en reparlerons plus tard dans
les prochaines conférences avec
quelques exemples supplémentaires. Mais maintenant, vous devez d'abord vous
renseigner sur la roue chromatique. Et dans la roue chromatique,
vous devez d'abord en savoir plus sur les couleurs
primaires En gros, il y a
trois couleurs primaires qui sont le rouge, le jaune et le bleu. Vous devez penser
que je suis complètement fou parce que les couleurs
primaires sont le RVB, rouge, le vert et le bleu. Donc R by b est essentiellement la palette de
couleurs des pigments, essentiellement les couleurs
du monde réel. Donc, si vous utilisez quelque chose sur
une imprimante, de la peinture ou des matrices, vous utiliserez essentiellement le jeu de couleurs RIIb et RVB sont essentiellement les couleurs
primaires de la lumière. Donc, en gros
, tout ce qui implique un écran comme un ordinateur ou
lorsque la bile utilise RVB. Et c'est pourquoi dans des programmes comme Photoshop et
Illustrator, etc., vous voyez également le jeu de couleurs
RVB, mais vous devez penser à tout type d'impression physique, n'utilisons-nous pas CMJN, ce qui
signifie essentiellement cyan, magenta, jaune, et la touche e est
essentiellement la couleur noire. Le fait est que CMJN est
exactement le même que notre Yb. Et c'est fait exprès
car pour un enfant, il est difficile de comprendre ce qu'est une couleur
SAN ou magenta. bleu est la
contrepartie de disons, n, et c'est la
contrepartie du magenta. C'est pourquoi on nous apprend
que le jeu de couleurs est by. Le rouge, le jaune et le bleu
sont les couleurs primaires. En termes simples, c'est
un
moyen mondialement accepté d'
enseigner les couleurs aux enfants. Et c'est pourquoi, lorsque nous
apprenons la couleur 2D, nous prenons les parents, le jaune et le vert comme couleurs primaires. J'espère donc que cette confusion
est sortie de votre chemin. Et maintenant,
parlons des couleurs primaires, secondaires et tertiaires. Comme je l'ai dit, le rouge, bleu et le jaune sont
les couleurs primaires. Et si vous combinez ces
couleurs comme le bleu et le rouge, le rouge
et le jaune et le bleu, vous obtiendrez essentiellement
les couleurs secondaires. Mais on peut même
dire qu'ils sont la moyenne des deux
couleurs dont ils sont fabriqués. Et de même, si vous
combinez ces couleurs, encore une fois, vous obtiendrez
les couleurs tertiaires. Et tout cela s'appelle
essentiellement une roue chromatique. Parlons donc des harmonies de
couleurs, ou on les
appelle aussi jeux de couleurs. Le premier est donc un jeu de couleurs
analogue. Fondamentalement, dans ce jeu de couleurs, les couleurs
VTA qui sont
juste à côté les unes des autres. Laissez-moi vous l'expliquer à l'
aide d'un exemple. Vous avez peut-être vu
Kung Fu Panda. C'est un film très amusant. Vous pouvez voir que dans l'
affiche de Kung Fu Panda, ils ont essentiellement utilisé le schéma de couleurs
analogues. Il y a encore une chose
que vous devez garder à l'esprit, noir et blanc ou
les couleurs par défaut. Vous pouvez donc les utiliser avec
n'importe quel jeu de couleurs que vous souhaitez. Ce poster. Vous pouvez voir qu'ils ont utilisé le jeu de couleurs analogue avec du blanc et du noir. Et le truc avec un jeu de couleurs
analogue,
c'est qu' il est également largement présent
dans la nature. Par exemple, dans
les agrumes. Mais si vous regardez
les agrumes, vous pouvez voir que le vert est en fait
celui que j'ai souligné. Il est plus couché que le citron, que l'orange, puis le pamplemousse. Vous pouvez donc voir le
schéma ici. De même, vous pouvez également
les voir dans les baies. Vous pouvez voir que le rouge, le
violet, puis collez toutes
ces couleurs de baies. Fraises, mûres
et myrtilles. Et les mûres sont en fait couleur
violette
juste pour que tu le saches. Le second est
gratuit et palette de couleurs
complémentaires est probablement
l'une de mes préférées car elle est si facile à utiliser et vraiment efficace. En gros, vous prenez les couleurs à l'opposé
de la roue chromatique. Si jamais vous voulez essayer porter une chemise marron
avec le costume bleu, cela ira si bien ensemble. J'ai aussi un exemple de
gratuité. Vous pouvez voir dans la palette de couleurs
complémentaires, nous avons cet exemple de
l'affiche Blade Runner. Et ils ont utilisé la couleur rouge et bleu sarcelle d'une si bonne manière. Ce sont fondamentalement le contraire
sur la roue chromatique, mais ils vont si bien ensemble. Ensuite, nous avons également
split complémentaire. Donc, en split complémentaire , vous prenez essentiellement trois couleurs. Deux d'entre eux sont
séparés l'un de l'autre, et le troisième est
exactement opposé à eux, formant essentiellement un triangle. J'ai également un
exemple pour cela. Je ne suis pas sûr qu'il
s'agisse d'une affiche de film. En fait, je
l'ai pris sur Internet et vous pouvez voir que cela
a tellement de sens. L'artiste a utilisé le rouge et le vert et a si bien
traité. Et fondamentalement, toute l'
image est en harmonie. Parce qu'en fin de compte, chaque fois que nous concevons, l'essentiel est de
créer de l'harmonie dans nos conceptions lorsque vous voulez
essentiellement dire équilibre. Ensuite, nous avons le jeu de couleurs
triadique. Et dans ce jeu de couleurs,
nous prenons essentiellement trois couleurs qui forment
le triangle parfait. Et j'en ai un parfait
exemple. Il y a quelques années, ils ont essentiellement recréé Aladdin et Will Smith était évidemment
dedans. Et vous pouvez voir que
l'affiche est incroyable. Ils ont essentiellement utilisé le jeu de
couleurs triadique dans ce domaine. Vous pouvez voir qu'ils ont davantage utilisé le violet et l'orange. Le bleu sarcelle, le bleu sarcelle est beaucoup
moins présent sur cette affiche, mais ils ont beaucoup utilisé le
violet et l'orange. Et ne vous inquiétez pas, nous
allons également en
discuter dans les
conférences ultérieures, savoir combien
de pourcentage d'une couleur devrait être utilisé. Ensuite, nous avons le jeu de couleurs
carrées. En gros, vous sélectionnez les couleurs dans un carré sur la roue chromatique. Et je dirais
que c'est l'un des jeux de couleurs
les plus difficiles à utiliser, car tout le monde ne peut pas le
faire pour l'utiliser correctement. Dans le film Inside Out, ils ont utilisé ce jeu de
couleurs et vous pouvez voir que différents pays
ont des couleurs différentes. Et comme je l'ai dit, c'est très difficile
à réussir. Si vous ne savez pas comment utiliser correctement
la théorie des couleurs, alors nous avons ce jeu de couleurs
triadiques. Fondamentalement, il est similaire
au carré, mais il s'agit en fait d'un rectangle. Encore une fois, c'est aussi
très difficile à utiliser car si vous en faites trop, si vous utilisez beaucoup ces couleurs, il devient très difficile de
créer de l'harmonie dans vos créations. J'en ai un très bon
exemple. Vous pouvez donc voir que
dans cet exemple, ils ont utilisé la couleur
principale comme orange. Et le reste des
couleurs est très infime. Vous
présentez comme vous pouvez
le voir que dans le parapluie et le short
du gars au-dessus, ils ont utilisé du bleu plutôt qu'un
peu de vert. Et il n'y a que
très peu de rose dans le
flamant rose ici. Les couleurs principales qu'ils ont utilisées, notre orange et notre blanc
et comme je l'ai déjà dit, pour le blanc et le noir
sont essentiellement, vous pouvez voir les
couleurs par défaut et vous pouvez les
utiliser avec n'importe quel jeu de
couleurs que vous voulez. Ensuite, nous avons le jeu de couleurs
monochromes, qui est extrêmement facile à utiliser et qui est très
simple et efficace. Donc, en gros, vous prenez
une remorque et vous augmentez sa valeur
ou sa luminosité, puis vous la diminuez également. Et toute cette palette de couleurs
s'appelle monochromatique. couleurs monochromes est également utilisé dans de nombreuses affiches de films. Et la dernière chose dont
nous allons discuter dans cette conférence, ce sont les
passages et les tons partagés. Et je pense qu'il est très important d'apprendre ces termes parce que j'ai vu des gens les
utiliser d'une manière tellement erronée. Beaucoup de personnes
l'utilisent comme ça. Teinte plus claire et teinte plus foncée. n'y a pas de teintes plus claires. Il s'agit essentiellement de teintes. Alors, quelle est la teinte ?
En gros, vous prenez une couleur et vous
continuez à y ajouter du blanc. En gros, vous augmentez
sa luminosité ou sa valeur. De cette façon, vous obtenez des teintes différentes et évidemment les feuilles
sont exactement opposées. Tu prends une couleur et tu
continues à y ajouter du noir. Vous diminuez sa valeur ou luminosité et vous obtenez ce
genre de formes. Et le dernier, ce sont les tons. Encore une fois, prenez une couleur et vous
continuez à y ajouter du gris. Et de cette façon, vous obtenez ce
genre de tonalité. Pour l'instant. Je voulais juste que vous
connaissiez correctement ces termes plus tard, nous en
discuterons également avec des exemples. J'espère donc que vous
comprenez maintenant quelle est la différence
entre notre Yb
et notre RGB et pourquoi nous les utilisons par rapport à la roue chromatique. Et quelles sont les différentes harmonies de
couleurs que vous pouvez utiliser pour nos partages, nos
équipes et nos tons. J'espère donc que vous
avez vraiment apprécié cette conférence et que je
vous verrai au prochain cours. Le prochain cours, nous allons
essentiellement en apprendre davantage sur sites Web vraiment
sympas grâce auxquels vous pouvez générer de
très jolis jeux de couleurs.
4. Site Web des couleurs - Générer des couleurs facilement: Quels sont donc les meilleurs sites Web
pour générer des couleurs ? J'ai quelques
sites Web ici, et le premier
s'appelle Adobe Color. Vous pouvez donc simplement vous
rendre sur color.adobe.com. Donc en gros, vous
pouvez voir que nous avons une roue chromatique ici
et celle du milieu, si vous cliquez sur celle du milieu, vous pouvez faire glisser. Et vous pouvez voir que les
couleurs ci-dessous changent. Donc, en gros, c'est le jeu de couleurs analogue
qui est sélectionné ici. Ensuite, lors
des conférences précédentes, nous avons discuté différents jeux de couleurs
et d'harmonie, et vous pouvez voir qu'
ils sont partout ici. Vous pouvez simplement cliquer sur
Monochromatique ici. Cela créera donc un jeu de couleurs
monochromes ici avec les teintes
et les nuances également. Ou vous pouvez créer une triade. Et il y a encore une
chose que j'ai oubliée. Ce que vous pouvez faire, c'est que si
vous
avez une couleur spécifique, vous pouvez la saisir ici, peut-être aussi ici. Mais toutes ces couleurs sont essentiellement liées à cette couleur
spécifique ici, et vous pouvez essentiellement la
déplacer. Disons que je souhaite créer un jeu de
couleurs complémentaire. Je peux cliquer ici. Et vous pouvez voir que cela ne me donne
pas seulement deux couleurs parce que lorsque nous
apprenons les harmonies de couleurs, nous apprenons simplement qu'il
y a deux ou trois couleurs. Mais vous pouvez avoir plusieurs
couleurs ou plusieurs nuances, mais évidemment vous devez vous
en tenir à l'harmonie. Ensuite, nous avons séparé la
complémentarité ici. Double split complémentaire
comme il a même des options dont je ne vous ai même pas parlé sur
l'hôtel carré et composé, pour être honnête, ce sont ceux qui sont utilisés très souvent. Et puis ceux du bas sont
ceux qui ne
sont pas très courants mais
vous pouvez toujours les utiliser. Oui, comme je l'ai dit,
vous pouvez simplement cliquer sur celui du milieu et vous pouvez le faire glisser et cela vous donnera un très beau jeu
de couleurs. OK ? Ensuite, il y a
une autre option qui s'
appelle extraire l'équipe. J'adore totalement ça. Vous pouvez donc simplement cliquer dessus. Et ce que vous pouvez
faire, c'est faire glisser et déposer ou télécharger
une image ici. J'ai donc quelques
images ici, et je vais faire glisser
celle-ci pour la déposer ici. Et boum, juste comme ça, l'ensemble du site Web a
essentiellement créé un jeu de couleurs pour
nous en utilisant ça. Donc le truc avec la nature, c'
est que je dirais que la nature a toutes
les couleurs dont nous avons besoin. Et tout
ce que nous savons sur les couleurs
provient essentiellement de la nature. Et je n'ai même rien fait. Il me suffit de lire l'image. Et vous pouvez voir que nous avons un super plan ici. Et évidemment, c'est analogique. Mais vous pouvez simplement dire que si vous n'aimez aucune
des couleurs, mais vous
pouvez simplement cliquer dessus et le faire glisser pour qu'il sélectionne
une autre couleur pour vous. Mais disons que j'
aime bien cette couleur, d'accord ? Il a donc sélectionné cette option. Et ce que je peux faire, c'est aussi sélectionner les
couleurs vives de l'image. Le mutant. De toute évidence, tout cela relève de l'intelligence artificielle. Et il peut détecter quelles
couleurs sont vives et sourdes, profondes et sombres. Pour être honnête, cette
simple solution fonctionne le mieux pour moi. Et ce que vous pouvez faire,
c'est simplement cliquer sur Enregistrer la
surcharge enregistrer le jeu de couleurs pour
vous dans vos bibliothèques Adobe. J'ai oublié de
te parler de celui-ci. Donc, en gros, si vous revenez
à la roue chromatique ici, si vous cliquez sur Enregistrer, ce jeu de couleurs sera enregistré comme dans votre bibliothèque et
votre bibliothèque Adobe. Si vous avez un abonnement, si vous n'avez pas d'
abonnement, vous pouvez simplement en prendre
une capture d'écran. Je suis donc sur Windows ici, mais je vais
appuyer sur Windows Shift S. De
cette façon. Je peux en prendre une capture d'
écran et je peux dire, d'accord, puis je peux la télécharger sur mon Photoshop ou Illustrator
et l'utiliser ensuite. De même dans l'extrait lui. Vous pouvez faire la même chose. OK, jusqu'à présent, tout va bien. Ensuite, nous avons une autre
option qui s'
appelle extraire le dégradé. Pour être honnête, ce n'est pas
quelque chose de très révolutionnaire, mais vous
pouvez simplement télécharger les couleurs dans Photoshop puis créer un dégradé
là-bas, comme Photoshop ou Illustrator. Mais nous avons aussi
le choix ici. Encore une fois, pas trop révolutionnaire, mais vous avez le choix. Je suppose que vous pouvez ajouter
plus de couleurs ici. Je suppose qu'il y avait une option. Je ne m'en souviens pas. Ouais. Donc, si vous cliquez ici, vous pouvez ajouter d'autres points. J'ai compris. Je suppose que nous avons un très
beau dégradé de couleurs, qui se passe ici. Pas trop beau pour être honnête. Ensuite, nous avons également quelques
outils d'accessibilité ici. Ici, nous avons un outil très utile qui
s'appelle le vérificateur de contraste. Vous pouvez voir que j'ai
deux couleurs ici. La première est la couleur du texte et la seconde est
la couleur d'arrière-plan. Ce que vous pouvez faire, c'est que vous
pouvez en gros sélectionner n'importe laquelle, d'
accord, donc j'ai deux
couleurs ici. La première est
la couleur du texte et la seconde est la couleur
d'arrière-plan. Ici, vous pouvez également voir
une note. Cela me montre donc une erreur. Selon cela, le contraste entre ces deux couleurs n'
est pas très bon. Il passe le
test de la forme et le test du texte
plus grand et plus grand, mais il
remplit le plus petit. Ce que nous pouvons faire, c'est simplement dire que je choisis une couleur ici. Permettez-moi de changer la couleur du texte et la couleur d'
arrière-plan également. OK. Je suppose que c'est quelque chose comme ça. Maintenant, cela vous donne
une bien meilleure note. Et il y a aussi un
rapport de contraste ici. Mais le truc, c'est que je n'
aime pas vraiment parce que cela ne vous donne pas une
note correcte pour votre contraste. Il existe un autre
site Web pour cela. Laissez-moi vous montrer. Fondamentalement,
il y a un site Web appelé coolers.co ici
qui utilise le code point. Et il est très populaire
pour générer des couleurs, mais ils disposent également
d'un vérificateur de contraste. Nous allons donc d'abord aborder
ce point également. Vous pouvez donc voir qu'il me
donne une note basée sur le contraste et qu'il
est toujours là. Disons que je clique
ici et que je sélectionne n'importe quelle couleur, par
exemple ce jaune clair. Et puis je choisis
une couleur plus foncée, comme ce rouge vif. Cela me donne essentiellement
une note de contraste. Maintenant, cela signifie simplement me le
dire essentiellement en termes d'étoiles
et de classement. Et cela me dit
si cela fonctionnera aussi pour le texte
plus petit et le texte
plus grand, et même pour le texte en gras. Mais que se passerait-il
si je sélectionnais quelque chose de
vraiment original,
comme cette couleur ? Vous pouvez voir qu'il me
donne maintenant une note de 1,95. Et il est très pauvre car
ce n'est pas très visible. Mais quel est le plus grand contraste que vous pourriez
avoir entre deux couleurs ? Donc en gros, vous votez. Fulbright et noir complet. Comme si c'était un chiffre délicat au plus haut que
vous pouvez atteindre est 21. Mais je pense que tout ce
qui est au-dessus, vous pouvez dire que 15 fonctionne très bien parce que ce
contraste est suffisant. Je suppose que tu peux même
opter pour 14 pour quelques couleurs. Assez bien. Passons au générateur de couleurs. Comme je l'ai dit, plus cool. C'est l'un
de mes sites préférés. Et je suppose que je connais beaucoup de créateurs qui l'utilisent
parce que c'est très utile. Alors laissez-moi simplement
venir ici et cliquer sur démarrer le générateur. Et ce que fait ce site Web,
c'est qu'il génère essentiellement des palettes de
couleurs pour vous. Au début de
ma carrière de designer, quand je ne connaissais pas
grand-chose à la 2D couleur, je venais toujours sur
ce site Web pour référence, mais maintenant je sais comment
les choses se passent et j'adore même ça, mon
amour c'est encore plus. Donc, si vous cliquez
sur la barre d'espace, pour appuyer sur la barre d'espace, cela générera essentiellement
des thèmes de couleurs pour vous. Qu'est-ce que c'est cool ? En gros, vous pouvez
continuer à appuyer sur la barre d'espace et elle continuera générer des couleurs pour vous. Et la meilleure chose à propos de ça, c'est que tu peux sauvegarder les couleurs, d'accord ? Et il y a encore une chose. Vous pouvez enregistrer la couleur. Je vais donc verrouiller cette couleur. Et maintenant, si je clique sur la barre d'espace, toutes les autres couleurs vont générer en fonction de la couleur , en fonction
de cette couleur. Je vais donc
appuyer sur la barre d'espace. Maintenant. Vous pouvez maintenant voir qu' il génère des couleurs
en fonction de cette couleur. Et nous avons déjà une
belle palette de couleurs ici. J'adore ça. Cliquons à nouveau. C'est également très agréable. Et laissons
quelque chose comme ça. Encore une fois, j'aime beaucoup
ça et vous pouvez même sélectionner et cliquer sur
l'autre également, comme enregistrer ces deux couleurs. Maintenant, si vous cliquez sur la barre d'espace, les trois
autres couleurs seront générées. Mais oui, ce site
est extrêmement utile. Encore une fois, si vous souhaitez
télécharger ces couleurs, vous pouvez sélectionner
quelque chose comme ceci. Vous pouvez simplement cliquer
sur Exporter ici. Il y a quelques options. Vous pouvez le télécharger sous forme d'image
ou de PDF ou le partager sous forme d'URL. J'adore télécharger
ces SVD car je peux
ensuite les utiliser exactement tels qu'ils
sont dans Illustrator. Je suis désolée, j'ai reçu un message
d'un de mes collègues. On peut dire qu'il est plus un partenaire comme nous le
sommes dans mon
entreprise de toute façon. Alors oui, laissez-moi
fermer le décalage pour non, je suppose que c'est fermé. Donc oui, vous pouvez en gros
télécharger les images, celles-ci colorées sous forme
d'images SVG ou de PDF. Permettez-moi de terminer, puis il y a d'autres
options également. Vous pouvez cliquer sur
Afficher et vous pouvez cliquer
sur chaque couleur pour voir RVB et CMJN
et juste les valeurs l, ce qui est utile si
vous êtes super dans votre couleur complète. Et puis nous avons également la possibilité
de procéder à des ajustements. Vous pouvez essentiellement ajuster
l'ensemble du palais. Le palais dur
est exactement comme ici. Et vous pouvez augmenter ou
diminuer la saturation. C'est ce que tu fais. Fondamentalement, vous changez essentiellement la teinte tout en gardant l'équipe,
en gardant l'harmonie. Ensuite, vous avez également
la saturation. Vous pouvez donc augmenter ou
diminuer la saturation. Vous pouvez également augmenter ou
diminuer la luminosité et la température. OK. Le dernier ici,
c'est le daltonisme. Pour être honnête, je ne connais pas
grand-chose au daltonisme, donc je ne vais pas aborder ce sujet. Vous pouvez simplement
cliquer sur postuler ici ou cliquer sur cancer. C'était donc des glacières. Le dernier est l'espace colorimétrique. J'ai découvert ce site Web par Ryan Siegel
de la Flex Academy. Et c'est vraiment
sympa si vous aimez les couleurs et que
vous voulez générer
un bon jeu de couleurs, mais que vous ne connaissez pas grand-chose, beaucoup de choses sur les harmonies de couleurs. Mais vous pouvez le faire,
disons simplement, je suis venu ici et j'ai aimé, j' aime
vraiment cette couleur. Je vais copier
le code hexadécimal
d' ici. Il suffit de le copier. Ensuite, je vais venir
ici et simplement le coller. Ensuite, vous allez cliquer sur Générer. Ce qui va se passer, c'
est que
cela créera essentiellement un jeu de couleurs. En gros, cela créera
plusieurs jeux de couleurs pour vous et vous n'
avez pas à trop y penser. Il ne vous offrira pas une quantité
incroyable d'options comme des refroidisseurs et des couleurs Adobe, mais il vous donnera de
très jolis jeux de couleurs. Il suffit de sélectionner l'un d'entre eux et
de commencer à travailler dessus. Donc juste en les regardant, tu peux voir que
celui-ci est triade, d'accord ? Ensuite, vous pouvez voir qu'il
existe également des jeux de
couleurs analogues. C'est l'analogue, celui-ci. Si vous connaissez correctement les jeux de
couleurs, vous pouvez, simplement en les regardant, vous pouvez voir
que vous saurez quels sont ces jeux de
couleurs. Mais pour être honnête, comme je l'ai dit, vous n'avez pas à trop y réfléchir. Vous pouvez sélectionner n'importe quel jeu de
couleurs que vous souhaitez et cela
fonctionnera parfaitement pour vous. Mais oui, c'était à
peu près tout. Couleurs Adobe,
refroidisseurs. Bonjour l'espace. Ce sont les
trois meilleurs sites Web pour moi en termes de
génération de couleurs. Mais il y a encore une chose. Même après avoir téléchargé des couleurs, beaucoup de gens disent qu'ils ont téléchargé
un jeu de couleurs, une harmonie de couleurs à partir d'un site Web, et que cela ne fonctionnera toujours correctement lorsqu'ils
créeront leur dessins. Eh bien, c'est parce que
vous ne savez pas quelle est l'interaction des couleurs. Ainsi, dans la prochaine conférence, nous
allons en apprendre davantage sur les interactions des
couleurs et sur interactions des
couleurs et façon dont les différentes couleurs
fonctionnent les unes avec les autres. Parce que même si vous téléchargez tout
ce jeu de couleurs, toutes ces couleurs
ne
fonctionneront pas correctement ensemble. Alors, comment déterminez-vous
qu'il n'y en avait pas correctement ou non, et comment les mélangez-vous
et les associez-vous ? C'est ce que nous allons
apprendre dans la prochaine conférence, les interactions colorées. J'espère vous voir
dans ce match.
5. Interactions en couleurs: Alors, comment vérifier si le jeu de
couleurs que vous avez choisi pour votre marque ou votre produit
fonctionnera ou non ? Mais disons simplement que
vous avez choisi un jeu de couleurs et
que vous l'avez téléchargé. Je ne commande donc pas ce jeu de
couleurs sur coolers.co. Et maintenant je veux vérifier si ces couleurs vont
fonctionner ensemble ou non. Donc, en gros, ce
sont des interactions de couleurs. Supprimons-le et laisse-le, laisse-moi le faire
dès le début. OK. Permettez-moi de zoomer un
peu plus loin. Permettez-moi de les supprimer également. OK. Nous allons simplement en
conserver un
afin de pouvoir le copier plus tard. Zoomons ici. OK ? Donc, ce que je vais faire,
c'est sélectionner l'outil carré et créer
un carré ici. Et je vais
copier cette couleur. Ensuite, je vais créer
un autre carré
au-dessus de cette histoire à ce sujet. Mais prenons un
carré ici et je vais
copier cette couleur. Mettons-le en plus de ça. Donc, en gros, vous pouvez vérifier l'interaction
entre deux couleurs, ce contraste entre
deux couleurs en utilisant ceci. Maintenant, je vais faire
quelques copies de ceci. Je vais appuyer sur
Alt ou Option et faire
glisser, puis faire d'
autres copies. Comme il y a cinq couleurs, il y aura quatre interactions. Je vais sélectionner
celui-ci et copier cette couleur. De même celui-ci et copiez cette couleur et de
même celui-ci. OK, jusqu'ici, tout va bien. Ensuite, je vais sélectionner tous
ces éléments et en faire une copie à nouveau. Et cette fois, je
vais changer une couleur par rapport à celle du dos. Je vais donc le changer pour
celui-ci. OK ? Et vous pouvez déjà voir
quelles sont les couleurs qui ne veulent
pas fonctionner correctement ensemble. Je vais donc
sélectionner celui-ci et le remplacer par celui-ci. Non. OK. Donc tout le reste va bien. Maintenant, je vais recopier
tout ça. Cette fois-ci, je vais sélectionner tous ces éléments et
copier cette couleur. Mais en gros, c'
est ainsi que vous
continuez à échanger les couleurs. Et allons-y, je suppose que deux fois de plus. Faisons-le par ici. Permettez-moi de faire un petit zoom arrière. Ensuite, je vais sélectionner tout
cela, copier, cette couleur. Et pour celui-ci, je vais devoir sélectionner
le précédent. Et enfin, encore une fois. Ensuite, je vais copier cette couleur. J'espère que je ne t'ai pas ennuyé
avec tout ça. Si vous pensez que c'était
ennuyeux, phosphorylé. OK, donc en gros, nous avons des interactions de
couleurs
avec nous ici. Maintenant, laissez-moi le réduire un
peu pour que vous
puissiez bien voir. Et en les regardant simplement, vous pouvez
déjà déterminer laquelle de ces couleurs va
fonctionner ensemble ou non. OK. Mais avant cela, laissez-moi
vous expliquer une meilleure façon de procéder. Tu peux même le regarder. Disons simplement qu'en
regardant celui-ci, je peux voir que cela ne
marchera pas pour nous. De même, cela ne
marchera pas aussi bien et celui-ci aussi. Mais il y a un
truc avec les couleurs, c'est que si vous vérifiez la
valeur des couleurs, comme je l'ai déjà dit, cette valeur de
lumière est la luminosité
et nous allons l'utiliser. Nous allons donc l'
utiliser ici. Donc, si vous vérifiez la
valeur d'une couleur, vous pouvez décider. Vous pouvez vérifier s'ils
vont travailler ensemble ou non. J'ai terminé ce test d'
échelle de gris. Fondamentalement, j'ai les
mêmes cercles
que j'ai créés. Ils sont disponibles ici. Permettez-moi donc de zoomer ici. Si vous sélectionnez toutes ces couleurs et que vous les
convertissez en niveaux de gris, je vais monter ici, cliquer sur Modifier, puis
sur Modifier les couleurs. Étudiez, je suppose un objet. Et j'ai oublié où. Voilà, ça y est. Désolée pour tout ça. Donc, en gros, je vais cliquer sur Convertir
en niveaux de gris. Maintenant, vous pouvez voir que si une
couleur fonctionne en niveaux de gris, si deux couleurs fonctionnent plus risquées , elles fonctionneront
probablement
dans les versions de couleur non elles fonctionneront
probablement probablement également. Mais vous pouvez voir en
regardant tout cela, cela ne
marchera pas pour nous. Je vais donc supprimer ceci. C'est aussi un
travailleur ordinaire pour nous. C'est très bien. Le sitar
va à l'entraînement, ça ne marchera pas, et je ne pense pas que ça
marchera non plus. Permettez-moi donc de faire un zoom arrière. Et ici, je peux
supprimer les mêmes couleurs. OK ? Donc ces deux-là n'étaient pas
appropriés pour nous, et aussi ces
deux-là et aussi celui-ci. Maintenant, nous pouvons même faire un test
réel pour ces couleurs. J'ai donc ce type d'
échantillon simple pour un
exemple réel, d'accord ? Donc ce que j'ai fait,
c'est que j'ai utilisé cette couleur comme arrière-plan, puis cette couleur comme titre. Ensuite, j'ai créé une
forme ici juste pour ajouter une petite touche supplémentaire
et j'utilise cette couleur. Permettez-moi de copier ceci, et
réessayons de l'utiliser. Donc, en gros, je peux
sélectionner n'importe quelle couleur de toute
cette interaction de couleurs
et cela fonctionnera. J'espère que pour nous, d'accord. Mais laissez-moi sélectionner l'
arrière-plan et peut-être le changer pour cette couleur. Et peut-être ça. OK. Ensuite, je vais
sélectionner le texte et changer
pour cette couleur, ou je peux également sélectionner le noir
complet. Ensuite, je vais sélectionner le titre et
le changer pour cette couleur. Vous pouvez voir que cela
fonctionne correctement pour nous. Essayons encore. Je vais copier ça. Permettez-moi de sélectionner l'arrière-plan
et de sélectionner cette couleur. OK ? Permettez-moi de
double-cliquer ici, sélectionner ceci et de
le changer pour peut-être cette couleur. Cette couleur. Et le titre semble correct, nous pouvons changer la couleur du texte. OK, il y a encore une chose. Ce que vous pouvez faire
avec, en plus de ces couleurs, il y a toujours une option pour
utiliser le blanc et le noir également. blanc et le noir sont donc des couleurs
par défaut que vous pouvez
toujours utiliser dans n'importe lequel de vos designs. OK ? Je suppose que j' en ai
parlé lors d'une des conférences
précédentes également. Blanc et noir. Mais
rappelez-vous de ne pas utiliser blanc
complet et le
noir complet parce que certains, parce que pour une raison quelconque,
ils n'ont pas l'air bien. Je peux donc cliquer ici et
peut-être sélectionner ce blanc. Vous pouvez voir que cela s' avère
très agréable pour nous. Essayons un autre. Mais nous pouvons le faire, c'est
sélectionner cette couleur à nouveau. OK, définissons le
titre sur cette couleur, et définissons le texte sur cette couleur
peut-être sur celui-ci. Les deux fonctionnent
bien pour nous. Et réglons ça
sur peut-être décoloré. OK ? Vous pouvez donc voir qu'en faisant
simplement ce genre
d'interactions, nous avons un bon exemple qui, nous le savons, va fonctionner
pour nous. Permettez-moi de faire un petit zoom arrière. Et je l'ai même fait
dans un design ici. Il y a encore une
chose dont nous devons
discuter , c'est la
quantité de couleur que vous devez utiliser. Mais il y a cette règle
enroulée appelée, qui s'appelle la règle 603010. Alors laissez-moi d'abord
vous montrer ici. En gros, si vous regardez
ceci, tous ces motifs, vous verrez qu'il y a une couleur que j'
ai beaucoup utilisée, qui est la couleur de fond, qui est le 60 %. Ensuite, nous avons les 30 %, ce qui représente une grande partie de cette
couleur, la couleur du texte. Et puis ici,
nous avons les 10 %. Donc en gros, en utilisant
la règle 603010, vous pourriez créer des designs
incroyables pour tous, pour tous ceux d'entre vous qui se demandent quelle quantité de
couleur vous devriez utiliser. C'est comme ça que tu as décidé. Si je zoome ici, vous pouvez voir que dans
ce design et ce design, j'ai utilisé les mêmes
couleurs, lesquelles sont ces couleurs ? Permettez-moi de faire un zoom avant. Et vous pouvez voir qu'en sélectionnant
simplement ceci
comme couleur de fond, j'ai sélectionné ces deux
couleurs comme si c'était un 60%, c'est le 30%, et à la
toute fin, c'est le 10%. OK ? Et vous pouvez voir que cela
a l'air vraiment agréable à pendant que vous êtes ici, nous avons un autre
exemple que j'ai enseigné. Nous allons simplement le faire à
titre d'exercice. Permettez-moi de faire un zoom avant. Et je suppose que je vais accélérer choses parce que je ne
veux pas rassurer le temps, donc je vais accélérer
ça et je te
verrai dès que
j'en aurai fini avec ça. Nous en avons fini avec ça.
Et maintenant vous pouvez voir que nous avons l'
interaction des couleurs ici. Essayons donc,
vérifions si cela fonctionne pour nous
en niveaux de gris ou non. Je vais sélectionner tout cela. Ensuite, je vais aller dans
Modifier, modifier les couleurs, puis cliquer
sur Convertir en niveaux de gris. En les regardant simplement, vous pouvez voir quelles
sont les couleurs qui vont fonctionner pour nous ou non. OK, j'appuie sur
Ctrl ou Commande Z. Et maintenant nous avons une idée. Cela ne marchera
donc pas pour nous. Ça ne
marchera pas pour nous. Cela ne
marchera pas non plus pour nous. D'accord, essayons le
même exemple ici. Je vais donc copier ceci. Je vais juste en faire un. OK ? Et sélectionnons la couleur d'
arrière-plan comme celle-ci. OK ? Laissons la couleur du
titre comme celle-ci ou celle-ci. Faisons-le. OK ? Choisissons cette couleur de forme
comme celle-ci ou celle-ci. Et enfin, nous pouvons définir le
texte pour qu'il soit peut-être écrit également. Vous pouvez également sélectionner cette
couleur. Ou vous pouvez le régler sur blanc. Vous pouvez donc voir que c'est un
si bon contraste. Et en faisant simplement cet exercice, vous pouvez déterminer si vos couleurs vous conviennent
ou non. Évidemment, vous n'êtes pas obligé
d'utiliser toutes les combinaisons. Vous avez juste besoin de savoir
quels sont ceux qui fonctionneront
correctement pour vous ou non. Plus tard, je vous donnerai
un exemple de Skillshare. Skillshare
utilise leurs couleurs, nous allons
donc le
couvrir également. J'espère que vous trouverez
vraiment cela, que vous avez trouvé cet exercice utile, et je vous
verrai au prochain cours.
6. Roue de couleur dans Illustrator: Et si je vous disais que
tout ce que nous
avons appris jusqu'à présent, comme les harmonies chromatiques de la roue
chromatique, et même la copie de la
couleur d'une image, est déjà disponible
dans Illustrator. Illustrator propose des options
étonnantes en
matière de couleur. Et je suppose que tout
ce que nous avons appris, 90 % de ces choses sont
disponibles dans Illustrator. En gros, vous aurez
besoin de trois panneaux. Ici, nous avons
le panneau des échantillons. Ensuite, nous ajoutons le
guide des couleurs et le panneau de couleurs. Si vous ne savez pas
comment je les ai obtenus, disons simplement que vous n'avez pas le panneau des échantillons ici. Je l'ai fermée. Mais où
devez-vous faire est simplement d' aller dans Window ici, de dérouler vers le bas et de simplifier
dans le panneau. Le panneau des échantillons est là. Il suffit de cliquer dessus et
vous l'aurez. OK, laissez-moi fermer pour l'instant. En gros, ce que vous pouvez
faire, c'est simplement dire que je sélectionne l'
outil Pipette en
appuyant sur I et que je
sélectionne cette couleur. Je sais que je me suis décoloré. Maintenant, ce que je peux faire, c'est cliquer sur le
guide de la règle ici. Et vous pouvez voir que
cela
m'a déjà donné un schéma de couleurs d'harmonie
des couleurs ici. Et si je clique dessus, en
cliquant ici, vous pouvez voir que cela
me donne différentes options pour les jeux couleurs
triadiques
qui se négocient également. Puis composé Entrez
gratuit. Voyons donc
si je clique dessus. Cela me donne une palette de couleurs
différente. Ensuite, il s'
agit essentiellement de la même palette de couleurs
mais avec quelques nuances supplémentaires. Maintenant, ce que je peux faire,
c'est que je peux simplement créer de
l'esprit ici, et je peux copier cette
couleur ici, puis ça encore ici. Donc, en gros, vous
pouvez créer plusieurs jeux de
couleurs en utilisant ceci. Essayons avec une
autre couleur. Disons que je copie
cette couleur ici. Et juste comme ça, nous avons une palette de couleurs vraiment géniale. Si vous souhaitez enregistrer ceci, mais que vous pouvez le faire, vous pouvez
simplement cliquer ici, enregistrer le groupe
de couleurs dans le panneau de nuances. Il suffit donc de cliquer dessus. Et je suppose que non, oui, donc maintenant il a été sauvegardé. Maintenant, vous pouvez simplement
copier ces couleurs d'ici et nous y
avons accès. C'est à peu près ça. Alors oui, c'est ainsi que vous
pouvez facilement créer des couleurs directement
dans Illustrator. Mais
Illustrator ne se limite pas à cela. Permettez-moi de faire un petit zoom arrière. Laissez-moi sélectionner cette option. Et ici, je
vais aller sur Modifier. Ensuite, j'irai dans Modifier les couleurs, puis je cliquerai sur
l'illustration de recolorer. Mais cette
œuvre d'art recolorée est incroyable. Vous pouvez voir que la roue chromatique
est déjà là. Je vais cliquer sur les options
avancées ici car je veux des options
supplémentaires. OK ? Je pense que j'ai rendu l'
interface un peu trop grande, mais je l'ai juste fait exprès pour que vous puissiez tout
voir correctement. OK, il y a donc
cette option d'édition ,
puis il y a
cette option d'affectation. Maintenant, ce que vous pouvez faire, c'est accéder à la roue chromatique. Je vais donc cliquer
sur modifier ici. Comme je l'ai dit, la
façon dont nous l'avons fait dans options de couleur
Adobe avec
le site Web Adobe Color. Vous pouvez simplement cliquer dessus. Tu peux déplacer ça. Et toutes ces couleurs sont
éditées en temps réel
dans une harmonie. Vous pouvez voir que le jeu de couleurs
d'origine se trouve là-bas et que nous sommes en
train de déplacer les couleurs. Ensuite, il existe également d'autres
options. Je peux dissocier, dissocier
cela aussi. Ainsi, au lieu de
les déplacer dans l'harmonie, ils se déplaceront séparément. Eh bien, je peux sélectionner
qui je veux. Comme ça. C'est à toi de
décider comment tu veux jouer. Mais ce sont vraiment d'
excellentes options, d'accord ? Alors laissez-moi cliquer à nouveau dessus. Ensuite, nous avons aussi
des options pour
les couleurs déjà fabriquées, d'accord ? Mais vous pouvez simplement dire que je veux quelque chose de métallique
pour cliquer dessus. Et il a copié une palette
de couleurs métalliques ici. Qu'est-ce que c'est cool ? OK ? Et tout ce que
nous faisons est également disponible ici. Vous pouvez donc également le sélectionner ici,
que nous avons déjà enregistré en nuancier.
Mais
laissez-moi cliquer dessus. Disons que je veux
des tons terreux. Ils sont disponibles ici. Je veux fêter ça. Donc, évidemment, ils ne
sont pas parfaits. Vous pouvez évidemment les modifier. Mais il édite le tout au
mieux de ses capacités. Disons simplement que je veux que
la nature ressemble à des fleurs. Vous pouvez voir que nous
avons ce jeu de couleurs. Ensuite, nous avons quelques Google
à la rigueur scientifique. Ces analogiques complètent également
les jeux de couleurs. Ces options sont incroyables. Comme si je pouvais aller à l'ancien, qui sont similaires à la palette de couleurs
métalliques qu'il fait face quelque part, des choses
similaires. Et il y a des options pour
changer les couleurs à partir d'ici. Parce que la lectine Industrial
Color et la change, vous pouvez également réduire ou augmenter
la saturation. Augmentez ou diminuez également
la luminosité, comme sa luminosité, une
rougeur plus faible fonctionne très
bien là-dessus. OK. Voici quelques options étonnantes. Il y avait également une option
pour les couleurs
d'adaptation de l'œuvre d'art. Ensuite, on clique sur OK, ici, laisse-moi réessayer. Je vais cliquer dessus,
Modifier, modifier les couleurs, puis
aller sur Recolorier l'illustration. Okay, ouais, Color Theme Picker. Il n'est donc pas disponible
dans les options avancées. Laissez-moi vous dire la puissance
du sélecteur de thème décoloré. Je vais clore
ceci et je vais apporter cette image ici. Permettez-moi de l'agrandir
un peu. Maintenant, ce que vous pouvez faire,
vous pouvez cliquer dessus, puis aller dans Modifier les couleurs, puis cliquer sur l'illustration de
re-couleur. Et ce que nous pouvons faire, c'est
simplement cliquer sur ce document d'équipe et
simplement cliquer sur cette image. Et boum, il en a copié
toutes les couleurs. Faisons le lien avec cette image. Laissez-moi cliquer dessus. Apportez-le ici. D'accord, il est bien trop grand, alors réduisons-le
un peu plus. Je vais cliquer dessus et cliquer
sur Edit, Recolor Artwork. OK ? Et ici, je vais sélectionner le sélecteur de couleurs et
cliquer ici. Et il y a toutes
les couleurs d'ici. Évidemment, nous l'avons rendu
un peu plus sombre pouvoir aller dans
Options avancées pour le modifier à nouveau. OK ? Je vais donc augmenter
légèrement
la saturation plutôt que diminuer
la luminosité. Je suppose que c'est bon, je l'ai
simplement pris. Et nous avons cet incroyable Mandela avec cette
palette de couleurs ici. Et évidemment, vous pouvez
le régénérer encore et encore si vous voulez
avoir plus d'options. Mais comme je l'ai dit, tout ce
dont vous avez besoin est déjà disponible
dans Illustrator. Vous pouvez simplement accéder à
ces options de couleurs. Ensuite, vous avez l'option de
guide des couleurs. Donc, comme si j'avais sélectionné cette
couleur, il suffit de me donner des couleurs complémentaires
et d'
autres couleurs d'équipe ici aussi, ici aussi. Corps. Ensuite, nous avons les échantillons. Vous pouvez donc créer un échantillon
complet de couleurs à partir d' une
seule image ou d'une
seule combinaison. Ainsi, tout ce
dont vous avez besoin est disponible directement
dans
Illustrator, illustrator avec un outil
très puissant matière de couleurs, quand il s'agit de
presque tout ce prêt à design, pour être honnête. Mais les couleurs sont vraiment
puissantes dans Illustrator. J'espère que cela vous a
vraiment plu et je vous
verrai au prochain cours.
7. Analyse Skillshare: Comment utiliser la
2D couleur sur un site Web ? Et cette conférence
s'adresse essentiellement à tous ceux qui s'intéressent à UI UX, mais pour tous les autres, vous apprendrez également beaucoup
de cette conférence. Nous avons donc un partage de compétences ici, et vous pouvez voir qu'il y a certaines couleurs qui
sont assez importantes. Comme s'ils étaient verts. C'est comme la couleur verte
principale qui est extrêmement proéminente. Et ils sont connus pour cela. Mais il existe également d'autres
couleurs. Mais vous ne les remarquez pas
parce que vous ne recherchez
pas le site Web avec l'IR pour notre designer
ou peut-être un coloriste. Parce que le fait
est que le truc bon jeu de couleurs
est qu'il est suffisamment
proéminent pour que vous
obteniez les couleurs principales du
site Web ou de la marque, mais en même temps vous
ne le remarquez pas non plus. OK. Mais commençons
par le premier. J'ai également
ouvert les couleurs Adobe ici. Rafraîchissons ceci
et laissez-moi
vous montrer comment nous pouvons essentiellement
analyser ce site Web. Donc, en gros, je vais sélectionner mon sélecteur de couleurs ici. J'ai cette
extension Chrome appelée Zillow coloré. Donc, en gros, en utilisant
cette extension, vous pouvez copier n'importe quel
remplisseur comme vous le pouvez. Si je le survole,
vous pouvez voir que je peux être de la couleur que je veux. Laissez-moi réessayer. Vous pouvez voir que je peux copier cette couleur sur peut-être cette couleur. Donc, si je survole cette couleur, vous pouvez voir que je peux la copier. Je vais donc cliquer dessus, et maintenant c'est copié. Je vais voir les équipes d'Adobe. Donc la couleur Adobe ici, je vais coller
la couleur ici. Contrôlez V, collez
votre couleur foncée. Et maintenant Adobe me donne
le thème analogique est couleur. Mais le fait est qu'en utilisant cela, nous pouvons déterminer quel jeu de
couleurs Skillshare utilise. Ici, nous pouvons cliquer sur triade
monochromatique,
gratuit. Mais si vous regardez de très
près ici, c'est
ce que
Skillshare utilise. C'est la couleur verte, puis il y a le violet. Et c'est la couleur
qu'ils n'utilisent pas. Si vous revenez au site Web, vous pouvez voir ici qu' ils utilisent
tellement le violet ici. Encore une fois, ce n'est pas très visible, mais en même
temps vous le remarquez. Mais encore une fois, si ce sous-total que c'est la couleur
verte principale et ils ont utilisé le placage des couleurs de la triade car ils
sont de couleur secondaire, ce qui est aussi en un
mot, une excellente couleur. Ici, vous pouvez voir que c'est l'échec
qu'ils utilisent, et qu'il s'agit d'une collaboration
qu'ils n'utilisent pas. En dehors de cela, ils utilisent
également cette couleur. Si je copie ceci puis
que je le colle ici, laissez-moi d'abord le copier. Vous devez le
survoler pour vous
assurer que vous avez bien copié. Maintenant, si je viens
ici et que je copie cette couleur par là, d'accord ? Et puis je passe à la palette de couleurs
monochromes ou aux couleurs analogiques. Vous pouvez voir qu'
ils utilisent également. Ils n'utilisent pas qu'un seul jeu de couleurs, pas seulement une triade. Ils utilisent également des analogues. Vous pouvez voir qu'il
s'agit en quelque sorte couleurs principales de
Skillshare et il s'
agit de la version plus foncée
de la même couleur. Ils ont essentiellement utilisé une teinte de la même
couleur ici. C'est donc la couleur principale et c'est la forme de
cette couleur spécifique. En dehors de cela, ils
utilisent le gris comme couleur
neutre ici. Et en plus de cela, ils utilisent également
cette couleur blanche. Donc, comme je l'ai déjà dit, vous pouvez toujours utiliser le complet
via celui-ci et le
noir complet comme couleurs supplémentaires par défaut. Quelle est la couleur de
la texture ici ? Si je clique dessus ? Si je survole
l'un des textes, par exemple, ici, il s'agit essentiellement de
la même couleur que celui-ci. Si je le colle ici, vous pouvez voir qu'il s'
agit de la même couleur. Ils utilisent le code pour utiliser
un noir ici aussi. Mais comme je l'ai déjà
dit, vous ne devriez pas utiliser le noir
complet ou le blanc complet également. Je suis sûr que cela n'est pas
complété par celui-ci non plus. Essayons de le survoler. OK ? C'est donc complet
juste ici. Dans certains cas, vous pouvez
certainement l'utiliser. Mais un noir complet n'est toujours pas recommandé car il semble qu'il devient un
peu trop dur. Oui, c'était à peu près tout pour l'analyse de Skillshare. Laissez-moi le revoir encore une fois. Ils utilisent essentiellement
un jeu de couleurs triade. Et cette triade, ils
n'utilisent pas la troisième couleur. En dehors de cela, ils
utilisent également un jeu de couleurs analogue. Et ils ont essentiellement
utilisé une teinte de couleur, qui est ce vert. J'espère que cela a été très
intéressant pour vous les gars, et j'espère que vous avez
vraiment apprécié la conférence et je
vous verrai dans la prochaine.
8. Projet du cours: C'est l'heure de ton projet
de classe. Ainsi, dans l'une des conférences
précédentes nous avons appris les interactions des
couleurs. Vous pouvez voir par ici. Donc, en gros, vous devez faire la même chose
ici dans ce projet. En gros, j'ai noté les étapes ici aussi. La première étape est de ne pas
charger de palette de couleurs. J'ai déjà
bien téléchargé pour vous à partir de coolers, vous pouvez en télécharger un vous-même
et l'utiliser ici. Ensuite, l'étape numéro deux est de
vérifier les interactions polaires, comme je l'ai fait ici, et puis je l'ai fait pour
celle-ci également. J'ai oublié de le sauvegarder. Donc, en gros, vous devez également vérifier les
interactions des couleurs ici. Alors je
vous recommande de les créer également. Je n'ai pas ajouté cela
en tant qu'étape séparée. Donc, en gros, comme je l'
ai fait ici, vous devez également vérifier vos interactions de couleurs
en utilisant cet exemple. Ensuite, vous
ferez la troisième étape, qui consiste à tester l'histoire,
le test des niveaux de gris. Vous allez copier tout cela, sélectionner et le copier ici
en utilisant Alt. Et tu dois
le tester ici. Au fait, il se peut que certaines personnes ne
connaissent pas Illustrator. Vous pouvez donc simplement
recréer tout cela dans le programme de votre choix et faire l'exercice là-bas. Enfin, ce qui
est l'étape bonus, vous devez utiliser vos
couleurs dans notre design. Donc ça pourrait être aussi simple que
celui que j'ai fait ici. Ou tu peux compliquer les
choses. Assurez-vous de soumettre
vos projets dans la
section des projets de Skillshare. J'ai hâte de voir tous vos designs et tous
vos projets. Mais j'espère que vous aurez beaucoup de plaisir à
réaliser ce projet. Et j'espère
vous voir dans l'autre vidéo.
9. Prochaines étapes: Félicitations, vous êtes
arrivés à la fin du cours. Et ce n'était pas si
grand non plus, non ? Mais les concepts que vous avez appris sont vraiment importants. Et j'espère que vous avez une
bonne connaissance des couleurs. Maintenant, si vous créez des designs
en utilisant ces concepts, n'
oubliez pas de les partager
dans la section discussion, j'adorerais
consulter votre travail. Et si vous passez en certificat pour terminer ce cours, veuillez m'envoyer un e-mail à
Teilhard payload digital.com. Et n'oubliez pas que vous n'obtiendrez le certificat que si vous avez
terminé le projet de classe. Un petit avertissement, ce ne sera pas un certificat officiel
de Skillshare. Ce sera de ma marque
personnelle. Pour la suite, je
suppose que vous avez suivi ce cours puisque vous
êtes déjà designer, j'ai également d'autres cours qui pourraient vous être vraiment
utiles. Comme j'ai récemment fait un cours sur les principes du graphisme, qui vont vraiment de
pair avec la théorie des couleurs. J'ai également suivi des cours pour débutants et avancés sur
Photoshop et Illustrator. Si c'est votre tasse de thé, vous pouvez les
consulter sur mon profil. Une dernière chose
avant de mettre fin à tout ça. En gros, il y a
une section de révision avec ce cours
ici sur Skillshare. Quels que soient
vos commentaires, bons ou mauvais, veuillez les lire
là-bas car cela m'aide
vraiment à
créer de meilleurs cours. Donc je suppose que c'est Bye pour l'instant. J'espère que vous avez eu beaucoup de
plaisir à apprendre et j'espère vous voir suivre un
autre de mes cours.