L'illustration plate est partout. Pensez aux panneaux de signalisation. Les images sont propres, simples, pas trop détaillées et il est facile de dire ce que c'est d'un coup d'œil.

Je vais dessiner trois scènes de La petite fille aux allumettes qui ont des humeurs et des points focaux différents les uns des autres. Je suis sûr que la plupart d'entre vous connaissent l'histoire.

 

Nous parlerons de l'objectif principal, du choix des schémas de couleurs et de la façon dont tout cela fonctionne dans un style d'illustration plat.

 

Je recommande de vérifier la version vidéo ci-dessous pour le timelapse.

Outils et style

L'illustration plate est généralement sans ligne. Vous pouvez le 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 de cartographie modifié préféré et ma gomme dure, ainsi que l'outil Dégradé et l'aérographe Tone Scraping pour d'autres effets.

Vous pouvez ombrer l'illustration avec un ombrage de cellule ou un dégradé, mais n'oubliez pas qu'une illustration plate doit avoir l'air plate. Dessinez l'ombrage d'une manière qui ne donne pas beaucoup de profondeur à l'illustration.

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

Schéma de couleur

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

C'est alors que le contraste est entré en jeu. Qu'il s'agisse d'un contraste de forme ou d'un contraste de couleur, nos yeux sont attirés par quelque chose d'inhabituel. Et pour avoir l'air inhabituel, l'objectif principal doit être différent de son environnement.

La couleur est notre meilleure arme. Lorsque vous parlez de couleurs, utilisez qu'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é versus 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.

Le choix de la palette de couleurs a été un cauchemar pour moi. Connaître la théorie des couleurs est une chose, mais comment choisit-on les couleurs ?

 

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

Les scènes se passent la nuit, les alentours seront en bleu. Ainsi le bleu dominera 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 le font pas. Cela nous aide à éliminer beaucoup de probabilités.

Les couleurs chaudes attirent l'attention et offrent un bon contraste avec 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 de la quantité de teinte que vous souhaitez 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 bizarre et je n'ai pas envie d'utiliser du rose, donc le gagnant est Split Complementary.

Félicitations, nous avons nous-mêmes un jeu de couleurs!

 

J'espère que cette astuce pourra vous aider lorsque vous êtes coincé à choisir des couleurs pour votre art.

Phase de planification

Peignons un brouillon très rapidement. J'essaie les couleurs et j'étoffe les personnages et l'environnement dans cette étape parce que je détesterais trébucher en dessinant la vraie chose. Premièrement, 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 du jaune délavé.

 

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

 

• Pour attirer les yeux du spectateur sur la fille, nous allons utiliser des couleurs plus chaudes, un peu plus saturées et plus lumineuses tandis que le passant a l'air délavé et bleuté par rapport à elle.

 

• Pour l'étoile, léger jaune saturé par rapport aux fenêtres et un peu de lueur.

 

• Pour la dernière photo où la fille et sa grand-mère s'envolent vers le paradis, j'ai choisi de les baigner dans une lumière chaude avec un dégradé aux 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 changera votre image colorée en niveaux de gris.

La valeur est la façon dont une teinte peut être claire ou foncée. Différentes couleurs peuvent avoir des valeurs similaires, ce qui n'est pas bon pour une 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 j'ai augmenté la luminosité pour la rendre plus claire. Il 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.

Esquisser

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

La deuxième photo est la scène où la fille a vu une étoile filante et a rappelé sa gentille grand-mère.

 

Le point focal est l'étoile filante et nous allons mettre la caméra derrière la fille pour dire au spectateur que la fille regarde là-haut.

 

Les lumières des bâtiments sont toutes éteintes pour dire aux télé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 long plan qui rend difficile la mise au point sur l'étoile, alors je l'ai un peu raccourci.

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

Si la fille est 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.

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

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

La fille dans la ruelle se trouve en bas à gauche de la troisième illustration. l'objectif principal est qu'ils volent vers le ciel, que la fille sur terre se mélange avec les couleurs de l'environnement.

 

En raison de la position de la fille (celle de la ruelle) 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 une ombre en haut et en bas de la première illustration. Puis quelques-uns sur les immeubles pour mieux encadrer la fille.

Deuxième illustration, ajoutez quelques traînées bleues plus claires au ciel pour le rendre moins vide et liquéfiez le bâtiment pour le redresser.

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

Un dernier test avant de nettoyer les illustrations est le test Squint.

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 façon manuelle de le faire est de s'éloigner de l'écran, de plisser les yeux et de regarder les illustrations.

Le floutage des illustrations avec Gaussian Blur peut également fonctionner.

Comme nous pouvons le voir, la première illustration ne passe pas tout à fait le test Squint. La lumière des fenêtres et la fille se battent pour attirer l'attention. Les deux autres cependant, ont réussi 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 Squint pour nous assurer que tout fonctionne bien.

J'ai rendu la robe de la fille de la première illustration plus sombre pour la faire ressortir davantage. Passons au test de strabisme...

La première illustration a à peine réussi le test Squint.

 

La robe rouge et le foulard de la fille ont à peine attiré plus d'attention que les lumières de la fenêtre, 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, nous avons terminé ! J'espère que vous apprendrez quelque chose de nouveau.

 

Rendez-vous au prochain tuto !