Cours de Pixel-Art : Chapitre 2 ~ Savoir faire des traits

Un lineart est essentiellement composé de droites et de courbes , et nous allons commencer par parler de droites.
Ceux d'entre vous qui ont écouté leurs cours de maths au moins jusqu'au collège savent qu'une droite est caractérisée par son coefficient directeur. Il s'agit du quotient des "variations en y" sur les "variations en x". Pour ce tutorial, on représentera une droite par ce quotient, écrit sous la forme y:x.
Ainsi, une diagonale parfaite de "en bas à gauche" vers "en haut à droite" est une droite 1:1. Voici quelques lignes simples et leurs coefficients directeurs pour illustrer l'idée.

En pixel-art, les droites qui utilisent ces coefficients directeurs simples (0:1, 1:2, 1:1, 2:1 et 1:0), sont appelées "lignes parfaites". Elles contribuent à rendre votre image parfaite d'un point de vue optique car elle reposent l'oeil, qui les suit sans difficulté.
Elles ne sont cependant pas les seules que vous pouvez tracer ; vous pouvez par exemple faire des lignes "intermédiaires" en alternant des segments de longueur deux avec des segments de longueur un (pour simuler, de loin, des segments de longueur 1,5). Exemple en image.
Le résultat est nettement moins esthétique (d'autant plus que l'image est ici agrandie 4 fois pour que vous puissiez voir ce qui se passe) et c'est pourquoi il est important de modérer l'usage des lignes comme celle du milieu. Rassurez vous elles ont tout de même leur utilité, et vous apprendrez à les embellir dans un chapitre plus avancé de ce cours.

Bien bien, vous savez maintenant tracer des traits. Vous n'irez tout de fois pas bien loin avec uniquement des lignes droites. Passons donc aux courbes, qui sont un sujet autrement plus complexe. Contrairement à une droite, une courbe peut être réussie ou ratée.

Il n'y a qu'une seule règle à suivre pour réaliser une courbe bien lisse : la longueur des segments doit varier de manière progressive, et il faut éviter les angles droits (non sans blague ?). Bon ok ça fait deux règles, mais en fait la seconde est incluse dans la première. Des exemples seront cependant plus parlants.
En vert, une jolie courbe qui suit cette règle à la perfection. (De gauche à droite, les longueurs sont 5 4 3 2 2 1 1 1 2 3 3 3 2 1 1 2 2 1 2 1 2 1 1).
En rouge, une qui la bafoue sans vergogne (ne faites pas ça !).
En rouge foncé, un segment qui bafoue plus précisément sa deuxieme partie ("les angles droits").

Au final, une bonne technique pour tracer une courbe consiste à la dessiner "à main levée" (on obtient quelque chose du genre de la courbe rouge) puis à repasser derrière et à la modifier jusqu'à ce qu'elle respecte "la règle". Cela permet d'assurer à l'avance que la courbe aura l'allure souhaitée.
Bon, les courbes c'est fait.

En conclusion, je vous laisse avec de petits exemples d'applications de ce cours. Le premier est un dragon tout en rondeurs qui illustre les principes de tracé de courbes, le second est une épée qui montre que, parfois, des lignes plus anguleuses (regardez la pointe et le pommeau) peuvent aussi être utiles quand on a pas la place pour mieux.

Je vous recommande fortement de faire quelques linearts avant de poursuivre la lecture de ce cours : vous pourrez ensuite vous en servir pour mettre en application le reste du cours (de même que je me servirai du dragon ci-dessus). Si vous avez du mal, vous pouvez toujours partir d'un dessin scanné.