Ediwiki

Wiki officiel de l'éditeur de carte du jeu Slayers Online

Outils pour utilisateurs

Outils du site


tutoriaux:creation_d_un_chipset

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
Dernière révisionLes deux révisions suivantes
tutoriaux:creation_d_un_chipset [2009/04/06 17:51] itsumitutoriaux:creation_d_un_chipset [2020/07/13 19:04] – modification externe 127.0.0.1
Ligne 1: Ligne 1:
 ====== Réaliser un Chipset avec The GIMP ====== ====== Réaliser un Chipset avec The GIMP ======
 +
  
  
 ===== Introduction : ===== ===== 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 [[http://www.01net.com/telecharger/windows/Multimedia/creation_graphique/fiches/5245.html|ici]] ou en version Linux ici [[http://www.01net.com/telecharger/linux/Multimedia/fiches/3182.html|ici]].+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 [[http://www.01net.com/telecharger/windows/Multimedia/creation_graphique/fiches/5245.html|ici]] ou en version Linux [[http://www.01net.com/telecharger/linux/Multimedia/fiches/3182.html|ici]].
  
 {{tutoriaux:gimp1.png?110x480 }} {{tutoriaux:gimp2.png?389x143 }} {{tutoriaux:gimp1.png?110x480 }} {{tutoriaux:gimp2.png?389x143 }}
Ligne 77: Ligne 78:
 <html><br><br></html> <html><br><br></html>
  
-  * 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**{{tutoriaux:remplissagegimp.png|}}+  * 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**
 +{{tutoriaux:remplissagegimp.png|}} 
 <html><br><br></html> <html><br><br></html>
  
Ligne 83: Ligne 85:
 {{tutoriaux:chipset2gimp.png|}} {{tutoriaux:chipset2gimp.png|}}
 <html><br><br></html> <html><br><br></html>
 +
 +
 +
  
 =====Réaliser la transparence d’un chipset :===== =====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).
 +{{tutoriaux:selectionparcouleurgimp.png|}}
 +<html><br><br></html>
 +
 +  * 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).
 +{{tutoriaux:ajoutercanalalphagimp.png|}}
 +
 +//Il est normal que vous ne voyez rien d’appliqué concrètement sur votre chipset pour le moment.//
 +<html><br><br></html>
 +
 +  * 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**). 
 +{{tutoriaux:chipset3gimp.png|}}
 +
 +//Le quadrillage de fond nous indique que la transparence est bien appliquée.//
 +<html><br><br></html>
 +
 +  * Si le pixel tout en haut à gauche de votre chipset n’est pas transparent il va falloir suivre les étapes suivantes :
 +<html><br><br></html>
 +  * Sélectionnez à l’aide de l’outil **pipette** ce pixel.
 +{{tutoriaux:pipettegimp.png|}}
 +<html><br><br></html>
 +
 +  * Puis sélectionnez ce pixel avec l’outil de **sélection rectangulaire**.
 +{{tutoriaux:selectionpixelgimp.png|}}
 +<html><br><br></html>
 +
 +  * Supprimez ce pixel grâce à la touche **Suppr** de votre clavier ou dans **Edition/Effacer**.
 +<html><br><br></html>
 +
 +
 +  * 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**.
 +{{tutoriaux:couleurindexegimp.png|}}
 +<html><br><br></html>
 +
 +  * 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))
 +{{tutoriaux:convertircouleurindexe.png|}}
 +<html><br><br></html>
 +
 +  * Si vous avez supprimé le pixel en haut à gauche, il ne reste plus qu’à le remettre avec l’outil **crayon**.
 +{{tutoriaux:crayongimp.png|}}
 +<html><br><br></html>
 +
 +  * Voilà notre chipset est terminé, il ne reste plus qu’à l’enregistrer. Pour cela, sélectionnez **Fichier/Enregistrer sous…** La fenêtre suivante apparait :
 +{{tutoriaux:enregistrergimp.png|}}
 +<html><br><br></html>
 +
 +  * 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**.
 +{{tutoriaux:enregistrer2gimp.png|}}
 +<html><br><br></html>
 +
 +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.
 +<html><br><br></html>
 + --- //Algo // ---

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki