Dessiner une tile d'herbe


    Nous allons voir ici comment dessiner une tile basique
pour un jeu vidéo : de l'herbe.

 

Tutoriel présenté par : Jérémie F. Bellanger
Publication : 07 octobre 2010

 

    D'abord, les logiciels : il y a Paint qui peut être très pratique car il permet de dessiner pixel par pixel, mais j'ai trouvé ce logiciel très pratique en cherchant sur le net : Tile Studio.

 

    Nous allons nous servir ici de Tile Studio. Pour dessiner des tiles, commencez tout d'abord par créer un nouveau tileset (vous pouvez aussi ouvrir notre projet d'exemple : pixelart.tsp).

     Choisissez des tiles de 32x32 pixels, taille standard en général. Sélectionnez le premier tile et commencez par dessiner un carré rempli de vert : ce vert sera la couleur de base de votre herbe.


 

    Choisissez ensuite 3-4 autres sortes de verts : plus clairs et plus foncés et dessinez des pixels de ces couleurs dans le coin supérieur gauche de votre tile. Variez-les au maximum et au hasard.

 

 

    Sélectionnez ensuite le résultat quand vous en êtes satisfait et copiez/collez le pour remplir la tile.

 

 

    Si vous voulez ajouter plus de variété à votre tile (avec un motif moins répétitif), copiez-collez des sélections au hasard de votre tile pour mélanger les pixels. Vous pouvez aussi peaufiner au crayon en mofifiant directement les pixels.

 

 

    Une fois que le résultat semble vous convenir, vérifiez à droite que les tiles sont bien coordonnées et qu'elles s'emboîtent convenablement. Pour vérifier le résultat que cela donnerait dans une map de jeu, selectionnez : View : Toggle Tile/Map Editor, puis File : New Map et choisissez une map d'au moins 10-12 tiles par 10-12. Collez votre tile pour remplir la map et admirez le résultat !

 

 

    Pour sauvegarder votre tile, refaites : View : Toggle Tile/Map Editor, sélectionnez votre tile et choisissez File : Save current Tile as... Préférez alors le format png, à moins que vous ne préfériez le bmp.

    Voilà, vous avez maintenant votre première tile d'herbe basique. Dans un autre tuto, nous verrons comment dessiner des tiles plus complexes et des sprites animés !

Connexion

CoalaWeb Traffic

Today292
Yesterday178
This week792
This month4466
Total1743673

25/04/24