Ediwiki

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

Outils pour utilisateurs

Outils du site


tutoriaux:effetlumiere

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:effetlumiere [2014/09/02 19:17] kyllertutoriaux:effetlumiere [2020/07/13 19:04] – modification externe 127.0.0.1
Ligne 5: Ligne 5:
 Pour réaliser un effet vous devez vous munir de GIMP. \\ Pour réaliser un effet vous devez vous munir de GIMP. \\
 {{tutoriaux:ico_gimp.png|}} Vous pouvez télécharger GIMP en français ici : [[http://www.thegimp.fr/]]. {{tutoriaux:ico_gimp.png|}} Vous pouvez télécharger GIMP en français ici : [[http://www.thegimp.fr/]].
 +
  
 ==== La taille du chipset ==== ==== La taille du chipset ====
Ligne 16: Ligne 17:
 De cette façon il est préférable de faire une largeur de chipset égale à la taille d'un nombre de case impair (16 pour 1 case; 48 pour 3 cases ..etc.)\\ De cette façon il est préférable de faire une largeur de chipset égale à la taille d'un nombre de case impair (16 pour 1 case; 48 pour 3 cases ..etc.)\\
  
-{{tutoriaux:attention.png|}} Vous devez veiller à ce que le chipset ne soit pas trop volumineux, et ce même s'vous y mettez plusieurs effets. Dans le cas contraire, il peut générer des latences une fois en jeu. \\+{{tutoriaux:attention.png|}} Vous devez veiller à ce que le chipset ne soit pas trop volumineux, et ce même si vous y mettez plusieurs effets. Dans le cas contraire, il peut générer des latences une fois en jeu. \\
  
 **Il est d'ailleurs préférable d'utiliser un seul chipset (toujours de petite taille) pour plusieurs effets.** **Il est d'ailleurs préférable d'utiliser un seul chipset (toujours de petite taille) pour plusieurs effets.**
Ligne 56: Ligne 57:
  
 ===== 2ème étape : Transparences et fondus ===== ===== 2ème étape : Transparences et fondus =====
-...+Jusqu'à maintenant l'utilisation de GIMP n'était pas vraiment nécessaireMais maintenant, on va se centrer sur le logiciel pour modifier le chipset brut créé ci-dessus 
 + 
 +==== La transparence ==== 
 +Après avoir effectuer un fond transparent sur le chipset, on va effectuer la transparence du chipset pour éviter celle de l'éditeur qui peut générer des latences si utilisée à trop grosse échelle\\ 
 + 
 +Si ce n'est pas déjà fait, **Ouvrez votre image dans GIMP**. 
 + 
 +{{tutoriaux:info.png|}} Veillez à ce que les deux fenêtres **Boite à Outils** et **Calques** soient ouvertes.  
 + 
 +=== Création d'un fond transparent === 
 +On va alors alors **créer un canal alpha**. \\ Pour cela il faut se rendre sur la fenêtre **Calques**, faire **Clic Droit** sur le seul calque de votre image et cliquez sur Ajouter un canal Alpha. \\ 
 + 
 +<html><center></html> {{tutoriaux:transpacanalalpha.png|}} <html></center></html> \\ 
 + 
 +Ensuite utilisez la **Selection par couleur** pour **sélectionner votre couleur de fond**, et appuyez sur **la touche Suprr**. 
 + 
 +<html><center></html> {{tutoriaux:selectionparcouleurgimp.png|}} <html></center></html> 
 + 
 + 
 +=== Transparence de l'effet === 
 + 
 +Dans ce cas là, on va utiliser la **Gomme** avec une **opacité à 80%**. \\ 
 + 
 +{{tutoriaux:attention.png|}} Assurez vous de ne passer qu'une seule fois sur le chipset pour pas que la transparence ne s'applique deux fois. C'est à dire qu'il faut le faire un seul clic. Je conseille alors de mettre une taille assez grande ! 
 + 
 +<html><center></html> {{tutoriaux:transpaeffet.png|}} <html></center></html> 
 + 
 + 
 + 
 +==== L'effet fondu ==== 
 + 
 +Vous allez maintenant utiliser l'**Outil de flou**, là aussi en une seule fois avec une **opacité 100%**. C'est surtout pour fondre les cotés de l'effet (qui ne touche pas le chipset dans le cas d'une ombre).  
 + 
 +<html><center></html> {{tutoriaux:flouttageeffet.png|}} <html></center></html> \\ 
 + 
 +Ensuite il ne vous reste qu'à **exporter le fichier en format png**.  \\ 
 +<html><center></html>   **Fichier** >> **Export As** >> Modifier le format dans le nom de l'image, et choisissez en bas le format png.  <html></center></html>  \\ \\ 
 + 
 +Voilà ce que devrait donner votre image sur un fond noir : 
  
 +<html><center></html> {{tutoriaux:resultat_effet.png|}} <html></center></html>
  
  
 +===== 3ème étape : Mise en place sur l'Editeur =====
 +La transparence faite, on ne va pas utiliser celle que l’Éditeur nous met à disposition. 
  
 +Pour qu'il y ait un effet sur le joueur l’événement doit être en position **Toujours au dessus**.
  
 +<html><center></html> {{tutoriaux:editeureffetlumiere.png|}} <html></center></html>
  
 +Voilà ce que cela devrait donner : 
  
 +<html><center></html> {{tutoriaux:exempleediteureffetlumiere.png|}} <html></center></html>
  

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki