Je suis PenultimateSaint et je suis là pour vous parler du pouvoir du désordre. Savoir quand être désordonné et comment transformer la négligence en force est une compétence fondamentale qui peut être appliquée à de nombreux médiums différents.

 

Cela dit, je ne peux pas me contenter d'expliquer un concept fondamental sans exemple, et quel meilleur médium pour illustrer la transformation d'ébauches brutes en dessins finaux éclatants que le pixel art ? Pour être précis (heh), je vais vous montrer comment je suis passé de là...

à là :

(et voici la taille réelle, si vous étiez curieux)

Commencer bien plus grand que le dessin final est la première étape. Aussi petite soit-elle, cette image finale bénéficie des grandes lignes fluides et des petits détails présents dans l'ébauche. Parce que je les ai dessinés de la même manière que j'aurais dessiné une ébauche pour un dessin plus grand, ces détails sont organiques.

 

Si j'avais commencé ce dessin comme un dessin en pixels, il aurait pu être tentant de tout dessiner à angles droits ou en lignes droites. Commencer par un croquis lâche m'a aidé à créer des formes plus subtiles et plus intéressantes.

 

Plus à ce sujet plus tard !

Maintenant que nous avons établi l'utilité d'une ébauche, examinons de plus près comment en créer une.

Simple, simple, simple !

 

Nous avons un cercle + une partie pointue oblongue pour la tête, un corps en forme de haricot et des membres informes. Le bras que je savais ne pas vouloir dessiner a à peine une main. Ce qui est tout à fait bien. Nous sommes à l'étape de planification, après tout. Ce que nous cherchons ici, c'est une pose efficace et un geste convaincant.

 

Le geste mérite son propre tutoriel -- et je vous encourage à en lire quelques-uns sur le sujet si ce n'est pas déjà fait ! -- mais pour faire simple, le geste est la ligne d'action principale qu'une pose crée. Vous pouvez l'imaginer comme une ligne littérale tracée à travers le corps. Dans notre croquis, le geste pourrait être tracé à travers la colonne vertébrale et courbé vers l'avant en direction du ventre :

Maintenant que j'ai une pose de base et des proportions qui me satisfont, il est temps de passer aux éléments constitutifs du design. Dans ce cas, ses vêtements. Je savais que je voulais un grand pull ample, donc le reste du design allait devoir s'y adapter -- ce qui signifiait que cela devait être la première chose que je dessinais.

Notez comment le pansement crée un intérêt visuel dans une zone autrement vide de la composition.

 

Il a fallu quelques ajustements pour obtenir une longueur de jupe qui, selon moi, fonctionnait le mieux avec les manches volumineuses. C'est pourquoi nous commençons par des ébauches. Imaginez faire tout le travail de pixel art parfait et ombragé, puis seulement réaliser que la jupe et les manches se terminant sur la même ligne horizontale avaient l'air bancales et ne fonctionnaient pas.

Je n'ai pas besoin d'imaginer, j'y suis déjà passé.

Maintenant que nous allons nous lancer dans le dessin du lineart en pixels, prenons un moment pour parler des formes organiques (j'avais dit que nous y reviendrions) !

 

Je dois commencer par une mise en garde. Les formes géométriques ne sont pas mauvaises et parfois elles sont le bon choix pour un projet. Le but est que vous connaissiez la différence -- afin de choisir les formes qui vous conviennent le mieux, et non de vous rabattre sur l'une ou l'autre par accident.

 

Cela étant dit, que signifient ces termes ?

 

Je pense qu'un exemple devrait rendre les choses assez claires. À gauche, nous avons une tête géométrique -- les lignes sont droites ou des diagonales parfaites, et il y a beaucoup de rectangles et de triangles. À droite, nous avons une version qui utilise des lignes plus courbes et plus irrégulières afin de transmettre une sensation organique.

(Vous pouvez l'imaginer comme les lignes droites de quelque chose de fabriqué par opposition aux lignes douces d'un humain ou d'un animal).

Les formes géométriques ont tendance à bien fonctionner pour les images qui doivent véhiculer une sensation rigide et régulière. Un paysage urbain minimaliste serait un bon exemple.

 

Les formes organiques sont souvent utiles pour transmettre la douceur et la courbure naturelle d'un objet organique (aha !) -- une personne, une plante, un animal, etc.

 

Mais bien sûr, les règles sont faites pour être enfreintes. Certains jeux utilisent un style artistique délibérément bloqué. Certains dessins animés utilisent des formes lâches et organiques même pour les bâtiments. Ces choix artistiques inhabituels peuvent créer un look distinctif et iconique. Au-delà de l'esthétique, ces choix peuvent bien se prêter à l'atmosphère que les œuvres essaient de créer.

Mais pour ce dessin, je pense qu'un choix conventionnel fonctionnera très bien. La sensation que je veux transmettre est le volume doux d'un pull ample et la rondeur mignonne d'une fille chibi. Les formes organiques sont plus adaptées pour transmettre ce sentiment. Ce sont donc le genre de lignes que je vais essayer de souligner en commençant à tracer le croquis :

On dirait, euh...

Eh bien, c'est la première passe. Je l'ai faite rapidement (désordonnément !) exprès. Laissez-moi vous expliquer...

En traçant rapidement l'image, j'ai atteint plusieurs objectifs différents :

 

1. Gagner du temps

 

Dessiner un pixel à la fois prend une éternité. À ce stade précoce, je ne peux même pas être sûr que c'est exactement là que je voudrai que ces lignes se trouvent. Il est bien plus efficace en termes de temps de poser les lignes rapidement, de chercher les zones qui nécessitent des ajustements, d'apporter ces corrections, et ensuite d'affiner les lignes.

 

2. Capturer fidèlement le croquis

 

De plus, dessiner un pixel à la fois rend plus probable que je perde la sensation du croquis. Si je suis hyper-concentré sur le fait que le genou soit beau, par exemple, je suis zoomé et j'ajoute ou supprime des pixels un par un, sans prêter attention au reste de l'image. Ce qui... est mauvais pour la composition.

Après tout, je ne dessine pas Le Genou Le Plus Parfait de l'Univers, je dessine une fille entière. Chaque choix artistique que je fais devrait donc être au service de la vue d'ensemble -- de la transmission du sentiment général que j'essaie d'évoquer. Les formes, les couleurs, le placement de chaque élément... tout doit fonctionner ensemble.

 

Une fois que je suis sûr que les proportions et la silhouette des lignes fonctionnent pour ma composition, je peux commencer à me soucier d'affiner les lignes et d'ajouter des détails.

Alors... après avoir déplacé le chignon, ajusté les languettes des chaussures, amélioré certaines formes dans les cheveux, ajouté quelques plis de vêtements... maintenant, il est temps de nettoyer les lignes :

Ça commence à ressembler à quelque chose !

Une chose importante qui aide cette version à paraître plus nette est la suppression des pixels supplémentaires à ce que nous appellerons les 'coins' (les zones où les pixels changent de direction) :

Remarquez comment les coins agglomérés dans la version de gauche donnent au dessin une sensation rigide et géométrique malgré la forme organique des lignes. À cause des pixels supplémentaires, chaque mouvement de la ligne est interprété comme un virage à angle droit. Ils rendent également les lignes beaucoup plus épaisses, ce qui n'est pas propice à la sensation douce et organique que nous recherchons. Dehors, les paquets !

Maintenant que nos lignes sont là où nous les voulons, nous pouvons commencer à colorier !

Appliquons quelques aplats :

Pourquoi ces couleurs ?

 

La théorie des couleurs est un vaste sujet dans lequel j'adorerais me plonger, mais nous devrons nous contenter d'un résumé rapide et concis pour rester dans le sujet. C'est parti !

 

Les palettes de couleurs comportent généralement une ou deux couleurs neutres, une autre couleur principale, puis une couleur d'accent vive.

 

Encore une fois, nous faisons des choix qui sont en accord avec l'image globale. Je recherche un look doux et délicat -- mais pas trop mignon non plus.

 

J'ai choisi le crème et le marron comme couleurs neutres. Cette base crée une sensation chaude et à faible contraste. L'utilisation de plusieurs nuances différentes des couleurs neutres (par exemple, des chaussures foncées contre des cheveux orangés) apporte un intérêt visuel sans ajouter trop de contraste.

 

J'ai utilisé le bleu sarcelle comme couleur principale et couleur d'accent (encore une fois, pour minimiser le contraste). La jupe est une version foncée et sourde de la couleur, tandis que les yeux sont lumineux et saturés. Cela contribue également à l'équilibre de la composition.

 

Parce que la jupe est foncée, elle met en valeur le pull pâle, équilibre les chaussures foncées et équilibre les yeux et les cheveux relativement lumineux et accrocheurs (lorsque nous ajouterons le motif écossais à la jupe, elle deviendra encore plus intéressante visuellement et donc encore plus efficace comme élément d'équilibre).

Les couleurs sont un sujet vaste et fascinant, mais il est temps de passer à l'ombrage.

À ce stade, nous ne nous soucions pas de la couleur des ombres. J'ai un calque d'écrêtage réglé en mode de fusion Multiplier pour que je puisse voir ce que je fais et je me lance simplement à la recherche des bons endroits où placer ces ombres :

Ça a l'air plutôt bien !

 

J'aimerais faire une autre brève parenthèse pour parler de la valeur relative. L'idée ici est de regarder le sujet dans son ensemble et de sélectionner de grandes zones de lumière et d'ombre. Dans les zones d'ombre les plus profondes, la valeur la plus claire ne devrait pas être présente. De même, dans les zones de lumière les plus vives, la valeur la plus sombre ne devrait pas être présente. En gros, si vous faisiez une peinture en niveaux de gris, vous n'utiliseriez pas le noir et le blanc pour chaque surface. Une partie de l'image serait du blanc au gris et une partie du gris au noir. Cela aide à donner à l'image entière un sentiment de cohésion, et une bien meilleure perception de la direction de la lumière.

 

Dans ce dessin, la valeur relative est la raison de la grande ombre au-dessus de son oreille :

Maintenant que les ombres sont aux bons endroits, nous pouvons nous concentrer sur le choix de couleurs efficaces. J'ai choisi des ombres assez pâles, toujours au service de ma vision à faible contraste, avec des tons plus chauds sur les cheveux et la peau pour leur donner une sensation de vivacité :

Viennent ensuite les reflets ! Cela va paraître étrange car j'ai utilisé un blanc éclatant comme couleur de surbrillance temporaire (normalement je ne le ferais pas, mais le pull était si pâle que rien d'autre n'aurait été universellement visible). Sans plus tarder...

Sacré nom d'une pipe, elle brille vraiment !

Atténuons ça...

Notez ici aussi qu'il y a des zones avec des reflets et des ombres minimales. Par exemple, le torse de son pull et l'étendue chibi de ses joues. La valeur relative frappe encore !

Mais, bon sang, la jupe a l'air un peu ennuyeuse et solitaire sans motif, n'est-ce pas ? Peut-être submergée par le pull ample et la tête géante de la fille ? Ajoutons un peu d'intérêt visuel.

Première étape : des rayures verticales marron réglées à faible opacité en mode de fusion Multiplier :

Deuxième étape : des rayures horizontales blanc cassé réglées à une opacité encore plus faible en mode de fusion Éclaircir (addition) :

Mettez-les ensemble, et qu'obtenez-vous (bibbidi-bobbidi-boo) ?

De l'intérêt visuel !

Maintenant que toutes les couleurs sont en place -- les aplats, les ombres, les reflets -- il est temps de colorier nos lignes. Cela aidera à définir les différents éléments du dessin et à donner à l'image une apparence globale plus douce. Mon premier changement a été de rendre toutes les lignes d'un brun foncé. Ensuite, j'ai édité la couleur des lignes section par section, en restant aussi proche de ce brun que possible. Cela a aidé à maintenir la cohésion de la couleur du lineart :

Enfin -- nous avons terminé !

Eh bien... nous le serions, de toute façon, si j'étais un artiste parfait et que j'obtenais tout parfaitement du premier coup. Mais je ne le suis pas ! Et cela signifie qu'il y a beaucoup de petits ajustements et d'améliorations que nous pouvons apporter à cette version presque terminée.

C'est exact.

 

Il est enfin temps de se concentrer sur les détails (aussi appelé 'polissage'). Qu'est-ce qui fonctionne et devrait être accentué ? Qu'est-ce qui ne fonctionne pas et devrait être corrigé ?

J'ai senti que certaines zones d'ombre avaient besoin de plus de punch, et que les yeux avaient l'air un peu éteints -- alors je les ai ravivés. J'ai également ajouté des pixels de la même couleur que les ombres sur certains bords du contour, afin d'adoucir la transition. J'ai décidé que la grande ombre sous le pull ne fonctionnait pas et je l'ai éliminée. Une partie du lineart intérieur a été éclaircie afin de mettre davantage l'accent sur les bords de chaque élément...

 

Ou pour le dire plus succinctement, un tas de petits ajustements ! Je pouvais me concentrer sur ces fioritures avancées sans me soucier de perdre mon temps sur quelque chose que je changerais plus tard. En dézoomant fréquemment pour m'assurer que je ne nuisais pas à l'image globale, j'étais libre d'ajuster et de peaufiner jusqu'à obtenir une version finale qui me convenait.

Pour rendre les différences encore plus évidentes, voici une comparaison animée (.gif) :

Est-elle parfaite ? Bof, rien n'est parfait. Mais elle correspond à ma vision au mieux de mes capacités.

 

Le fait d'être désordonné avec le croquis et le tracé initial des pixels par-dessus m'a permis de capturer et de conserver une sensation de vivacité et de douceur dans le lineart. Travailler sur le placement avant de m'occuper de la couleur m'a permis de me concentrer sur l'obtention des bonnes formes sans avoir à changer constamment la couleur avec laquelle je dessinais. Garder mes petites modifications méticuleuses pour la toute fin m'a aidé à m'assurer que ces modifications ne seraient pas une perte de temps et à garantir qu'elles servaient la composition globale.

Donc, même si nous travaillons avec un médium si précis que le placement de chaque pixel individuel compte --

N'ayez pas peur d'être désordonné !

P.S. Merci beaucoup d'avoir passé du temps avec moi. Je vous souhaite le meilleur dans votre parcours artistique !

 

--PenultimateSaint