Gifs animes fastoche

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

Comments

[lilfairy]

Tu as un thème de prédilection en ce moment ? (histoire qu'on te fasse plaisir au passage)

[del4yo]

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?

[bobi]

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.

[bobi]

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 ?

[del4yo]

Bobi> je suis idiote je viens seulement de me rappeller que c'est a cause de ton post avec le bebe qui tete que j'ai cherche partout comment faire des gifs. Des fois bon... Pas de tete. En plus j'ai cherche longtemps toute seule comme une bugne au lieu de demander. Je sais pas demander.

En fait j'ai dit 1950 mais c'est plutot 50-60:

Alors je t'ai deterre Saul Steinberg que j'adOre
http://www.saulsteinbergfoundation.org/
souvent ton travail me fait penser a lui, un peu, beaucoup.
Lui y'a pas eu besoin de creuser beaucoup. Il n'a meme pas pris la poussiere.

Mais j'aime bien aussi Bob Peak, du moins son travail sur cette periode:
http://www.americanartarchives.com/peak,b.htm

Faut jamais se priver de Quentin Blake, mais ca tu le savais deja...
http://www.gilbert-collection.org.uk/whatson/QuentinBlake/

Et puis ce que j'aime sur cette periode, un vrai tresor , ce sont les affiches de cinema Polonaises. Oui!
http://www.cinemaposter.com/

Limite j'aurais du faire un post ladsu, tiens...

[Adelie]

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).

[miss Trop]

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... :)

[queenofclay]

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 :)

[Doune]

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 :)

[ka-ly]

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 (:

[Maurice]

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).

[Marie]

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)

[heidi]

J'attends qu'on m'offre Photoshop avec impatience moi :-p

[paintbetty]

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 ;)

[krysalia]

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 :)

[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!

[ShMiLebLiK]

Grâce à toi tout prend vie désormais!
Merci

[a n g e l]

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)

[Maurice]

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 ?

[krysalia]

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)! ♥ :)

[ShMiLebLiK]

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!

[Adelie]

Hum, ayé, moi aussi j'ai fait joujou, merci Del :-).

http://terreadelie.no-distance.net/etplus/carnet/2005/08/dansons-avec-les-poissons.shtml

[lilfairy]

Va pour le poisson rouge animé !
*penser à ramener le portable du boulot un WE* (perso je n'ai que ToShop Elements... )

[lilfairy]

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)

[la maline]

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!