L'illustration plate est partout. Pensez aux panneaux de signalisation. Les images sont claires, simples, sans trop de détails et il est facile de comprendre de quoi il s'agit d'un coup d'œil.

Je vais dessiner trois scènes de La Petite Fille aux allumettes qui ont des ambiances et des points focaux différents. Je suis sûr que la plupart d'entre vous connaissent l'histoire.

 

Nous parlerons de l'objectif principal, du choix des palettes de couleurs et de la façon dont tout cela fonctionne dans le style d'illustration plate.

 

Je vous recommande de consulter la version vidéo ci-dessous pour le timelapse.

Outils et Style

L'illustration plate est généralement sans ligne. Vous pouvez la dessiner librement avec n'importe quel stylo, pinceau ou simplement utiliser l'outil Lasso et remplir. Vous pouvez également utiliser l'outil Figure pour dessiner des contours lisses.

Les pinceaux texturés comme la craie, le pastel et autres fonctionnent très bien aussi si c'est ce que vous préférez.

J'utilise mon stylo Mapping modifié préféré et ma gomme dure, ainsi que l'outil Dégradé et l'aérographe Décapage de ton pour d'autres effets.

Il est acceptable d'ombrer l'illustration avec de l'ombrage cellulaire ou un dégradé, mais rappelez-vous que l'illustration plate doit avoir l'air plate. Dessinez l'ombrage de manière à ne pas donner à l'illustration beaucoup de profondeur.

Si vous utilisez un dégradé, utilisez-le avec discernement. Nous voulons que les formes soient nettes, trop de dégradé peut ternir les couleurs.

Palette de Couleurs

En raison de sa nature sans ligne, la couleur est très importante. Vous ne pouvez pas tricher en utilisant un line art pour séparer des éléments de couleurs similaires.

C'est là que le contraste intervient. Qu'il s'agisse de contraste de forme ou de couleur, nos yeux sont attirés par quelque chose d'inhabituel. Et pour paraître inhabituel, le point focal principal doit être différent de son environnement.

La couleur est notre meilleure arme. Quand on parle de couleurs, il existe quatre types de contraste.

 

1. Couleur contre niveaux de gris. Ce qui est à peu près la même chose que...

2. Saturé contre désaturé.

3. Chaud contre froid.

Mais le plus important de tous, ce sont les valeurs. J'expliquerai les valeurs juste après avoir choisi les couleurs.

Choisir la palette de couleurs était un cauchemar pour moi. Connaître la théorie des couleurs est une chose, mais comment choisir les couleurs ?

 

Mon conseil est de choisir d'abord la couleur qui dominera la majeure partie de l'espace dans l'illustration.

Les scènes se déroulent la nuit, l'environnement sera bleu. Le bleu dominera donc et deviendra notre première couleur.

 

En théorie des couleurs, nous avons beaucoup de couleurs qui fonctionnent très bien avec le bleu. Et beaucoup qui ne fonctionnent pas. Cela nous aide à éliminer beaucoup de probabilités.

Les couleurs chaudes attirent l'attention et offrent un bon contraste pour le bleu froid.

C'est une bonne idée d'en avoir dans l'illustration, en particulier pour notre personnage principal. Cela élimine les harmonies de couleurs qui n'ont que des couleurs froides.

Maintenant que nous en avons moins, décidez combien de teintes vous voulez utiliser. Pour cette illustration, deux, c'est trop peu et quatre, c'est trop. Restons-en à trois.

Il n'en reste que deux. C'est l'hiver donc utiliser du vert serait étrange et je n'ai pas envie d'utiliser du rose, donc le gagnant est le Complémentaire Scindé.

Félicitations, nous avons notre palette de couleurs !

 

J'espère que cette astuce pourra vous aider lorsque vous êtes bloqué pour choisir les couleurs de votre œuvre.

Étape de Planification

Esquissons rapidement un brouillon. J'essaie les couleurs et j'étoffe les personnages et l'environnement à cette étape car je détesterais trébucher en dessinant la vraie chose. D'abord, parce que ce n'est pas une histoire joyeuse, j'évite de choisir des couleurs saturées.

• Pour les lumières à travers la fenêtre, nous utiliserons un jaune délavé.

 

• La neige est d'un bleu clair au lieu du blanc. J'ai tendance à éviter le blanc pur et le noir pur dans mes illustrations colorées.

 

• Pour attirer le regard du spectateur sur la fille, nous utiliserons des couleurs plus chaudes, un peu plus saturées et plus lumineuses, tandis que les passants auront l'air délavés et bleutés par rapport à elle.

 

• Pour l'étoile, un jaune clair saturé par rapport aux fenêtres et une petite lueur.

 

• Pour la dernière image où la fille et sa grand-mère s'envolent vers le ciel, j'ai choisi de les baigner dans une lumière chaude avec un dégradé utilisant les couleurs de l'étoile filante.

Pour voir si les couleurs fonctionnent, vérifiez les valeurs. Allez dans Propriété du calque > Couleur d'expression > Gris.

Cela transformera votre image colorée en niveaux de gris.

La valeur est la clarté ou l'obscurité d'une teinte. Différentes couleurs peuvent avoir des valeurs similaires, ce qui n'est pas bon pour l'illustration plate. Il est important que différentes formes aient des valeurs différentes.

Par exemple, les couleurs du foulard de la fille et de la fenêtre ont des valeurs similaires.

J'ai utilisé Teinte/Saturation/Luminosité et augmenté la luminosité pour la rendre plus claire. Cela augmente la visibilité.

Retournez à Propriété du calque > Couleur d'expression, cette fois choisissez "Couleur" et voyez le changement. Les modifications que vous apportez en mode niveaux de gris seront reportées en mode couleur.

Esquisse

Pour la première image, la pauvre fille poursuit quelqu'un dans la rue, essayant de vendre ses allumettes. Je vais la faire en vue plongeante pour montrer l'allée étroite et pour inclure plus d'informations dans l'illustration.

La deuxième image est la scène où la fille a vu une étoile filante et s'est souvenue de sa gentille grand-mère.

 

Le point focal est l'étoile filante et nous allons placer la caméra derrière la fille pour indiquer au spectateur qu'elle regarde là-haut.

 

Les lumières des bâtiments sont toutes éteintes pour dire aux spectateurs que même lorsque la ville s'endort, la fille est toujours dehors dans le froid.

Il y a trop d'espace vide dans ce plan large qui rend difficile de se concentrer sur l'étoile, alors je l'ai un peu raccourci.

L'étoile et la fille sont sur des côtés opposés pour équilibrer l'illustration.

Si la fille était juste sous l'étoile, il y aurait un espace vide qui donnerait l'impression que l'illustration est trop lourde d'un côté.

 

Pas une bonne composition.

La dernière est quand elle rencontre sa grand-mère dans l'au-delà.

Comme l'illustration commence à gauche, j'ai placé la fille et la grand-mère en haut à droite pour suivre le mouvement.

La fille dans l'allée est en bas à gauche de la troisième illustration. L'objectif principal est de les voir s'envoler vers le ciel, faites en sorte que la fille sur terre se fonde avec les couleurs de l'environnement.

 

En raison de la position de la fille (celle de l'allée) dans la troisième illustration, j'ai retourné la deuxième illustration pour plus de cohérence.

Vérifions les valeurs des trois illustrations. Ça a l'air bien. Il est temps de finaliser.

Finalisation

Ajoutons de l'ombre en haut et en bas de la première illustration. Puis sur les bâtiments pour mieux encadrer la fille.

Deuxième illustration, ajoutez des traînées de bleu plus clair au ciel pour le rendre moins vide et liquéfiez le bâtiment pour le redresser.

Pour la troisième, la tête de la fille terrestre est rendue plus petite et le contraste de la scène de vol est augmenté.

Un dernier test avant de nettoyer les illustrations est le test du plissement des yeux.

Le but de ce test est de déterminer si le point focal de l'illustration n'est pas distrait par quoi que ce soit dans l'environnement.

 

La manière manuelle de le faire est de s'éloigner de l'écran, de plisser les yeux et de regarder les illustrations.

Flouter les illustrations avec un flou gaussien peut aussi fonctionner.

Comme nous pouvons le voir, la première illustration ne passe pas tout à fait le test du plissement des yeux. La lumière des fenêtres et la fille se disputent l'attention. Les deux autres, cependant, l'ont passé avec brio.

 

J'ai changé les couleurs des fenêtres dans la version finale.

Vérifions les valeurs de couleur et faisons un autre test du plissement des yeux pour nous assurer que tout fonctionne bien.

J'ai rendu la robe de la fille dans la première illustration plus foncée pour la faire ressortir davantage. Passons au test du plissement des yeux...

L'illustration une a à peine réussi le test du plissement des yeux.

 

La robe rouge et le foulard de la fille ont à peine attiré plus d'attention que les lumières des fenêtres, j'ai donc choisi d'éteindre la lumière à sa droite et de dessiner une nouvelle fenêtre avec de la lumière en bas à gauche de la première illustration.

Et voilà, c'est terminé ! J'espère que vous avez appris quelque chose de nouveau.

 

À bientôt pour le prochain tutoriel !