Ediwiki

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

Outils pour utilisateurs

Outils du site


tutos:faire_effet

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:faire_effet [2020/09/01 17:26] – [Création graphique de la base] lyssitztutos:faire_effet [2022/09/25 19:11] (Version actuelle) – modification externe 127.0.0.1
Ligne 62: Ligne 62:
  
 === La transparence === === 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. \\+Après avoir effectué 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**. Si ce n'est pas déjà fait, **Ouvrez votre image dans GIMP**.
Ligne 68: Ligne 68:
 {{tutoriaux:info.png|}} Veillez à ce que les deux fenêtres **Boite à Outils** et **Calques** soient ouvertes.  {{tutoriaux:info.png|}} Veillez à ce que les deux fenêtres **Boite à Outils** et **Calques** soient ouvertes. 
  
-== Création d'un fond transparent == +**1. 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. \\+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> \\+{{ tutoriaux:transpacanalalpha.png }}
  
 Ensuite utilisez la **Sélection par couleur** pour **sélectionner votre couleur de fond**, et appuyez sur **la touche Suppr**. Ensuite utilisez la **Sélection par couleur** pour **sélectionner votre couleur de fond**, et appuyez sur **la touche Suppr**.
  
-<html><center></html> {{tutoriaux:selectionparcouleurgimp.png|}} <html></center></html>+{{ tutoriaux:selectionparcouleurgimp.png }}
  
-== Transparence de l'effet ==+**2. Transparence de l'effet**\\ 
 +Dans ce cas-là, on va utiliser la **Gomme** avec une **opacité à 80%**.
  
-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 clicJe conseille alors de mettre une taille assez grande !
  
-{{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 ! +{{ tutoriaux:transpaeffet.png }}
- +
-<html><center></html> {{tutoriaux:transpaeffet.png|}} <html></center></html>+
  
 === L'effet fondu === === 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). +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 touchent pas le chipset dans le cas d'une ombre). 
  
-<html><center></html> {{tutoriaux:flouttageeffet.png|}} <html></center></html> \\+{{ tutoriaux:flouttageeffet.png }}
  
-Ensuite il ne vous reste qu'à **exporter le fichier en format png**.  \\ +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'imageet choisissez en bas le format png.  <html></center></html>  \\ \\+<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 :  Voilà ce que devrait donner votre image sur un fond noir : 
  
-<html><center></html> {{tutoriaux:resultat_effet.png|}} <html></center></html>+{{ tutoriaux:resultat_effet.png }}
  
 ==== Mise en place sur l'Editeur ==== ==== Mise en place sur l'Editeur ====
 La transparence faite, on ne va pas utiliser celle que l’Éditeur nous met à disposition.  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**.+Pour qu'il y ait un effet sur le joueurl’évènement doit être en position **Toujours au dessus**.
  
-<html><center></html> {{tutoriaux:editeureffetlumiere.png|}} <html></center></html>+{{ tutoriaux:editeureffetlumiere.png }}
  
 Voilà ce que cela devrait donner :  Voilà ce que cela devrait donner : 
  
-<html><center></html> {{tutoriaux:exempleediteureffetlumiere.png|}} <html></center></html>+{{ tutoriaux:exempleediteureffetlumiere.png }}
  
 ---- ----
 ===== Avec PHOTOSHOP ===== ===== Avec PHOTOSHOP =====
  
-Tout d'abord, Photoshop est un logiciel de graphisme très développer et qui vous permettra de faire de très bons effets et/ou de graphisme.+Tout d'abord, Photoshop est un logiciel de graphisme très développé et qui vous permettra de faire de très bons effets et/ou graphismes.
  
-Lancer donc photoshop et une fois que celui-ci est prêt, ouvrez le chipset que vous voulez modifié.+Lancez donc photoshop et une fois que celui-ci est prêt, ouvrez le chipset que vous voulez modifier.
  
-//Pour pouvoir faire cette effet, il faut que la transparence soit faite avant d'entamer cette méthode.//+//Pour pouvoir faire cet effet, il faut que la transparence soit faite avant d'entamer cette méthode.//
  
 {{tutoriaux:tutoeffet_1_.png|}} {{tutoriaux:tutoeffet_1_.png|}}
  
-Ensuite zoomé a environs 300% et faites **Image >> mode >> Couleur RVB**+Ensuite zoomez à environ 300% et faites **Image >> mode >> Couleur RVB**
  
 {{tutoriaux:tutoeffet_2_.png|}} {{tutoriaux:tutoeffet_2_.png|}}
  
-Les choses sérieuses commencent, sélectionner **l'outil ellipse** et faites un **cercle autours de la bougie**.+Les choses sérieuses commencent, sélectionnez **l'outil ellipse** et faites un **cercle autour de la bougie**.
  
 {{tutoriaux:tutoeffet_3_.png|}} {{tutoriaux:tutoeffet_3_.png|}}
Ligne 130: Ligne 129:
 {{tutoriaux:tutoeffet_4_.png|}} {{tutoriaux:tutoeffet_4_.png|}}
  
-Sélectionner ensuite **l'outil dégradé** //(Toujours dans les fonctions de gauche)//+Sélectionnez ensuite **l'outil dégradé** //(Toujours dans les fonctions de gauche)//
  
 {{tutoriaux:tutoeffet_5_.png|}} {{tutoriaux:tutoeffet_5_.png|}}
  
-Et en haut cliquez sur la **barre rectangulaire** //(Qui est dégradé du bleu vers le transparent)// pour pouvoir faire votre propre dégradé.+Et en haut cliquez sur la **barre rectangulaire** //(qui est dégradée du bleu vers le transparent)// pour pouvoir faire votre propre dégradé.
  
 {{tutoriaux:tutoeffet_6_.png|}} {{tutoriaux:tutoeffet_6_.png|}}
  
-A vous de jouer sur la couleur que vous souhaitezmais rester cohérent. Les bougies éclairent dans le ton jaunedonc ne mettez pas du vert ou du gris.+A vous de jouer sur la couleur que vous souhaitez mais restez cohérents. Les bougies éclairent dans le ton jaune donc ne mettez pas du vert ou du gris.
  
-Une fois votre couleur sélectionnerfaite une **longue diagonale du haut vers le bas** //(Ou dans le sens que vous voulez)// pour pouvoir appliquer le dégradé dans le cercle.+Une fois votre couleur sélectionnéefaites une **longue diagonale du haut vers le bas** //(ou dans le sens que vous voulez)// pour pouvoir appliquer le dégradé dans le cercle.
  
 {{tutoriaux:tutoeffet_7_.png|}} {{tutoriaux:tutoeffet_7_.png|}}
  
-Vous pouvez dès à présent enregistrer votre travail et vous voilà avec un jolie petit effet de lumière.+Vous pouvez dès à présent enregistrer votre travail et vous voilà avec un joli petit effet de lumière.
  
-**Apperçu** :+**Aperçu** :
  
 {{tutoriaux:tutoeffet_8_.png|}} {{tutoriaux:tutoeffet_8_.png|}}
tutos/faire_effet.1598973988.txt.gz · Dernière modification : 2022/09/25 19:10 (modification externe)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki