Continuons de jouer avec les carrés

Ce second tutoriel se déroule de la même façon que le précédent mais en utilisant des carrés.

4 commentaires Donner une note à l'article (5)

Article lu   fois.

Les deux auteur et traducteur

Traducteur : Profil ProSite personnel

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

I. Terrain

Image non disponible Image non disponible
Commencez en créant un simple carré. Image non disponible
Image non disponible
Prenez le carré, dupliquez-le et redimensionnez-le en utilisant le modificateur du bas afin de le garder aligné.
Image non disponible
Ajoutez un autre carré pour le design et arrondissez ses angles en altérant les valeurs Rx et Ry.
Image non disponible
Ajoutez plus de carrés pour ajouter du détail…
Image non disponible
Et altérez les nœuds pour les déformer. Image non disponible
Image non disponible
Ajoutez d'autres carrés sans bords arrondis et tournez-les de 45 degrés.
Image non disponible
Utilisez l'outil de nœuds pour allonger le carré afin d'obtenir une forme en diamant. Image non disponible
Image non disponible
Dupliquez-le en modifiant la taille et la rotation.
Image non disponible
Ajoutez et déformez un carré plus clair au-dessus de l'herbe et des rochers pour créer du relief.
Avec toutes ces étapes, nous pouvons facilement créer des variations pour rendre les plateformes moins répétitives.Image non disponible

II. Caisse

Image non disponible Image non disponible
Une variation classique des tuiles est la caisse en bois.
Image non disponible
Après avoir ajouté deux plus petits duplicatas du carré…
Image non disponible
nous les dupliquons encore une fois pour créer les planches.
Image non disponible
Puis en ajoutant quelques reliefs…
Image non disponible
et un petit décor…
Image non disponible
… nous terminons avec un simple élément, rapide à faire, pour un jeu 2D.
Image non disponible
En combinant ces formes basiques, il est facile de créer un simple jeu de plateforme. Ajoutez plus de variations dans les tuiles (par exemple, les parties en coins ou quelques plantes et diamants à récupérer et le jeu prendra rapidement vie).

La version affichant les contours paraît désordonnée mais montre que la scène est entièrement réalisée de carrés et de rectangles déformés.

Image non disponible
Regardons une scène plus complexe utilisant le même principe. La scène du château est basée sur des formes carrées tournées, redimensionnées, certaines ayant leurs nœuds modifiés ou bords arrondis. Pour illustrer cela, enlevons la couleur de l'image et affichons les contours. Comme vous pouvez le voir, même les scènes complexes peuvent être réduites à de simples géométries.
Image non disponible

III. Conclusion

Cela conclut ce second article. J'espère que vous vous amusez à essayer de refaire les tutoriels vous-même, ou juste jouer avec Inkscape, Gimp & Co.

IV. 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.

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

  

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.