Ediwiki

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

Outils pour utilisateurs

Outils du site


tutos:creer_chipset_gimp

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
tutos:creer_chipset_gimp [2020/09/01 16:13] lyssitztutos:creer_chipset_gimp [2022/09/25 19:11] (Version actuelle) – modification externe 127.0.0.1
Ligne 1: Ligne 1:
 ====== REALISER SES PROPRES CHIPSETS AVEC GIMP ====== ====== REALISER SES PROPRES CHIPSETS AVEC GIMP ======
  
 +Avant d'aller plus loin, prenez le temps de bien lire ces __[[general:nouveaux_fichiers|quelques conseils]]__ pour éviter de rencontrer d'éventuels bugs par la suite !
 +
 +__**Attention :**__ 
 +
 +- **La transparence** d'un chipset ne peuvent se faire __**QUE**__ sur les **logiciels GIMP ou Photofiltre**. __Aseprite__, __Photofiltre studio__, ou bien __Photoshop__ ne conviennent pas pour réaliser ces actions sinon les cartes seront lentes et le chipset non transparents.
 +
 +
 +- **L'indexation** n'est pas nécessaire pour le projet SoRE, néanmoins si vous effectuer une indexation, utilisez GIMP, il est le logiciel avec la plus performante quantisation d'image (algorithmes de réduction de couleur)  entre tous les logiciels parmi les logiciels précédemment cités (à tester : __Aseprite__)
 +
 +
 +----
  
 ===== Introduction ===== ===== Introduction =====
Ligne 65: Ligne 76:
 ===== 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.//+//Nous voilà à l’étape finale de notre chipset. Pour éviter les lags 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).+  * 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** (ou **Maj** + **O**) et sélectionnez la couleur de fond sur votre chipset (le rouge pour ma part).
 {{tutoriaux:selectionparcouleurgimp.png|}} {{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).+  * 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|}} {{tutoriaux:ajoutercanalalphagimp.png|}}
  
 //Il est normal que vous ne voyez rien d’appliqué concrètement sur votre chipset pour le moment.// //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**).    * 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**). 
Ligne 81: Ligne 90:
  
 //Le quadrillage de fond nous indique que la transparence est bien appliquée.// //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 :   * 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.
-  * Sélectionnez à l’aide de l’outil **pipette** ce pixel.+
 {{tutoriaux:pipettegimp.png|}} {{tutoriaux:pipettegimp.png|}}
-<html><br><br></html> 
  
-  * Puis sélectionnez ce pixel avec l’outil de **sélection rectangulaire**.+    * Puis sélectionnez ce pixel avec l’outil de **sélection rectangulaire**.
 {{tutoriaux:selectionpixelgimp.png|}} {{tutoriaux:selectionpixelgimp.png|}}
-<html><br><br></html> 
  
-  * Supprimez ce pixel grâce à la touche **Suppr** de votre clavier ou dans **Edition/Effacer**. +    * Supprimez ce pixel grâce à la touche **Suppr** de votre clavier ou dans **Edition/Effacer**.
-<html><br><br></html>+
  
 +===== Réaliser une indexation d’un chipset =====
  
-  * 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** avantet ensuite repasser en **Couleurs indexées**.+Le jeu n’accepte que les éléments graphiques en 256 couleurs, nous allons donc indexer notre chipset. 
 +Cette contrainte technique ne s'applique pas au moteur de jeu SoRE. Passez cette étape à l'étape [[tutos:creer_chipset_gimp#Enregistrement du chipset|Enregistrement du 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|}} {{tutoriaux:couleurindexegimp.png|}}
-<html><br><br></html> +  * Sélectionnez « **Générer une palette optimale** », **255** couleurs maximales et 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))
- +
-  * Sélectionnez « **Générer une palette optimale** », **255** couleurs maximalesenfin 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|}} {{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**.   * Si vous avez supprimé le pixel en haut à gauche, il ne reste plus qu’à le remettre avec l’outil **crayon**.
 {{tutoriaux:crayongimp.png|}} {{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 :+===== Enregistrement du chipset ===== 
 +  * Voilà notre chipset est terminé, il ne reste plus qu’à l’enregistrer. Pour cela, sélectionnez **Fichier/Enregistrer sous…** La fenêtre suivante apparaît :
 {{tutoriaux:enregistrergimp.png|}} {{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, cochez les cases comme ci-dessous et **Enregistrer**.
- +
-  * 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|}} {{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.+Voila j’ai terminé ce petit tutoriel 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> <html><br><br></html>
  --- //Algo // ---  --- //Algo // ---
tutos/creer_chipset_gimp.txt · Dernière modification : 2022/09/25 19:11 de 127.0.0.1

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki