UserBars France
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilRechercherDernières imagesS'enregistrerConnexion
-24%
Le deal à ne pas rater :
PC Portable Gaming 15.6″ Medion Erazer Deputy P40 (FHD 144Hz, RTX ...
759.99 € 999.99 €
Voir le deal

 

 [Tuto Photoshop] Userbars à la Freddy Farcelin xD

Aller en bas 
+3
Pyrox
xanthos83
Manou'
7 participants
AuteurMessage
Manou'
Banni
Banni



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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Empty
MessageSujet: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   [Tuto Photoshop] Userbars à la Freddy Farcelin xD EmptySam 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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 67060850ax7

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 62913098nn9

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 36303585dj7

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 75292764fb3

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 45641557as7

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)

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 84921763jp4

Voilà le rendu à 25% pour la mienne :

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 48317252nf9

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 80652136dp3

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 38984026qc5

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 10ld7

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 :

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 11rj3

Voilà le résultat :

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 12di9

Maintenant, passons au texte.

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 13hy6

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 :

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 14ph2

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 :

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 15qc0

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 16ko4

Mais moi ici j'le fais pas Wink

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 17gf3

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 18gf7

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 19ks3

24. Maintenant, dupliquez votre première frame :

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 20bk1

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)

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 21qg9

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 !

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 22fx7

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 23pk5

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)

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 24qw2

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 :

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 25nv5

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 :

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 26xu7

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 :

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Sasukefantp4

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Bymanouor6 Le tuto hein, pas les bars *sors*
Revenir en haut Aller en bas
xanthos83

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Userba10
xanthos83


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

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

tres beau travail Nickel
Revenir en haut Aller en bas
Pyrox

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Userba10
Pyrox


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

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

hum pas trop compris la fin mais sinno c'est cool Nickel
Revenir en haut Aller en bas
kiki261

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Nouveau



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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Empty
MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   [Tuto Photoshop] Userbars à la Freddy Farcelin xD EmptySam 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!!

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 1169904342_illidan_fan_by_kiki261

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
jOke

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Addict
jOke


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

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

Et bien moi je pense que tu devrais allez te présente Wink
Revenir en haut Aller en bas
kiki261

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Nouveau



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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Empty
MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   [Tuto Photoshop] Userbars à la Freddy Farcelin xD EmptySam 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
Manou'
Banni
Banni



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

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

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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Nouveau



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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Empty
MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   [Tuto Photoshop] Userbars à la Freddy Farcelin xD EmptySam 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
chouk
Ore wo dare da to omotte yagaru
Ore wo dare da to omotte yagaru
chouk


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

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

kiki > La fonction éditer existe è_é
Revenir en haut Aller en bas
http://loichans.free.fr
Manou'
Banni
Banni



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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Empty
MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   [Tuto Photoshop] Userbars à la Freddy Farcelin xD EmptySam 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
kiki261

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Nouveau



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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD Empty
MessageSujet: Re: [Tuto Photoshop] Userbars à la Freddy Farcelin xD   [Tuto Photoshop] Userbars à la Freddy Farcelin xD EmptySam 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

[Tuto Photoshop] Userbars à la Freddy Farcelin xD 1169908898_fan_de_ff7_by_kiki261
Revenir en haut Aller en bas
chouk
Ore wo dare da to omotte yagaru
Ore wo dare da to omotte yagaru
chouk


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

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

tres belle bar mais maintenant tu peux les poster sur les rubriques
Revenir en haut Aller en bas
http://loichans.free.fr
Manou'
Banni
Banni



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

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

Yeah ! Niquel ! J'adore Wink
Revenir en haut Aller en bas
Freddy Farcelin

Freddy Farcelin


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

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

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



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

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

Hihi Wink

Edit :

BONNE ANNIF FREDDY ! cheers
Revenir en haut Aller en bas
Contenu sponsorisé





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

Revenir en haut Aller en bas
 
[Tuto Photoshop] Userbars à la Freddy Farcelin xD
Revenir en haut 
Page 1 sur 1

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: