Guide du Skin

Guide officiel pour la création de skin du jeu Slayers Online

Outils pour utilisateurs

Outils du site


regles_communes:transparence

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
regles_communes:transparence [2023/01/23 14:40] lyssitzregles_communes:transparence [2023/02/22 16:20] (Version actuelle) – [3. GIMP] skinso
Ligne 2: Ligne 2:
  
 Pour toute question concernant les skins, veuillez envoyer un mail à : [[skin@slayersonline.net]] avec pour objet (titre) : « **Question** ». Pour toute question concernant les skins, veuillez envoyer un mail à : [[skin@slayersonline.net]] avec pour objet (titre) : « **Question** ».
 +
 +Pour toute remarque, rapport de bugs, etc, vous pouvez nous contacter avec pour objet (titre) : « **GuideSkin** ».
 ---- ----
  
Ligne 13: Ligne 15:
 Les trois tutoriels qui vont suivre sont extraits du site [[http://www.sushi-atomik.fr/tutoriaux/21-skinnage/56-appliquer-la-transparence.html|Sushi Atomik]] (davantage de tutoriels avec différents logiciels y sont disponibles sur ce site). Les trois tutoriels qui vont suivre sont extraits du site [[http://www.sushi-atomik.fr/tutoriaux/21-skinnage/56-appliquer-la-transparence.html|Sushi Atomik]] (davantage de tutoriels avec différents logiciels y sont disponibles sur ce site).
  
 +----
 ====1. Photofiltre==== ====1. Photofiltre====
 ◊ Vous allez apprendre ici, étape par étape, à appliquer la couleur de transparence à l'aide du logiciel PhotoPhiltre. ◊ Vous allez apprendre ici, étape par étape, à appliquer la couleur de transparence à l'aide du logiciel PhotoPhiltre.
Ligne 22: Ligne 25:
 //(Assurez-vous d'avoir mis auparavant une couleur uniforme en fond de votre chipset, exceptée le blanc ou une couleur qui est déjà sur la skin)// //(Assurez-vous d'avoir mis auparavant une couleur uniforme en fond de votre chipset, exceptée le blanc ou une couleur qui est déjà sur la skin)//
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:pf01.png?nolink&400 |}}
  
 ◊ A présent, cliquez sur : **"Fichier"-->"Ouvrir…"** (Raccourci clavier : **CTRL + O**) et sélectionnez votre skin : ◊ A présent, cliquez sur : **"Fichier"-->"Ouvrir…"** (Raccourci clavier : **CTRL + O**) et sélectionnez votre skin :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:pf02.png?nolink&400 |}} 
  
 ◊ Identifiez et cliquez sur l'icône correspondant à la couleur de transparence sur la barre d'outils suivante : ◊ Identifiez et cliquez sur l'icône correspondant à la couleur de transparence sur la barre d'outils suivante :
 +
 {{ :regles_communes:pf03.png?nolink&400 |}} {{ :regles_communes:pf03.png?nolink&400 |}}
  
Ligne 45: Ligne 50:
 Vous pouvez cliquer sur "**Aperçu**" afin de voir si les réglages sont opérationnels : Vous pouvez cliquer sur "**Aperçu**" afin de voir si les réglages sont opérationnels :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:pf06.png?nolink&400 |}}
  
 Vous obtiendrez un quadrillage gris/blanc derrière votre skin vous signifiant l'application de la couleur de transparence. Vous obtiendrez un quadrillage gris/blanc derrière votre skin vous signifiant l'application de la couleur de transparence.
Ligne 56: Ligne 61:
 et de nommer votre skin comme vous le souhaitez. et de nommer votre skin comme vous le souhaitez.
  
 +[[transparence#La transparence|Revenir en haut]]
 +
 +----
 ==== 2. Photoshop==== ==== 2. Photoshop====
 Le résultat obtenu après application de la couleur de transparence sur une image //(et donc ici une skin)// avec **Photoshop** est bien meilleur que celui de **PhotoFiltre**. Le résultat obtenu après application de la couleur de transparence sur une image //(et donc ici une skin)// avec **Photoshop** est bien meilleur que celui de **PhotoFiltre**.
Ligne 68: Ligne 76:
 //(Assurez-vous d'avoir mis auparavant une couleur uniforme en fond de votre chipset, exceptée le blanc ou une couleur qui est déjà sur la skin)// //(Assurez-vous d'avoir mis auparavant une couleur uniforme en fond de votre chipset, exceptée le blanc ou une couleur qui est déjà sur la skin)//
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:ps01.png?nolink&400 |}}
  
 ◊ Ensuite, cliquez sur : **"Fichier"-->"Enregistrer pour le Web…"**, la fenêtre suivante s'ouvre : ◊ Ensuite, cliquez sur : **"Fichier"-->"Enregistrer pour le Web…"**, la fenêtre suivante s'ouvre :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:ps02.png?nolink&400 |}}
  
 ◊ Selectionnez la pipette et cliquez sur la couleur de fond de votre skin : ◊ Selectionnez la pipette et cliquez sur la couleur de fond de votre skin :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:ps03.png?nolink&400 |}}
  
 ◊ Sur la table des couleurs, identifiez et cliquez sur l'icône permettant d'associer la transparence à la couleur selectionnée //(avec la pipette précédemment)// : ◊ Sur la table des couleurs, identifiez et cliquez sur l'icône permettant d'associer la transparence à la couleur selectionnée //(avec la pipette précédemment)// :
Ligne 99: Ligne 107:
 voici une image illustrant la différence de résultat obtenue avec **Photoshop** (skin du haut) et **PhotoFiltre** (skin du bas) : voici une image illustrant la différence de résultat obtenue avec **Photoshop** (skin du haut) et **PhotoFiltre** (skin du bas) :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:comparaison.png?nolink&400 |}}
  
 Vous pouvez par exemple remarquer qu'après application de la couleur de transparence, au niveau des cheveux les couleurs ne sont plus celles d'origine avec PhotoFiltre alors que Photoshop les conserve. Vous pouvez par exemple remarquer qu'après application de la couleur de transparence, au niveau des cheveux les couleurs ne sont plus celles d'origine avec PhotoFiltre alors que Photoshop les conserve.
Ligne 109: Ligne 117:
 //__N.B.__ : Lorsque vous testerez votre skin I.G. (In Game = En Jeu), si votre personnage meurt (lors d'un duel par exemple), ce dernier ne deviendra pas transparent comme à l'habitude. Mais ne vous inquiètez pas, cela n'influe en rien sur son éventuelle acceptation et donc sa pose sur le serveur.// //__N.B.__ : Lorsque vous testerez votre skin I.G. (In Game = En Jeu), si votre personnage meurt (lors d'un duel par exemple), ce dernier ne deviendra pas transparent comme à l'habitude. Mais ne vous inquiètez pas, cela n'influe en rien sur son éventuelle acceptation et donc sa pose sur le serveur.//
  
 +[[transparence#La transparence|Revenir en haut]]
 +
 +----
 ====3. GIMP==== ====3. GIMP====
 The GIMP est disponible pour Windows : [[http://gimp-win.sourceforge.net/stable.html|GIMP]] The GIMP est disponible pour Windows : [[http://gimp-win.sourceforge.net/stable.html|GIMP]]
Ligne 120: Ligne 131:
 //(Assurez-vous d'avoir mis auparavant une couleur uniforme en fond de votre chipset, exceptée le blanc ou une couleur qui est déjà sur la skin)// //(Assurez-vous d'avoir mis auparavant une couleur uniforme en fond de votre chipset, exceptée le blanc ou une couleur qui est déjà sur la skin)//
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:gimp01.png?nolink&400 |}}
  
 ◊ Il faut à présent aplatir l'image. Pour cela, cliquez sur **"Image-->Aplatir l'image"** : ◊ Il faut à présent aplatir l'image. Pour cela, cliquez sur **"Image-->Aplatir l'image"** :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:gimp02.png?nolink&400 |}}
  
 ◊ Ensuite il faut appliquer un calque de transparence en ajoutant un canal alpha. ◊ Ensuite il faut appliquer un calque de transparence en ajoutant un canal alpha.
 Cliquez sur **"Calque-->Transparence-->Ajouter un canal alpha"** : Cliquez sur **"Calque-->Transparence-->Ajouter un canal alpha"** :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:gimp03.png?nolink&400 |}}
  
 Vous ne verrez rien d'appliquer concrètement mais ne vous inquiétez pas, le calque a bien été pris en compte ;) ! Vous ne verrez rien d'appliquer concrètement mais ne vous inquiétez pas, le calque a bien été pris en compte ;) !
Ligne 137: Ligne 148:
 Cliquez sur **"Sélection-->Par couleur"** : Cliquez sur **"Sélection-->Par couleur"** :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:gimp04.png?nolink&400 |}}
  
 ◊ Puis cliquez sur la couleur de fond de votre chipset. ◊ Puis cliquez sur la couleur de fond de votre chipset.
 Des pointillés devraient à présent entourer la skin comme ceci : Des pointillés devraient à présent entourer la skin comme ceci :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:gimp05.png?nolink&400 |}}
  
 ◊ Les pointillés signifiant que le fond est sélectionné, il faut donc effacer ce dernier afin d'appliquer la couleur de transparence. Pour cela, cliquez sur **"Édition-->Effacer"** : ◊ Les pointillés signifiant que le fond est sélectionné, il faut donc effacer ce dernier afin d'appliquer la couleur de transparence. Pour cela, cliquez sur **"Édition-->Effacer"** :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:gimp06.png?nolink&400 |}}
  
 ◊ Vous apercevez désormais un quadrillage en fond représentatif de la couleur de transparence, il faut à présent passer en mode indexé afin que cette transparence soit prise en compte à l'enregistrement. Cliquez sur **"Image-->Mode-->Indexée…"** : ◊ Vous apercevez désormais un quadrillage en fond représentatif de la couleur de transparence, il faut à présent passer en mode indexé afin que cette transparence soit prise en compte à l'enregistrement. Cliquez sur **"Image-->Mode-->Indexée…"** :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:gimp07.png?nolink&400 |}}
  
 ◊ La fenêtre suivante s'ouvre : ◊ La fenêtre suivante s'ouvre :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:gimp08.png?nolink&400 |}}
  
 Mettez bien le nombre maximal de couleur à "**256**". Le tramage n'est pas utile pour une skin. Mettez bien le nombre maximal de couleur à "**256**". Le tramage n'est pas utile pour une skin.
Ligne 163: Ligne 174:
 et enfin validez les options suivantes : et enfin validez les options suivantes :
  
-//[IMAGE MANQUANTE]//+{{ :regles_communes:gimp09.png?nolink&400 |}} 
 + 
 +[[transparence#La transparence|Revenir en haut]] 
 + 
 +---- 
 +[[regles_communes:magies|Page précédente]] - [[:guideskin|Accueil]] - [[regles_specifiques:descriptifs_races|Page suivante]]
  
regles_communes/transparence.1674481206.txt.gz · Dernière modification : 2023/01/23 14:40 de lyssitz

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki