Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédenteProchaine révisionLes deux révisions suivantes |
tutos:faire_effet [2020/09/01 17:26] – [Création graphique de la base] lyssitz | tutos:faire_effet [2020/09/01 17:37] – [Mise en place sur l'Editeur] lyssitz |
---|
| |
=== 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**. |
{{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 clic. Je 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'image, et 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 joueur, l’é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 }} |
| |
---- | ---- |