[tuto photoshop] animer une userbar

Dans ce tuto, je vais vous expliquer comment créer une animation pour une userbar, anim consistant à déplacer le fond de haut en bas ou inversement

-ouvrez un nouveau document avec ces dimensions:



-importez votre fond : fichier > importer (si toshop l'importe en tout petit, agrandissez le en veillant à rester appuyé sur maj pour garder les proportions )



-Pour l'exemple, nous placerons cette image de telle sorte qu'on en voit le bas. Créez votre userbar comme d'habitude (liste de mes calques de bas en haut: fond, motif de lignes en diagonales, reflet, texte et cadre de 1 pix noir)



-Ensuite passons sous imageready assurez vous que la fenêtre "animation" est ouverte, si elle ne l'est pas : Fenêtres > animation



-Créez une seconde frame en cliquant sur ce bouton, sélectionnez la et déplacez alors l'image afin que l'on voit le haut



-Resélectionnez la première frame et cliquez ensuite sur le bouton "trajectoire"

-Une fenêtre s'ouvre, n'y modifier que le nombre d'images à ajouter (30 me parait raisonnable ^^) cliquez sur "ok" (sachez que plus vous mettez d'images, plus l'anim est lente, mais lourde aussi ^^)

-Voila, votre animation est (presque) terminée petit détail: vous pouvez mettre un temps d'attente avant que l'animation recommence, ça fait moins mal aux yeux ^^. Pour cela sélectionnez la dernière frame et changez le 0 secondes en 1 secondes par exemple

-Pour l'enregistrer : Fichier > Enregistrer une copie optimisée sous ...




Voila j'espère que ce tuto est assez clair, n'hésitez pas à poser des questions si vous avez un problème

enjoy

Bravo Darkside76 pour ce tres bon tuto, je m'en vais l'essayer de suite...

interressant!! merci l'ami!

Merci à vous

Eh beh... Non franchement top

Darkside76 a écrit:

-Créez une seconde frame en cliquant sur ce bouton, sélectionnez la et déplacez alors l'image afin que l'on voit le haut



-Resélectionnez la première frame et cliquez ensuite sur le bouton "trajectoire"

Jai un petit problème au niveau de cette étape. Je deplace mon image comme tu dit après avoir créer la 2nde frame mais elle ne se déplace pas seulement sur cette seconde frame mais en même temps sur la 1ere frame donc ca donne une animation qui bouge pas.

qqun aurait-il une solution je vois vraiment pas pourquoi ca fait ca ?

C'est très clair mais le problème c'est que c'est exactement ce que je fait il y a aucun doute. Vraiment chiant ca je vais retester.

Si vous voyez un pb sur ce screen dites le moi :

Cliques sur la petite flèche en dessous de la croix rouge, dans la fenêtre animation et regardes si l'option "créer un calque pour chaque nouvelle image" est cochée, si oui déchoches la et réessaye

Non j'ai deja essayé et ca ne viens pas de là.

C'est incompréhensible

En effet, ce genre de chose n'arrive que lorsque tu modifies la première frame, je n'ai aucune idée sur ton problème dsl

edit: est ce que tu peux m'envoyer ton .psd par hasard, que je regarde

Ok je vais le refaire et jte l'envois.

Edit : le voici http://www.picdo.net/Fichiers/dc8edf63d71d2371111a5d85c1128f/msn.psd

Désolé je t'ai oublié pouloupe

ça doit venir de ton programme car j'ai réussi à faire ton animation

Merci

Serait'il possible de faire sa mais sans photoshop mais avec un logiciel de gif gratuit ou un payant ???

Oui c'est possible, le fonctionnement est exactement le même que sur imageready, tu créer deux images clées et tu fais une interpolation entre les deux.

En logiciel d'animation, il y a Ulead Gif Animator et Animation Shop (payants) et en gratuit il y a Microsoft Gif Animator

Oui, il me semble mais je ne l'utilise pas donc peut pas t'aider, désolé

moi j'y arrive mais j arrive juste pas a faire pour aller dans les 2 sens

sidkiller a écrit:

moi j'y arrive mais j arrive juste pas a faire pour aller dans les 2 sens

C'est simple, quand tu fais ta premiere trajectoire, tu va a la derniere frame et tu refait "reproduire l'image selectionnée". la tu remonte ou tu redescend ton calque (tout depend comment tu l'as bougé avant). Tu revient a l'avant derniere frame et tu fait trajectoire. Teste et normalement c'est bon.

moi quand je veux remonter pour afficher le haut de l'image sa deplace mon texte et pas l image je ois fusioner quoi ??

c'est bon j'ai trouvé