[Photoshop] Freddy Farcelin's Userbars

Salut à tous ! :nickel:
Alors déjà j'explique mon titre (eh oui xD) :
J'ai toujours été fan de Freddy (:')), et à force de regarder ses bars j'ai commencer à copier la technique °° (bouh le vole cay l'axe du mal xD)
Et donc comme je trouves cette technique magnifiquement bien réussie, j'en fais un tuto !
DANS CE TUTO, VOUS AUREZ BESOIN DE :
-Photoshop
-Vos yeux (eh oui les screens xD)
-De bonnes images xD...

Allez on commence.
Déjà, si vous n'avez pas la police Visitor, allez la téléchargez :
http://www.dafont.com/fr/search.php?q=visitor

I ) BAR

1. Ouvrez Photoshop.

2. Créez un nouveau document(Ou CTRL+N) en 350x19

3. Ouvrez ensuite votre image voulu.

3[a]. Si vous n'en trouvez pas, allez par exemple sur deviant art et taper le nom du personnage que vous voulez ...



Voilà pour le début !

4. Maintenant, faites CTRL+A sur votre image ouverte, et faites CTRL+C (ou Copier), puis retournez sur votre userbars et faites CTRL+V (ou Coller) :



5.Ensuite, placer le début de l'image (oui ce sera un tuto animation ...) avec l'outil de Déplacement (V) :



Voilà, maintenant on va passer à la création de 'l'élipse' si j'ose dire .

6.Créer un nouveau calque que vous mettez au dessus de tout les autres (pour l'instant)

7. Séléctionnez maintenant l'outil rectangle de séléction (M)
Et séléctionnez ça sur votre bar (à peu près) :



8.Voilà, maintenant, remplissez cette selection entièrement de blanc ! :



Une fois fait, vous pouvez désélectionnez ;p (D)

9. Une fois que c'est fait, cliquez sur votre calque d'élipse (si j'ose encore une fois dire °°) et baissez l'opacité dans les 20%~30% (selon votre goût, mais généralement pas trop d'opacité :p)



Voilà le rendu à 25% pour la mienne :



Remarque : Il n'y a pas de strippes (ou très rarement) sur les userbars Freddy Like xD. (Et c'est tout aussi beau qu'avec !)

Vous avez fini votre élipse ! Bravo :nickel:

Allez, on passe aux contours !

10. Séléctionnez le calque 'Arrière-Plan'

11. Dupliquez le deux fois et placez les deux calques dupliqués au dessus de tout les autres calques.

12. Cliquez sur un des deux calques dupliqués, et réduisez le fond à 0% :



13. Répétez cette action pour le deuxieme calque dupliqué !

14. Maintenant, séléctionnez le calque tout au dessus et cliquez sur 'Option de fusion' :



15. Faites 'Contour' et réglez comme ceci :



16. Ensuite, séléctionnez le deuxième calque en partant du haut (Arrière plan copie ... donc), refaites options de fusion, et réglez 'Contour' comme ceci :



Voilà le résultat :



Maintenant, passons au texte.

17.Cliquez sur l'outil Texte (T)
Et configurez comme ceci :



18.Maintenant, cliquez quelque part sur votre userbars avec l'outil texte, et écrivez ce que vous voulez

19. Déplacez ensuite le texte ou vous le souhaitez :



20. Placez le calque de texte au dessus de tout les autres

21. Sur le calque de texte faites option de fusion et réglez comme ceci :



Et si vous voulez vous pouvez ajoutez une lueur externe (en general ont fait ça quand on voit pas assez le texte xD)



Mais moi ici j'le fais pas



Par exemple, la vous auriez fini avec une barre normale, non animée ^^.

II ) ANIMATION.

22.Importez votre bar dans image ready en cliquant là :



Voyons un peu la fenêtre animation ...
23. Faites : Fenêtre => Animation
Vous aurez une sortes de barre en bas qui apparait ... Observons là :



24. Maintenant, dupliquez votre première frame :



25.Maintenant, dans la liste des calques, séléctionnez VOTRE IMAGE DE FOND (le fond de l'userbars quoi Moi ici c'est Sasuke ^^) Et cliquez sur l'outil déplacement (V)



26. A partir de là, déplacez votre image jusqu'au point ou vous voulez qu'elle s'arrête dans l'animation (Utiliser Shift + Haut ) ATTENTION, FAITES LE BIEN EN SOYANT SUR LA DEUXIEME FRAME D ANIMATION !



Voilà ! Maintenant on passe à la trajectoire ! (voir le plan un peu plus haut )

27. Cliquez sur le deuxième frame (si c'est pas dja fait) et cliquez sur 'Trajectoire'

28. La, choisissez un truc du genre entre 50~70 (70 c'est vraiment beaucoup, faut vraiment avoir une animation longue xD)
En général je mets 55 moi



Tient, comme par magie un certain nombre de frames se sont ajoutées ... xD

29. La, retournez au début de l'animation, et dupliquez la première frame (voir le plan de la fenêtre animation plus haut)



30. La frame dupliquée passe en frame 2, donc cette deuxième frame, déplacez la (en restant dessus et en allant vers la droite) juste après la dernière frame :



31. Voilà, maintenant refaites trajectoire, avec exactement le même nombres de frame, ensuite sur la toute dernière frame, cliquez sur le temps et mettez 0.5sec :



32. Ensuite, cherchez la frame juste avant celle que vous aviez dupliqué (donc si vous avez mis 50, vous cherchez la 52, si vous avez mis 55, vous cherchez la 57.. etc)
Une fois trouvée
33. Répetez l'opération et mettez 0.5sec ^^ !

Cliquez sur le bouton play, et si ça vous convient, faites 'enregistrez une copie optimisée sous' ... etc et voilà !

Résultat :



Le tuto hein, pas les bars *sors*