Graphismes 2D pour les programmeurs

Dessiner un tank

Chris Hildenbrand

Traducteur

Alexandre Laurent

Voici un tutoriel rapide, demandé par l'un des membres d'un forum de développement de jeux vidéo, pour dessiner un joli tank cartoon.

Commentez

- Titre : Graphismes 2D pour les programmeurs

- Auteur : Chris Hildenbrand

- Traducteur : Alexandre Laurent

- Parution : 4 décembre 2014

- Licence : Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright ® 2014 Chris Hildenbrand. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Sommaire

- I. Dessiner un tank

- II. Remerciements

- III. Commenter

I - Dessiner un tank

Lorsque vous faites un redimensionnement dans Inkscape, maintenir Ctrl + Maj permet de conserver le ratio, ce qui est quelquefois très pratique.

Commencez avec quelques cercles pour la base de la roue.

Créez un rectangle et convertissez-le en un chemin, puis amenez le nœud du dessus vers l'intérieur

Redimensionnez la forme pour correspondre à la base et créez un duplicata symétrique.

Combinez les deux formes avec l'option Chemin/Union (Ctrl + +) et dupliquez-les trois fois.

Affichez le panneau de transformation (Ctrl + Maj + M) pour vous permettre d'ajuster l'angle précisément.

Combinez les quatre formes avec le plus grand cercle pour obtenir une forme de rouage.

Créez deux cercles et combinez-les avec la commande Chemin/Union. C'est l'élément de départ pour la chenille.

Supprimez les nœuds centraux et convertissez la courbe en une ligne pour produire une forme de pilule. (Sinon, créez une boite avec des coins arrondis.)

Agrandissez la forme de pilule pour la rendre plus large que le rouage.

Groupez le rouage et alignez-le avec trois copies supplémentaires.

Déplacez les nœuds de la forme de la pilule pour correspondre à l'ensemble des rouages.

Ouvrez le panneau des contours (Ctrl + Maj + F) et donnez un épais contour à la forme.

Dupliquez l'objet et donnez-lui un contour encore plus épais.

Sélectionnez une configuration de pointillés dans le menu.

Créez un autre duplicata et sélectionnez « aucun contour » puis déplacez-le vers le fond (Page précédente).

Puis convertissez les contours en chemins pour les deux autres formes (Ctr +l Alt + C).

Combinez les deux formes de chenilles et donnez un contour correspondant aussi bien à la chenille qu'aux rouages.

Notre petit tank cartoonesque aura besoin d'un joli contour épais.

Ensuite, transformez un carré en chemin. Changez les lignes aux deux bouts en courbes avec deux nouveaux nœuds.

Placez la forme au-dessus des chenilles et ajustez la longueur.
Créez une copie plus claire sans contour pour le dessus,

et une copie en noir avec une transparence à 50 % en dessous pour l'ombre.

Un rectangle déformé constitue la partie principale (comme elle est largement couverte par les chenilles).

Deux autres rectangles plus petits, avec des lignes supplémentaires pour le décor, représentent le moteur.

La base de la tourelle est un rectangle avec un dessous arrondi et quelques carrés supplémentaires pour les phares.

Un carré est utilisé pour la base du dessus de la tourelle.
Déformez les lignes de dessus et de dessous et ajoutez quelques effets de lumière.

Avec une copie plus petite sur le dessus et quelques cercles pour d'autres effets de lumière.

La même chose fonctionne pour la lumière avec un triangle déformé supplémentaire pour rendre les courbes brillantes.

Deux autres carrés sont utilisés pour le canon,

ainsi que d'autres carrés pour l'ombrage,

et quelques cercles pour les reflets de lumières.

Souvenez-vous de bien garder les parties en mouvement et se recouvrant lors de l'exportation en bitmap - par exemple, gardez le canon dans un fichier séparé du reste pour pouvoir le manipuler par du code plus tard.

Vous pouvez animer le tank en tournant les roues et en déplaçant les chenilles à l'aide de leurs nœuds. Quatre ou cinq images différentes des roues et chenilles devraient suffire pour l'animation.

En enlevant les contours et en ajoutant plus de détails au tank, il est facile d'ajuster le design et la technique à vos besoins.

Un des éléments-clés pour la création rapide de graphismes est de réutiliser les éléments que vous avez déjà conçus (par exemple la carcasse du tank peut très bien aller sur une ancienne voiture ou, encore, les rouages peuvent s'insérer dans le mécanisme d'une horloge).

Amusez-vous et continuez à courber ces vecteurs.

II - Remerciements

Cet article est une traduction autorisée de l'article paru sur 2D Game Art for programmers. Je remercie chaleureusement Chris Hildenbrand de nous avoir permis de le traduire.

III - Commenter

Vous pouvez commenter cet article ou présenter vos réalisations sur le forum.