Tag animé et transparent

Tutorial tag animé et transparent


Nous allons créer un tag animé avec le tour transparent.(ici un terro qui tire avec un tour transparent)

Donc pour faire ce tuto vous devez possédez:

1) Fraps (pour les captures d'écrans)
2) Photoshop CS ou une version antérieure (pour créer votre animation)
3) Vtex (pour convertir l'animation vers CSS)

1) Donc à l'aide de Fraps faites 3 captures (environ) d'un Terro ou d'un CT qui tire dans le jeu de manière à ce que quand vous prenez les screens cela créé une animation genre dessin animé ( ou l'on voit la décomposition du tir en plusieurs étapes, mettez vous donc en mode spectateur pour faire ces screens, attention à ne pas bouger pendant la séance photo et de même à ce que le modèle ne bouge pas et ça c'est le plus dur, le mieux c'est de repérer un campeur et de faire les screens quand il se met à tirer) une fois capturé récupérer les screens (qui sont dans le dossier de destination que vous avez choisi avec FRAPS) et ouvrez les avec Photoshop.

2) Dans Photoshop créer trois nouveau fichiers en allant dans "Fichier" Nouveau et mettez soit 256*256, soit 128*128, soit 64*64 dans "hauteur" et "largeur" et mettez le fond transparent (très important).

Répéter autant de fois l'opération que vous avez d'images dans votre animations (3 images est un bon nombres).

Revenez à vos screens ou il va falloir découpé le terro avec le lasso polygonal ( il est dans la barre d'outil en deuxième position, faite un clic droit dessus pour choisir le type de lasso, le polygonal est le plus précis, entourez donc le terro puis faites "Edition" puis "copier" dans un des nouveaux fichiers que vous venez de créer, enfin ajouter le terro dans ce nouveau fichier afin qu'il rentre dans le cadre en faisant un clic droit sur la partie sélectionné et faites "Transformer la sélection" vous pouvez maintenant rapetissez le terro en jouant sur la largeur et la hauteur afin qu'il rentres juste dans le cadre une fois fini cliquez sur la flèche normale (toujours dans la barre d'outil à gauche) pour appliquer la sélection, faites de même pour les 3 images. Vous obtenez donc 3 images de terro sur fond transparent de même dimension et qui créer une animation.

Maintenant nous allons créer la transparence (couche alpha autour du terro pour que quand on applique le tag, le terro n'apparaisse pas sur un fond blanc, afin de l'appliquer sur n'importe quel mur (ne marche pas sur les caisses d'ailleurs), sélectionner l'image du premier terro par exemple puis aller dans "Sélection" et faites "récupérer le sélection", refaite la même chose mais en faisant cette fois "mémoriser la sélection", faites le pour chaque image de terro puis enregistrer tous les screens en ".TGA" (Targa en fait) en 32Bits et vérifiez que "Couches Alpha est cochée" dans le dossier suivant "C:\\vtex\\hl2\\materialsrc\\spryas" du logiciel Vtex qui vous auriez préalablement dé zipper dans un répertoire du disque dur. Enfin executez tga2vtf.bat puis aller voir dans "C:\\vtex\\hl2\\materials\\sprays", normalement si vous avez bien suivi 2 fichiers sont apparus un ".vmt" et un ".vtf", vérifié que votre fichier ne dépasse pas les 120ko sinon ça ne marchera pas.

3) Prenez les 2 fichiers et mettez les ici:

C:\\ProgramFiles\\Valve\\Steam\\SteamApps\\votre_compte\\counter-strikesource\\cstrike\\materials\\[VGUI\\logos créer les répertoires suivant si ce n'est déjà fait, Lancez CSS et aller dans options, et choississez votre tag animé, créer un serveur et aller tester le tag sur un mur pour voir si il marche.

Trucs et astuces:
Il est possible de faire tout ça gratuitement:
- premièrement les shareware permettent de posséder le logiciel gratuitement pendant 30 jours,
- et de deux, a priori,
1)faire des screenshot in games ou une video (voir le tuto) remplacerait parfaitement Fraps
2)utiliser paint.net ou gimp qui sont gratuit a la place de Photoshop qui est payant ne dérangerait pas

Telecharger Fraps: http://www.fraps.com/setup.exe (en cliquant sur ce lien vous avez seulement accès au shareware), voici le site du vendeur: http://www.fraps.com/buy.php
Telecharger Photoshop: http://www.clubic.com/style/images/download/btn_telecharger_evaluation.gif (en cliquant sur ce lien vous avez seulement accès au shareware), voici le lien du vendeur: http://www.grosbill.com/index.php3?id=62604&site=clubic
Telecharger Vtex: http://www.raiden.se/spraytut/vtex.rar