Réaliser un Chipset avec The GIMP

Introduction :

The GIMP est un logiciel de création graphique totalement gratuit, performant et en français. Vous pouvez le télécharger en version Windows ici ou en version Linux ici.













  • Après l’avoir installé sur votre ordinateur, lancez-le. (le logiciel peut être assez long à se lancer, c’est normal)

Les images ci contre apparaissent, il s’agit de la boite à outil du logiciel (à gauche) et de l’éditeur d’image (en haut). Dans ce tutorial nous allons juste voir les principales fonctions pour réaliser un chipset pour Slayers Online. Il y a bien évidement d’autres fonctions utiles.

Préparation de notre chipset :

  • Pour créer un nouveau chipset cliquez sur Fichier/Nouveau…, la fenêtre suivante apparait :

La taille normale d’un chipset est de 480*256 pixels. Il est possible de faire plus grand, dans la limite du raisonnable. Si vous n’utilisez pas toute la feuille, vous rétrécirez à la fin votre chipset afin de ne pas laisser trop de vide sur votre page.

  • Donc remplissez les champs à votre convenance, puis Valider pour faire apparaître votre page vierge.



  • Nous allons maintenant créer une grille pour faciliter notre importation de décors sur notre chipset (cette étape est facultative si vous l’avez déjà faites). Pour cela, allez dans Edition/Préférences/Grille par défaut :

Chaque carré de décor d’un chipset doit faire 16*16 pixels. Donc dans Espacement mettez 16 en Largeur et 16 en Hauteur. Puis Valider.

  • Nous allons maintenant activer (si ce n’est pas fait) cette grille. Pour cela cliquez sur Affichage/Afficher la grille.



  • Enfin, pour placer facilement nos éléments sur cette grille, faites Affichage/Aligner sur la grille.



  • Voila enfin notre page de prête :

Importation de décor appartenant à d’autres chipsets :

Attention, pour respecter les règles d’acceptation, il est important que votre chipset soit bien différent de ceux déjà existant en jeu !

  • Ouvrez avec The Gimp le chipset dont vous voulez prendre des éléments. (Fichier/Ouvrir…)


  • Activez, comme précédemment, la grille et l’alignement sur la grille dans le menu Affichage.


  • Sur la boîte à outils, sélectionnez l’outil de sélection rectangulaire (ou appuyez sur R) :



  • Sur votre chipset, sélectionnez les éléments que vous voulez (vous remarquerez que l’alignement sur la grille facilite grandement la tache de sélection ^^). N’hésitez pas à utiliser l’outil de zoom pour mieux voir votre sélection.



  • Copier ces éléments grâce à Edition/Copier (ou Ctrl + C)


  • Retournez sur votre page vierge, pour coller vos éléments graphiques avec Edition/Coller (ou Ctrl + V) (le zoom peut être utile aussi ici)


  • Il ne vous reste plus qu’a placer vos éléments sur votre page où vous les voulez. Il faut obligatoirement que les décors restent dans la grille créée précédemment. (voir exemple ci-dessous)



  • Répétez ces étapes pour tous les éléments que vous souhaitez avoir pour créer votre map. Voilà mon début de chipset pour ma part :



  • On remarque qu’on ne peut pas appliquer une transparence pour le moment, car le fond des images n’est pas de la même couleur. Il faut donc changer ça. Choisissez une couleur de fond que vous n’utilisez pas ailleurs. Pour ma part j’ai utilisé le rouge foncé. A vous de mettre une couleur qui n’est pas utilisé dans vos éléments de décor. Puis utilisez l’outil de remplissage (voir ci-dessous) (ou Maj + B)



  • Il ne vous reste plus qu’à mettre le fond d’une couleur uniforme pour qu’on puisse enfin appliquer la transparence. Voici mon chipset terminé sans transparence :



Réaliser la transparence d’un chipset :

Nous voilà à l’étape finale de notre chipset. Pour éviter les lag en jeu et avoir un bon chipset, il est important de suivre attentivement les étapes suivantes.

  • La première étape consiste à sélectionner la couleur que l’on veut voir transparente. Pour cela on va utiliser l’outil de sélection par couleur (voir ci-dessous) (ou Maj + O), et sélectionnez la couleur de fond sur votre chipset (le rouge pour ma part).



  • Ensuite, il faut appliquer un canal alpha, pour cela cliquez sur Calque/Transparence/Ajouter un canal alpha (Si vous possédez déjà d’un canal alpha, il suffit de cliquer sur Supprimer le canal alpha, et ensuite appliquer le canal alpha comme décrit avant).

Il est normal que vous ne voyez rien d’appliqué concrètement sur votre chipset pour le moment.

  • Pour appliquer notre transparence il ne reste plus qu’à supprimer notre couleur de fond. Pour cela, cliquez sur Edition/Effacer (ou en appuyant sur Suppr).

Le quadrillage de fond nous indique que la transparence est bien appliquée.

  • Si le pixel tout en haut à gauche de votre chipset n’est pas transparent il va falloir suivre les étapes suivantes :



  • Sélectionnez à l’aide de l’outil pipette ce pixel.



  • Puis sélectionnez ce pixel avec l’outil de sélection rectangulaire.



  • Supprimez ce pixel grâce à la touche Suppr de votre clavier ou dans Edition/Effacer.



  • Le jeu n’accepte que les éléments graphiques en 256 couleurs, nous allons donc indexer notre chipset. Pour cela, cliquez sur Image/Mode/Couleurs indexées. Si votre chipset est déjà en Couleurs indexées, il faut passer en mode RVB avant, et ensuite repasser en Couleurs indexées.



  • Sélectionnez « Générer une palette optimale », 255 couleurs maximales, enfin sélectionnez « Positionné » dans Tramage et Convertir. (Attention cette méthode peut détériorer votre chipset, n’oubliez donc pas de le sauvegarder avant de le convertir (voir méthode de sauvegarde plus bas))



  • Si vous avez supprimé le pixel en haut à gauche, il ne reste plus qu’à le remettre avec l’outil crayon.



  • Voilà notre chipset est terminé, il ne reste plus qu’à l’enregistrer. Pour cela, sélectionnez Fichier/Enregistrer sous… La fenêtre suivante apparait :



  • Choisissez le nom de votre chipset (le nom choisit ne doit pas déjà exister dans le dossier Client du jeu) et choisissez Image PNG comme type de ficher. Votre chipset ne peut être que sous le format PNG pour être accepté. Cliquez sur Enregistrer. La fenêtre suivante s’ouvre, coché les cases comme ci-dessous et Enregistrer.



Voila j’ai terminé ce petit tutorial de base pour la création d’un chipset. J’espère qu’il vous a été utile, bon mappage à vous.

Algo

 
tutoriaux/creation_d_un_chipset.txt · Dernière modification: 2009/05/20 15:41 par itsumi
 
Recent changes RSS feed Creative Commons License Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki