Gifs animes fastoche
Tuesday, August 16, 2005 at 10:36 | by del4yo
Il vous faut Photoshop et Image Ready (normalement ils sont vendus ensemble)
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:
If you don't see the animation window, open it here:
3.Setup the first step of animation in the layer window by showing only one hand movement.
Creez la premier image de votre animation en montrant seulement un layer des deux layers de main.
4.Duplicate current frame by clicking this icon in the animation window
Dupliquez la premier etape d'animation en cliquant sur cette icone
Now you have 2 animation frames
Maintenant vous avez deux etapes d'animation.
5.Setup the second step of animation in the layer window by showing the other hand movement.
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
Reader Comments (31)
Tu as un thème de prédilection en ce moment ? (histoire qu'on te fasse plaisir au passage)
lilfairy> huhu oui! les poissons rouges! ( mais je crois que c'est un theme qui te convien aussi...) Kingyo! Par contre c'est pas tres facile a animer image-image...Hum Fais comme tu preferes?
Ah oui super ! Et pour les têtes très dures, le 30 juillet sous mon gif animé j'ai mis 2 adresses explicatives. Mais pas aussi limpides que tes explications à toi plus claires que l'eau d'un torrent qui descendrait d'une montagne très haute où les loups aimeraient boire.
Yayo tu te rappelles que tu m'as dit que tu allais me déterrer des illustrateurs des années 50. Tu es sûre que c'est possible ? Ce n'est pas dangereux ? Tu auras besoin d'une lampe torche ?
Humpf, vous pouvez m'signer un mot, md'ame ? Je crois que je vais être en retard au boulot, avec votre cours de bon matin, là ! (et il va falloir essayer de ne pas réfléchir gif animé toute la journée, aussi).
Merci Del :-). (Le tuto sur l'enregistrement propre des gifs m'intéresse grandement également, je dois dire).
vivement la suite (ça, j'arrivais à faire, mais le résultat n'est pas toujours super propre...)
merci pour les tutos en tous cas :)
Tu sais ce qui manque à ton site ?
un lien RSS... :)
Je sens que c'est trop beau pour que ça se passe aussi facilement que les explications……… bon, je reviens dans deux mois avec un truc fini :)
Ben moi, j'ai Gimp alors forcément, ça va m'être difficile de suivre ton tuto... par contre, je peux te faire un poisson rouge :)
oui alors hum bon le tutorial il est bien hein.
mais moi ce dont j'aurais vraiment besoin c'est d'un tuto pour apprendre à dessiner autre chose qu'un rond pour faire une tête et deux traits pour faires les yeux (:
Ouais ! Encore une blogueuse sous Mac ! Qui touche à Photoshop et fait des trucs sympas ! Pour les gif animés j'ai téléchargé un graticiel dont je retrouverai le nom et qui permet (pour ceux qui ne disposent pas de la suite Adobe) d'arriver au même résultat (et plus léger quer The Gimp).
Génial … comme d’habitude,
Merci pour le mini-cours d’animation. Ma petite sœur apprends ça à l’école cette année et je vais enfin pouvoir avoir une petite longueur d’avance sur elle, pour une fois :o)
J'attends qu'on m'offre Photoshop avec impatience moi :-p
you are so good at teaching techniques, clear instructions, and great images! I tried this awhile ago without great success, but seeing your post makes me want to try again ;)
ah ouais ! c'est super chouette cette methode avec imageready ! vachement plus rapide qu'avec un autre soft ou on doit coller des images identiques en entier !
merci del4yo :)
Adelie> huhu je te fais un mot quand tu veux...
Miss Trop> arrrrgh il yen avait un...Mais a chaque fois qu'ils changet des trucs chez typepad j'y perds des plumes...*fouille dans la documentation...$#@%#&!#...grmbl...Ah!* , hum donc bon clique sur "Syndicate this site (XML)"-en haut de la colonne de gauche- ca devrait te permettre d'acceder au fil RSS? Dis moi.
Queen> J'ai fait de mon mieux pour que ce soit aise, donc si ca ne marche pas dis-moi?
ka-Ly> ben qu'est ceque tu dessinais quand tu etais petit? T'as oublie? huhu. Le dessin c'est d'abord s'autoriser a dessiner, pour ca j'ai un tuto la:
http://del4yo.blogs.com/non_dairy_diary/2005/08/catching_inspir.html
et la suite
http://del4yo.blogs.com/non_dairy_diary/2005/08/catching_inspir_1.html
bises!
Maurice> bienvenue Maurice, bienvenue! Oui oui, grande idee le graticieal, si tu pouvais retrouver ca...CA evitera beaucoup de frustrations!
Marie> ben dis-donc elle fait une chouette ecole ta soeur! Tu me montreras le resultat dis?
Heidi> moi aussi ( j'ai pas la derniere version a la maison)
Paintbetty> *^_^* I'm blushing, thanks you very much I'm touched! I'm sure you'll do good, even better than me!
Krysalia> c'etait le but! Merci beaucoup pour les encouragements!
Grâce à toi tout prend vie désormais!
Merci
ah je n'avais pas vu qu'on pouvait faire de l'anim sous toshop, jusque maintenant j'en faisais avec Ulead Gif Animator.
Je vais tester ça alors.
(je t'envoie pitètre un tit truc)
Ca s'appelle GIFfun, ça pèse 755 KB à télécharger, c'est pour OS X et c'est gratuit !
Sinon tu dessines directement avec Photoshop, hein, dis ?
http://img170.imageshack.us/img170/5241/chatons1ge.gif
ayet, voila ! j'ai animé des petits chatons :) ( ils sont trop mignons vous verrez huhu )
je n'avais jamais pu faire de gif animé qui respecte l'image de base a ce point ! t'es une fée toi (merciii)! ♥ :)
Un petit essai d'apres photo, mais il me tarde de tripatouiller mes crayonnés^^
http://shmileblik.free.fr/images/bu1.gif
Merci pour ce tuto qui rend la vie si simple!
Hum, ayé, moi aussi j'ai fait joujou, merci Del :-).
http://terreadelie.no-distance.net/etplus/carnet/2005/08/dansons-avec-les-poissons.shtml
Va pour le poisson rouge animé !
*penser à ramener le portable du boulot un WE* (perso je n'ai que ToShop Elements... )
En attendant, je t'ai mis un poisson rouge dans mon article du jour. En le dessinant, je me suis imaginée animer les nageoires, les yeux et les bulles (que personne ne me dise qu'un poisson ne fait pas de bulles d'abord. J'en mets si je veux)... Faudra juste que je fasse plus graphique pour simplifier un peu... (je n'aurais plus qu'à décalquer)
J'me suis fait un .gif tout con... mais j'ai pensé que tu voudrais le voir :)
Merci pour les tutos, je les fais pas souvent mais je les lis et les enregistre dans ma tite tête de poisson :)
http://mateo.lopez.free.fr/lamaline/fish.gif
C'est là que ça se passe!
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
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
Lu_ > ben oui mais il faut avoir fireworks! :)
Bonjour vous tous
je sais pas comment on fait comme vous tous parceque j'ai la flemme de lire tout
heyy jsais pas comment saver :S du moins...ca marche pas haha ^^
sardine> ca c'est un commentaire super interessant dis-donc.
Mery> essaie "sauver pour le web" peut-etre?