[Photoshop] Userbar animé sous ImageReady

Auteur Califer lien => Ici

Bonjour à tous,

Les userbars animée sont à la mode en ce moment sur le forum, de plus
je reçois beaucoup de message me demandant comment on en fait ^^

Au lieu de vous expliquer un par un, voici un petit tuto simple pour vous apprendre

Ce tuto est réalisé avec le logiciel Adobe ImageReady fourni avec
Photoshop CS2, je ne sais pas si il est encore fourni avec CS3.


1. Crée votre userbar statique.

Le but de ce tuto est de vous apprendre à animer votre userbar, non à la faire, voici donc un tuto qui vous montrera comment.
http://www.siteduzero.com/tuto-3-454...e-userbar.html

2. Placer les calques au bons endroits

Nous allons travailler sur le fichier psd, ouvrez le donc dans Imageready.
SI votre fenètre d'animation n'est pas ouverte, ouvrez la.
Fenêtre > Animation

Magique une fenêtre s'ouvre.
Normalement cette fenêtre ne doit contenir qu'une seule image, si il y a en a d'autre, supprimez les.

Avant de commencer l'animation, faites tous les changements du style, changer le texte, ou le changer d'emplacement etc
Votre animation doit être fait en dernier.

Bien, maintenant vous allez prendre le calque de votre image (chez moi
un tux-asse) et le placer de sorte à ne voir que ses pieds.



Maintenant vous allez dupliquez le calque d'animation avec ce bouton (dans le fenêtre d'animation évidemment)



Sélectionnez le calque d'animation n°2.
Faites glisser avec les flèches directionnelles votre tux-asse de façon à ce qu'on ne voit cette fois que le haut de sa tête.



Sélectionnez maintenant les deux calques d'animations.
Et cliquez sur l'outil "trajectoire"

Vous obtenez une fenêtre comme celle ci.



Remplissez là comme moi.
Le nombre 60 fera varié le nombre d'image entre la première et la
dernière, plus il est grand plus l'animation sera lente et décomposée.
Faites OK quand c'est finis.

Normalement si vous cliquez sur le bouton "play" (c'est le même que sur
le lecteur dvd ou votre chaine-hifi) vous obtenez une animation mais
seulement l'aller, il nous reste à faire le retour.

Prenez le calque d'animation n°1 et dupliqez le :
Séléctionnez le calque d'animation n°2 et placez le en derniere position.

Séléctionnez les deux derniers calques d'animation et utilisez l'outil "trajectoire"
Laissez les options.
OK.

Vous avez normalement obtenu une animation comme la mienne.



Bon week-end à tous
Caelifer.

Merci califer !

si tu veux de l'animation c'est en gif ! mais vérifie tes paramètres il faut essayer de tabler sur le plus de couleurs possibles sinon ca va faire moche ! mais le plus que tu peux ! moi avec toshop7 je mets 256 couleurs sans tramage !

envoie la moi par MP que je vérifie !
De plus je crois si tu n'utilises pas serving pour les gifs ca ne marche pas ou en tous cas certains hébergeurs !

Faut vérifier