[[:klaewyss:tutos|← Retour vers les tutoriels]]

====== Tuto - Créer des images de personnages pour Inarlyth ======
===== Créer le personnage =====

[{{ klaewyss:tutos:heroforge_1.jpg?400x200|Capture d'écran de Heroforge.com}}]

La première étape consiste à créer un personnage sur Heroforge((Heroforge : https://www.heroforge.com/)) (ou tout autre plateforme de création de personnage 3D).
 
Il est conseillé d'avoir en tête une description globale du personnage pour se guider et de pouvoir choisir ses vêtements et accessoires ainsi que sa posture et son expression faciale. Il est recommandé de choisir une posture et une expression faciale neutres.
<WRAP clear/>


[{{klaewyss:tutos:ula-colored-full.png?150x200  |Exemple de personnage joueur}}]
Une fois le personnage créé, il est recommandé d'appliquer des couleurs pour avoir un rendu réaliste.

La dernière étape consiste à prendre des screenshots ou d'exporter des images du personnage.\\
Dans le cas des avatars, penser à laisser de l'espace au dessus de la tête afin d'y inscrire le pseudo de la personne joueuse.

<WRAP clear />

===== Appliquer un filtre de style =====

[{{  klaewyss:tutos:ula-full.jpg?150x200|Exemple avec application du filtre noir et blanc}}]

Une fois que l'on a une image satisfaisante, l'idée est d'appliquer un filtre afin de gommer un peu le rendu classique du logiciel de création de personnage et de coller au mieux à une charte graphique.\\
Dans le cas d'Inarlyth, de part les nombreuses créatures et images créées par [[https://fleshwizard.tumblr.com/|Dan]] en noir et blanc, un filtre noir et blanc brut est appliqué.\\
<WRAP info>
Attention, cela peut mal fonctionner pour les personnages à la peau sombre et avec des ombres, il faut donc jouer sur les lumières et la caméra lors de la prise de screenshot.
</WRAP>

Dans le cas de ces images, il s'agit du filtre **//Heisenberg//** gratuit disponible sur l'application mobile Prisma((Prisma : https://play.google.com/store/apps/details?id=com.neuralprisma)).\\
Il suffit d'importer l'image dans l'application puis d'appliquer le filtre.

<WRAP clear/>

++++ Envie d'aider ? |
<WRAP info>

Si vous trouvez un filtre opensource qui permet d'obtenir un rendu relativement similaire, n'hésitez pas à l'ajouter sur cette page à ou le faire savoir aux admins pour qu'ils puissent le tester et, le cas échéant, l'ajouter.
</WRAP>
++++

===== Créer un token VTT =====

[{{  klaewyss:tutos:token_ula.png?150x150|Exemple de token joueur}}]

Afin d'utiliser des tokens sur des plateformes de jeu virtuel (//virtual tabletop - VTT//), l'image générée et filtrée est uploadée sur Tokenstamp((Tokenstamp : https://rolladvantage.com/tokenstamp/)).

Puis un type de cercle est choisi pour distinguer PJ et PNJ.\\
Dans l'idée de conserver une charte graphique noire et blanche, il est conseillé de choisir une couleur de cercle noir. Il est cependant possible de mettre des couleurs pour mieux identifier les PJ.

Il suffit ensuite de cadrer, zoomer ou dézoomer pour avoir un rendu satisfaisant puis d'exporter l'image.

<WRAP clear/>

++++ Envie d'aider ? |
<WRAP info>
Si vous trouvez une alternative opensource qui permet d'obtenir un rendu relativement similaire, n'hésitez pas à l'ajouter sur cette page à ou le faire savoir aux admins pour qu'ils puissent le tester et, le cas échéant, l'ajouter.

Il est aussi possible de faire ce montage directement via un logiciel d'édition d'image, il faut simplement partager des cercles potentiels et le tuto sera mis-à-jour.
</WRAP>
++++

===== Créer un avatar pour Twitch =====

[{{  klaewyss:tutos:pj-ula.jpg?150x150|Exemple d'avatar Twitch}}]
Dans le cas d'une création d'avatar sur Twitch, l'image générée et filtrée est ajouté à Krita((Krita : https://krita.org/)) (ou tout autre logiciel de montage d'image).

Elle est rognée de façon à être carrée.

Puis un cadre ({{klaewyss:tutos:cadre_avatar_twitch.png?linkonly|lien vers l'image}}) est ajouté pour rendre la chose un peu plus joli.

Enfin, le pseudo de la personne qui joue est inscrite. Dans l'idée d'une charte graphique cohérente avec celle d'Elanndelh, il est possible d'utiliser la font //Old London//((Font //Old London// : https://www.dafont.com/fr/old-london.font)).

Ne reste alors plus qu'à exporter l'image.