34 utilisateurs inconnus
Sujet(s) à lire :
 

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto TheGimp] Comment utiliser le MMO Kit Project

 
n°23995
Narco
Voodoo child
Profil : Modo
Avatar
profil
Posté le 29-08-2009 à 15:11:16  
 

Ce tutoriel a pour but de vous apprendre à utiliser correctement le MMO Kit Project de Fael. Celui-ci a réalisé entièrement le kit ainsi que le tutoriel pour photoshop, que vous pourrez trouver en cliquant ici
 
Si l’envie nous est venue d’écrire également ce tutoriel pour GIMP c’est pour viser le maximum de personnes. Vous êtes libres de choisir le logiciel de votre choix et de vous référer au tutoriel correspondant.
 
Par où commencer ? Vous devrez d’abord télécharger le MMO Kit Project de Fael dans sa version GIMP. Pourquoi faire une version pour GIMP ? Simplement parce que ce logiciel ne gère ni les groupements de calques, ni les styles de calques. Le .psd d’origine a donc été modifié par mes soins afin que vous ayez tout de suite sous les yeux un fichier exploitable.  
 
Télécharger le Kit version GIMP
 
Ouvrez avec GIMP le fichier .xcf de votre choix (en fonction du jeu souhaité, mais notez que mais vous pourriez tout aussi bien vous servir d’un kit pour un tout autre jeu). J’ai choisi WoW dans mon cas, et j’obtiens ceci après avoir zoomé dessus :
 
http://www.crystalxp.net/forum/mesimages/3292/img1.jpg
 
Partie I : le fond
 
Prenez le temps d’observer la liste des calques à droite. Un calque estampillé « Cadre – xxx » sera propre au cadre noir, un calque estampillé « Fond – xxx » est un calque contenant une image de fond, etc. Les calques du cadre sont tous visibles et vous n’aurez normalement pas à y toucher. Nous nous intéresserons dans cette partie à l’image de fond que vous souhaiter afficher. En cliquant sur les petits yeux en face des calques de fond, choisissez celui qui vous convient.  Pour ma part je vais changer le fond et en afficher un autre :
 
http://www.crystalxp.net/forum/mesimages/3292/img2.jpg
 
Si aucun des fonds que nous vous proposons ne vous convient, vous avez la possibilité d’en importer un de votre choix, en procédant de cette manière (passez cette étape si vous en choisissez un des nôtres) :
 
http://www.crystalxp.net/forum/mesimages/3292/img3.jpg
 
Vérifiez ensuite dans la liste des calques que le calque nouvellement créé se trouve au dessus de tous les calques « fond – xxx ». Déplacez-le dans la liste le cas échéant. Si votre image est grande, vous devrez la redimensionner en utilisant l’outil de mise à l’échelle  :gimptoolscale: (Shift+T). Avec l’aide de l’outil de déplacement  :gimptoolmove:  (M) positionnez le calque comme il vous convient.  
 
http://www.crystalxp.net/forum/mesimages/3292/img4.jpg
 
Vous remarquez alors que cette nouvelle image couvre le cadre noir. Nous allons utiliser un masque de calque pour y remédier. Faites un clic droit sur le calque avec votre fond, puis choisissez « ajouter un masque de calque ». Cochez alors l’option « noir – transparence totale », et vous constaterez que le calque n’est plus visible. Faites un clic droit sur le calque « masque » et choisissez « alpha vers sélection ». Cette étape sélectionnera la forme qui délimitera les bords du futur fond. Cliquez maintenant sur la petite vignette noire qui est apparue dans la liste des calques à coté du calque que vous avez créé (celui qui contient le nouveau fond) et remplissez la sélection de blanc. Pour cela j’utilise l’outil pot de peinture  :gimptoolbucketfill: en ayant pris soin de mettre du blanc en couleur de premier plan.  
 
http://www.crystalxp.net/forum/mesimages/3292/imgpeinture.jpg
 
Appuyez ensuite sur Ctrl+Shift+A pour désélectionner, et vous constaterez alors que l’image s’affiche correctement en rognant les bords superflus :
 
http://www.crystalxp.net/forum/mesimages/3292/img5.jpg
 
Pour ma part, je reviendrai sur le premier fond que j’avais choisi.
 
Partie II : le texte
 
Nous nous intéressons maintenant aux calques « Pseudo », « Classe lvl ??? », « Royaume », ainsi qu’à leurs effets respectifs. Essayez d’ores et déjà de comprendre comment ils sont construits car nous allons les recréer du début pour écrire les informations qui vous concernent. Je définis ma couleur de premier plan avec la couleur #e6ce34. Libre à vous de choisir celle qui vous plait. Pour plus de clarté, je vais également masquer les calques (en cliquant sur le petit œil) qui concernent les textes. Avec l’outil de texte  :gimptooltext: (T), nous allons cliquer là où nous souhaitons que notre pseudo soit affiché, puis nous allons l’inscrire.
 
http://www.crystalxp.net/forum/mesimages/3292/img6.jpg
 
Ici c’est à vous de faire vos réglages, mais vous pouvez voir les miens sur ce screenshot. Nous allons ensuite le modifier légèrement en ajoutant un biseau en sélectionnant filtres – décor – ajouter un biseau (je rentre 1 pixel comme valeur).
Au niveau de la liste des calques, le calque contenant votre pseudo doit se trouver au dessus du calque  « Effets - calque sombre (fonds clairs) ». Le mien étant actuellement tout en haut, je vais le déplacer. Nous allons maintenant créer la crystallisation du texte.  
 Je crée un nouveau calque que j’appellerai « Effets – crystallisation Narco », et que je vais placer juste au-dessus du calque de mon pseudo. Je mets ensuite du blanc en couleur de premier plan, puis je vais tracer un dégradé linéaire de type « PP vers transparent » allant du haut vers le bas de mon pseudo :
 
http://www.crystalxp.net/forum/mesimages/3292/img7.png
 
Je fais ensuite un clic droit – alpha vers sélection sur le calque de mon pseudo, puis un clic droit-ajouter un masque de calque sur le calque « Effets – crystallisation Narco », et je coche « noir (transparence totale) ». En prenant soin de cliquer sur la vignette noire qui vient d’apparaitre sur le calque d’effets, je remplis la sélection de blanc :gimptoolbucketfill: . La crystallisation va alors apparaitre selon les contours de mon texte, mais nous allons la modifier un peu : je fais une sélection rectangulaire :gimptoolrectselect:  (R) passant par le milieu de mon pseudo, puis clique sur l’aperçu du calque, et appuie sur Suppr. La crystallisation est alors coupée au milieu du pseudo, ce qui n’est pas très visible sur un petit texte :)
 
http://www.crystalxp.net/forum/mesimages/3292/img8.jpg
 
Je vais maintenant répéter tout ce que je viens de faire pour mon pseudo (a partir du début de la partie II) afin d’indiquer ma classe et mon level. La seule différence est que mon texte sera cette fois de couleur #fe982b.
 
http://www.crystalxp.net/forum/mesimages/3292/img9.jpg
 
Mon résultat ne me convient cependant pas entièrement. En effet le fond est assez clair et le texte ne ressort pas beaucoup, c’est pourquoi je vais rendre visible le calque « Effets - calque sombre large (fonds clairs) » (à vous de voir si le petit ou le large vous convient mieux). Pour finir, je veux mettre une petite étincelle sur le N de mon pseudo. Je rend donc visible le calque en question puis je l'active en cliquant dessus dans la liste, puis avec l’outil déplacer  :gimptoolmove: (M) je le met à la bonne place. Voici donc mon résultat final :
 
http://www.crystalxp.net/forum/mesimages/3292/img10.png
 
Vous pourrez donc maintenant utiliser cette signature sur le forum de votre guilde. Par contre vous ne pouvez pas l'utiliser sur ce forum, les signatures sont limitées à des dimensions de 320x80px.


Message édité par Narco le 29-08-2009 à 19:59:52

---------------
http://img532.imageshack.us/img532/4012/ban2.png
answer
mood
GoogleAds
profil
Posté le 29-08-2009 à 15:11:16  
 

answer
n°23997
Fael
look & draw
Profil : Penguin Pro
Avatar
profil
Posté le 29-08-2009 à 18:01:15  
 

Tiens j'avais oublié qu'il y avait les outils en émoticons, je vais modifier mon tutoriel. :biggrin:


---------------
http://www.crystalxp.net/forum/mesimages/68128/orange.pnghttp://www.crystalxp.net/forum/mesimages/68128/vert.png1..pnghttp://www.crystalxp.net/forum/mesimages/68128/bleu.png1..png
[Paintings & Airbrushing]-[Webdesigns]
La vitesse de la lumière va plus vite que celle du son,
c'est pour cela que l'on voit les gens brillants avant de les savoir cons.
answer
n°24011
Niir
Un clavier azerty en vaut deux.
Profil : New Penguin
Avatar
profil
Posté le 29-08-2009 à 20:53:18  
 

Wouhou super :winktongue:  merci beaucoup  :yes: Trés bon tuto en plus ^^ Merci a toi et a Fael

answer

Aller à :
Ajouter une réponse