tutos:faire_effet
Différences
Ci-dessous, les différences entre deux révisions de la page.
Prochaine révision | Révision précédente | ||
tutos:faire_effet [2020/08/23 14:14] – créée lyssitz | tutos:faire_effet [2022/09/25 19:11] (Version actuelle) – modification externe 127.0.0.1 | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | ====== | + | ====== |
- | Tout d'abord, Photoshop est un logiciel | + | ===== Avec GIMP ===== |
+ | Ce tutoriel est destiné à enseigner la création et l' | ||
- | Lancer donc photoshop et une fois que celui-ci est prêt, ouvrez le chipset que vous voulez modifié. | + | {{tutoriaux: |
- | //Pour pouvoir faire cette effet, il faut que la transparence soit faite avant d' | + | ==== Création graphique de la base ==== |
+ | |||
+ | === La taille du chipset === | ||
+ | La taille du chipset va jouer un rôle dans son implantation en jeu. En effet, lorsque vous mettez un évènement sur une case avec l’Editeur, | ||
+ | |||
+ | {{ tutoriaux: | ||
+ | |||
+ | -> En jaune la case de l' | ||
+ | -> En violet les cases autours \\ | ||
+ | -> En vert/gris la place du PNJ 24*32 | ||
+ | |||
+ | 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: | ||
+ | |||
+ | **Il est d' | ||
+ | |||
+ | === Choix des formes et couleurs === | ||
+ | {{tutoriaux: | ||
+ | |||
+ | Pour ce qui est de la forme du chipset, on admet deux possibilités : | ||
+ | * Les effets simples | ||
+ | * Les effets ciblés | ||
+ | |||
+ | **1. Les effets simples**\\ | ||
+ | Ce sont tous les effets basiques qui sont les plus couramment adaptés aux chipsets en jeu. | ||
+ | |||
+ | **__Exemple :__ Les ombres de bâtiments**\\ | ||
+ | Généralement, | ||
+ | |||
+ | {{tutoriaux: | ||
+ | |||
+ | {{ tutoriaux: | ||
+ | |||
+ | **__Exemple :__ Les faisceaux d'une torche**\\ | ||
+ | De la même façon, et sur tout les bords, la base du faisceaux ne doit pas toucher les bords du chipset. | ||
+ | |||
+ | On prend ici l' | ||
+ | {{ tutoriaux: | ||
+ | |||
+ | **2. Les effets ciblés**\\ | ||
+ | Pour cette étape, vous allez faire la même chose mais en utilisant le chipset pour en extraire sa forme pour calquer l' | ||
+ | |||
+ | **__Exemple :__ Ombre d'un rocher**\\ | ||
+ | Dans le cadre d'une ombre, il va juste falloir utiliser le bord qui va toucher l' | ||
+ | |||
+ | {{ tutoriaux: | ||
+ | |||
+ | Une fois cette étape faite, vous pouvez réaliser la forme de l' | ||
+ | |||
+ | {{ tutoriaux: | ||
+ | |||
+ | ==== Transparences et fondus ==== | ||
+ | Jusqu' | ||
+ | |||
+ | === La transparence === | ||
+ | Après avoir effectué un fond transparent sur le chipset, on va effectuer la transparence du chipset pour éviter celle de l' | ||
+ | |||
+ | Si ce n'est pas déjà fait, **Ouvrez votre image dans GIMP**. | ||
+ | |||
+ | {{tutoriaux: | ||
+ | |||
+ | **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**, | ||
+ | |||
+ | {{ tutoriaux: | ||
+ | |||
+ | Ensuite utilisez la **Sélection par couleur** pour **sélectionner votre couleur de fond**, et appuyez sur **la touche Suppr**. | ||
+ | |||
+ | {{ tutoriaux: | ||
+ | |||
+ | **2. Transparence de l' | ||
+ | Dans ce cas-là, on va utiliser la **Gomme** avec une **opacité à 80%**. | ||
+ | |||
+ | {{tutoriaux: | ||
+ | |||
+ | {{ tutoriaux: | ||
+ | |||
+ | === L' | ||
+ | |||
+ | Vous allez maintenant utiliser l' | ||
+ | |||
+ | {{ tutoriaux: | ||
+ | |||
+ | Ensuite il ne vous reste qu'à **exporter le fichier en format png**.\\ | ||
+ | < | ||
+ | |||
+ | Voilà ce que devrait donner votre image sur un fond noir : | ||
+ | |||
+ | {{ tutoriaux: | ||
+ | |||
+ | ==== Mise en place sur l' | ||
+ | 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**. | ||
+ | |||
+ | {{ tutoriaux: | ||
+ | |||
+ | Voilà ce que cela devrait donner : | ||
+ | |||
+ | {{ tutoriaux: | ||
+ | |||
+ | ---- | ||
+ | ===== Avec PHOTOSHOP ===== | ||
+ | |||
+ | Tout d' | ||
+ | |||
+ | Lancez donc photoshop et une fois que celui-ci est prêt, ouvrez le chipset que vous voulez modifier. | ||
+ | |||
+ | //Pour pouvoir faire cet effet, il faut que la transparence soit faite avant d' | ||
{{tutoriaux: | {{tutoriaux: | ||
- | Ensuite | + | Ensuite |
{{tutoriaux: | {{tutoriaux: | ||
- | Les choses sérieuses commencent, | + | Les choses sérieuses commencent, |
{{tutoriaux: | {{tutoriaux: | ||
Ligne 19: | Ligne 129: | ||
{{tutoriaux: | {{tutoriaux: | ||
- | Sélectionner | + | Sélectionnez |
{{tutoriaux: | {{tutoriaux: | ||
- | Et en haut cliquez sur la **barre rectangulaire** //(Qui est dégradé | + | Et en haut cliquez sur la **barre rectangulaire** //(qui est dégradée |
{{tutoriaux: | {{tutoriaux: | ||
- | A vous de jouer sur la couleur que vous souhaitez, mais rester cohérent. Les bougies éclairent dans le ton jaune, donc 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 | + | Une fois votre couleur |
{{tutoriaux: | {{tutoriaux: | ||
- | 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: | {{tutoriaux: |
tutos/faire_effet.1598184892.txt.gz · Dernière modification : 2022/09/25 19:10 (modification externe)