AccueilFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 [Tuto Photoshop] Userbars à la Freddy Farcelin xD

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Manou'
Banni
Banni


Masculin Nombre de messages : 1618
Age : 24
Date d'inscription : 24/11/2006

MessageSujet: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 14:44

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 ! cheers
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 ... Wink



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 :o.

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 :o

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 Wink



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 :o 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 Wink) 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 :P)

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 :P



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*
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
xanthos83


avatar

Masculin Nombre de messages : 761
Age : 31
Localisation : toulon(83)
Date d'inscription : 12/12/2006

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 16:05

tres beau travail Nickel
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Pyrox


avatar

Masculin Nombre de messages : 670
Age : 26
Localisation : nice
Loisirs : Airsoft, jeux video
Date d'inscription : 06/12/2006

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 16:11

hum pas trop compris la fin mais sinno c'est cool Nickel
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
kiki261




Nombre de messages : 29
Age : 27
Date d'inscription : 21/01/2007

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 16:27

lu manou :)
moi je suis un nouvo (premier post ) et un DEBUTANT COMPLET DANS PHOTOSHOP ET IMAGE READY.

ton tuto est SUPER ! merci mec!

voila ma premiere user bar (fan de illidan )...bon c pas super mais c'est ma premiere!!



j'ai foiré l'animation au niveau de la tête (on la voi pas Sad ) mais voila..

dis moi ce que tu en penses :hi: help
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
jOke


avatar

Masculin Nombre de messages : 1507
Age : 26
Localisation : 94 - Créteil
Date d'inscription : 08/10/2006

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 16:34

Et bien moi je pense que tu devrais allez te présente Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
kiki261




Nombre de messages : 29
Age : 27
Date d'inscription : 21/01/2007

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 16:36

euu oui xD j'avais oublié ca :) j vais mais apart ca tu en penses quoi ?

Edit de Chouk : Lire les règles n'est pas désagréable tu sais notamment en ce qui concerne la présentation, sinon belle bar
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Manou'
Banni
Banni


Masculin Nombre de messages : 1618
Age : 24
Date d'inscription : 24/11/2006

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 16:53

Clean la bar ! Réduit un peu l'opacité de l'élipse Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
kiki261




Nombre de messages : 29
Age : 27
Date d'inscription : 21/01/2007

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 16:54

merki :)
je vais en refaire une , fan de ff7 (...oui..j'ai pas mal d'inspiration ... xD )

C'est le meilleur tuto pour faire des userbar animées on non que j'ai vu jusqu'a la..vu mon niveau en toshop Very Happy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
chouk
Ore wo dare da to omotte yagaru
Ore wo dare da to omotte yagaru
avatar

Masculin Nombre de messages : 4063
Age : 35
Localisation : 57
Loisirs : metal dessin sortie
Date d'inscription : 26/06/2006

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 17:18

kiki > La fonction éditer existe è_é

_________________
"L'erreur est humaine mais le pardon est Choukien" dixit Seneque

Mon porfolio : http://loichans.free.fr
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://loichans.free.fr
Manou'
Banni
Banni


Masculin Nombre de messages : 1618
Age : 24
Date d'inscription : 24/11/2006

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 17:30

kiki261 a écrit:
merki :)
je vais en refaire une , fan de ff7 (...oui..j'ai pas mal d'inspiration ... xD )

C'est le meilleur tuto pour faire des userbar animées on non que j'ai vu jusqu'a la..vu mon niveau en toshop Very Happy

Embarassed
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
kiki261




Nombre de messages : 29
Age : 27
Date d'inscription : 21/01/2007

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 17:42

ok master chouck :) je ferais attention aux doublons Very Happy

voila ma 2é userbar animée,j'ai réussi (je pense ) a faire un effet scrolling millieu-haut haut-millieu millieu-bas bas-millieu

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
chouk
Ore wo dare da to omotte yagaru
Ore wo dare da to omotte yagaru
avatar

Masculin Nombre de messages : 4063
Age : 35
Localisation : 57
Loisirs : metal dessin sortie
Date d'inscription : 26/06/2006

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 18:16

tres belle bar mais maintenant tu peux les poster sur les rubriques

_________________
"L'erreur est humaine mais le pardon est Choukien" dixit Seneque

Mon porfolio : http://loichans.free.fr
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://loichans.free.fr
Manou'
Banni
Banni


Masculin Nombre de messages : 1618
Age : 24
Date d'inscription : 24/11/2006

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 18:33

Yeah ! Niquel ! J'adore Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Freddy Farcelin

avatar

Masculin Nombre de messages : 852
Age : 27
Localisation : Magog - Québec
Loisirs : Parkour
Date d'inscription : 20/03/2006

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 19:23

Laughing Je viens juste de remarquer le tuto Laughing mdr Userbars Freddy Like.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://userbars.forumpro.fr/Espace-Detente-c1/Showroom-f18/Fredd
Manou'
Banni
Banni


Masculin Nombre de messages : 1618
Age : 24
Date d'inscription : 24/11/2006

MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   Sam 27 Jan - 20:06

Hihi Wink

Edit :

BONNE ANNIF FREDDY ! cheers
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   

Revenir en haut Aller en bas
 
[Tuto Photoshop] Userbars à la Freddy Farcelin xD
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» tuto clin d'oeil et bisou
» SILIC - challenge Noël
» Le "qu'en" le "quant" et le "quand"
» tuto photoshop pour une jolie signature
» Tuto photoshop "Les bases" niveau débutant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
UserBars France :: Tutoriels / Support :: Tutos :: Photoshop :: Userbars/boxs, Squareboxs-
Sauter vers: