Jump to content

[Tuto PHOTOSHOP] signatures animées : effets de vitesse


eliasuke
 Share

Recommended Posts

Bonjour a tous !  voici mon premier tuto ! sa se fête, nan ? ^^"

 

donc aujourd'hui, nous allons voir comment faire une signature animée pour un forum simple et efficace !

Effet de vitesse :

créez un nouveau document en 450 de largeur par 150 de hauteur ...

 

40709804cf3.th.png

 

créez trois nouveaux calques, et faites : "filtres < rendu < nuages" sur chacuns des calques ... Sa va ? Jusque là c'est bon ?

 

99178802xp9.th.png

 

Maintenant faites " Filtres < pixélisation < mezzo-tinto " maintenant on a des petits points ...

 

83654322bk4.th.png

 

Ensuite pour donner un effet de vitesse, il y a 2 solutions : faire un effet de vitesse directionnel ou radial... je vais vous montrer comment faire les deux :

 

LE FLOU DIRECTIONNEL :

 

Quand on a nos petits points, on fait : "filtres < atténuation < flou directionnel" sur chacun des trois calques avec ces réglages

 

calque 1 :

 

Angle = celui que vous voulez

distance = 60

vous faites "ok"

 

calque 2 :

 

Angle = LE MEME QUE SUR LE CALQUE 1 !

distance = 61 ! la on change pour donner l'impression que les traits avances !

vous faites "ok"

 

calque 3

 

Angle = LE MEME QUE SUR LE CALQUE 1 ET 2 !

distance = 62 , ON RECHANGE !

vous faites "ok"

 

CE QUI NOUS DONNE :

 

92615002ni6.th.png

 

VOILA ! Sa commence plus a ressembler a un effet de vitesse la ! ^^

 

maintenant on va passer à la couleur !

 

sélectionnez le calque 1(masquez les deux autres pour avoir un aperçu)

appuyez simultanément sur Ctrl+U

s'ouvre alors la fenêtre "Teinte-Saturation"

cochez la case "redéfinir"

choisissez maintenant une couleur  en faisant bouger les barres ...

une fois la couleur trouvée, cliquez sur "Enregistrer" et donnez un nom, et enregistrez votre couleur (elle va vous resservir pour les autres calques ...)

 

ça nous donne a peu près ça :

 

10238385rh8.th.png

 

là, il faut faire pareil avec les autres calque , le 2 et le 3 :

 

Ctrl+U

REDEFINIR (important, sinon sa marche pas ! )

Charger votre couleur precedemment enregistrée.

faites OK

 

 

maintenant, on va détourer un personnage, et on va le coller sur l'image comme on le souhaite :

 

 

 

 

une fois terminé, vous pouvez mettre un texte dessus et des cadres...

 

 

 

maintenant qu'on a la couleur, la vitesse, l'image, on va faire l'animation ...

 

ouvrez image ready ou restez sur photoshop ( sa dépend sur quelle version de photoshop vous êtes : s'il y a ou pas "animation" dans photoshop. moi j'ai Photoshop CS2 alors j'ai une partie animation... )

 

une fois la fenêtre animation ouverte, masquez le calque 2 et le calque 3 pour n'afficher que le premier et cliquez sur ce petit bouton :

 

76177301oy9.th.png

 

voila maintenant masquez les calque 1 et 3 et appuyez sur le bouton

 

ensuite masquez les calques 1 et 2 et appuyez une nouvelle fois sur le bouton...

votre animation est terminée ! vous pouvez la prévisualiser en cliquant sur le petit bouton "play"

 

maintenant, il faut enregistrer notre animation (heureusement)

faites : "Fichier < enregistrer pour le web"(ou Alt+Maj+Ctrl+s) et enregistrez votre image ^^

 

et voila !!! la signature animée est terminée !

PS : au début je vous avait parlé de l'effet de vitesse radial , eh ben je vais vous l'expliquer en deux mots ...

pour l'effet radial c'est pareil que pour l'effet que l'on vient de faire, l'effet directionnel, sauf qu'il faut changer de filtre :

 

après avoir fait "filtres < rendu < nuages" (au début) et " Filtres < pixélisation < mezzo-tinto " ensuite, il faut remplacer "filtres < atténuation < flou directionnel"  par

Filtres < atténuations < flou radial

 

et les réglages suivants a chacuns des calques

 

calque 1 :

 

Valeur : 60

ZOOM doit etre séléctionné

Faites "Ok"

 

 

calque 2 :

 

Valeur : 61

ZOOM doit être séléctionné

Faites "Ok"

 

 

calque 3 :

 

Valeur : 62

ZOOM doit être sélectionné

Faites "Ok"

 

 

et maintenant il faut tout suivre la suite jusqu'à la fin ^^

 

voici le résultat pour l'effet de vitesse directionnel :

 

inoalmarp6.th.gif

 

et pour le radial :

 

133573853620080413001453.gif

voila ! j'èspere que mon travail aura servi a aider certains d'entre vous ^^

 

@ bientôt

 

PS : pour toute copie, veuillez me prévenir par MP (c'est la moindre des choses)

 

je n'ai pas trop le temps de me relire, donc s'il y a une erreur, signalez le moi ^^

 

 

 

 

 

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...