You'll need Photoshop and Adobe Image Ready
1.Photoshop:
Creez une image de fond contenant la partie non animee, ici la petite fille
Create one background image for the non animated part of your image.
Puis deux layers, un layer par etape d'animation, ici deux mouvements de main.
Then draw 2 other layers, one for each animation step ( here the hand movement).
2.Image ready:
Faites ctrl+shift+M pour acceder a Image ready. Ca ressemble a ca. Vous n'avez pas besoin d'aller sur Image Ready si vous avec Photoshop CS2, la barre d'animation est accecssible dans Photoshop maintenant :)
Do ctrl+shift+M to go to Image ready. I should look like this.
You don't need to go to Image ready if you already have upgraded to CS2. The animation window is now in Photoshop.
Si la barre d'animation n'apparait pas, ouvrez la ici: 3.Setup the first step of animation in the layer window by showing only one hand movement. 4.Duplicate current frame by clicking this icon in the animation window
If you don't see the animation window, open it here:
Creez la premier image de votre animation en montrant seulement un layer des deux layers de main.
Dupliquez la premier etape d'animation en cliquant sur cette icone
Now you have 2 animation frames
Maintenant vous avez deux etapes d'animation.
Reglez la deuxieme etape de l'animation en montrant seulement le deuxieme layer de bras.
You can add as much layers as you want for simple animations. You can also setup how much time an animation step will last just by clicking on it.
Vous pouvez ajouter autant de layers que vous voulez pour vos animations. Vous pouvez aussi regler la duree de chacune des etapes d'animation en cliquant sur le nombre de secondes.
6.Do "save as " in gif format (.gif) or "save optimized as" in gif too.
That's it, all you have to do is import it in your website...
Sauvez l'animation en format gif
Voila, il n'y a plus qu'a l'importer dans un post :)
J'attends de voir vos animes avec impatience!
Next time will see how to save in Gif without losing too much informations
La prochaine fois nous verrons comment sauvegarder des gif proprement.
Je reve ou j'ai l'impression d'etre en cours la? huhu






Tous> vous etres fantastiques! Quelle merveilles! Je regrette bien de ne pas avoir plus de temps pour vous remercier, mais promis je ferais un post special !
Biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiises
Posted by: del4yo | Thursday, August 18, 2005 at 13:52
je ne sais pas si qqun l'a dit avt moi, mais fireworks est tres bon aussi en ce que concerne les gifs animés!
ciao
Posted by: lu_ | Sunday, August 21, 2005 at 04:04
Lu_ > ben oui mais il faut avoir fireworks! :)
Posted by: del4yo | Wednesday, September 14, 2005 at 11:15
Bonjour vous tous
je sais pas comment on fait comme vous tous parceque j'ai la flemme de lire tout
Posted by: sardine | Tuesday, July 25, 2006 at 03:32
heyy jsais pas comment saver :S du moins...ca marche pas haha ^^
Posted by: M ery | Monday, January 29, 2007 at 15:40
sardine> ca c'est un commentaire super interessant dis-donc.
Mery> essaie "sauver pour le web" peut-etre?
Posted by: del4yo | Wednesday, January 31, 2007 at 22:47
ok ça fait deux ans que le tuto existe mais moi je le découvre seulement et je dois dire merci! J'ai donc pu faire une bannière animée pour mon nouveau bloc. C'est CHOUETTE!
http://marmouze.canalblog.com
Posted by: Caroline | Wednesday, September 19, 2007 at 09:21