Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Vous vous en doutez, pour faire une image animée facilement, vous aurez besoin d'un minimum d'outillage.
Hein!?

Et moi qui espérais que pour une fois, on me laisse tranquille... avec Notepad ++, Easy PHP et tous les autres logiciels que j'ai déjà du télécharger ...
On se calme les gens!
Pour ce tutoriel, il vous suffira de deux logiciels (moi j'en utilise trois, mais je suis un cas particulier

).
* Avant tout, il vous faudra un logiciel de retouches d'image
pouvant sauvegarder des images en format .gif . Vous en avez sans doute déjà un : Paint.
Seulement bon, paint, ce n'est pas très pratique, et puis surtout, il détériore grandement la qualité des images lorsque l'on sauvegarde en .gif. Vous pouvez le prendre si vous voulez, ce n'est pas la mort non plus, mais pour ma part, je vous propose photophiltre, avec qui les images pâtissent moins de leur enregistrement dans ce format.
Pour le télécharger, allez ici :
ici. Il existe encore d'autres logiciels, je ne sais lesquels, mais ce qui est sûr, c'est que Photoshop ne fonctionne pas. Bon.
* Ensuite, il vous faudra UnFREEz
Le tuto était censé être simple et je suis déjà largué... c'est quoi UnFREEz?
Ah, UnFREEz, mes amis, c'est la base de ce tuto!
C'est un programme simple et très léger.
Voici un lien où le télécharger (il doit en exister d'autres) :
lien.
Il est indiqué que le logiciel est en anglais, et j'en comprends pas un mot!
Aucun problème! Rassurez-vous, UnFREEz est un tout petit logiciel, et en lisant ce tuto, vous saurez tout de lui.
Allez, foin de palabres, on charge dans le vif!
Avant d'animer vos images, il faudra évidement les préparer.
Je vais ici travailler sur deux images : un dessin de chevalier, et une photo de mon chat. Ce dernier a été fait sur photoshop (version 5.0), tout simplement parceque je me sens plus à l'aise dessus que sur photophiltre.
Le chevalier a été fait sur photophiltre.
Alors, pour le chat, j'avais envie de lui faire clignoter les yeux!(oui, je suis bizarre

)
J'ouvre donc photoshop, et j'ouvre ma photo:
Ensuite, je recadre l'image, et là, j'enregistre!
Bon, maintenant, je rajoute des halos dans les yeux.
J'enregistre l'image, et hop! Voici mes deux images, cayoutte 1 et cayoutte 2 (il est interdit de faire des remarques sur le nom de mon chat!

) côte à côte!
Bon, passons au chevalier (fait sur photophiltre exceptionnellement pour ce tuto et parceque c'est facile). Je voulais me faire un avatar animé pour un forum. Or un membre de ce même forum avait dessiné ce même avatar (en fait, il "m"'avait dessiné). J'ai donc repris ces images, je les ai recadrées, et voilà tout!
Et voilà, vos images sont prêtes, on va pouvoir...
attends attends... tu me dis que les images sont prêtes? Mais je croyais qu'il fallait impérativement qu'elles soient en .gif ?
Ah oui!
Pour les images directement faites sur photophiltre/paint, j'espère que vous avez eu la présence d'esprit de les enregistrer directement en gif. (si ce n'est pas le cas, vous êtes juste un peu fatigué, ça arrive

).
Pour celles faites sur photoshop -si vous en avez-, ouvrez-les avec photophiltre, puis cliquez sur "enregistrer sous", et enregistrez-les en .gif. Voilà

.
Allez, la partie préparation est finie, on touche au but!
C'est la lutte finaaaale!
Ca y est? Les images que vous voulez utiliser sont prêtes? Paaarfait! Le gros du boulot est fait, c'est déjà presque gagné.
On va -enfin!- pouvoir utiliser UnFREEz.
Alors, lancez-le.À présent que vous l'avez téléchargé et installé, hop! A l'attaque!
Double-cliquez sur son icône. Vous tombez sur une fenêtre rikiki comme celle-là :
Mais c'est quoi ce bazar!? On a un carré blanc et deux options bizarres! Et c'est avec
ça que tu veux qu'on fasse des animés!?
Eh ouais

.
Je vous avais dit que c'était facile et léger.
Alors c'est simple, voilà la marche à suivre :
-allez dans vos documents, dans le dossier où se trouvent vos images
-faites glisser les images
dans le bon ordre jusqu'au carré blanc, comme ceci :
Bon. Maintenant, il faudra bien faire défiler ces images. Avez-vous vu cette petite case en bas à droite?
C'est le temps qu'il marquera entre chaque image. Comme indiqué, c'est en centi-secondes : si vous entrez la valeur 100, ça durera une seconde.
Pour mon chat, j'entre 90.
Ensuite, appuyez sur le gros bouton "make animated gif", enregistrez votre gif animée, et hop! yabon!
Double-cliquez dessus pour voir le résultat.
Lorsque vous faites ça, votre image ne sera pas mise en boucle : pour mon chat-guirlande, ça fera éteint/allumé puis c'est tout. Mais quand vous l'ouvrez, par exemple, sur internet, ça se fera en boucle (soit: éteint/allumé/éteint/allumé etc...)
Et voilà donc ce que donne ce fameux chat (et en même temps, ça vous montre ce que peut faire un mauvais cadrage... attention donc, ne refaites pas cela chez vous

).
Bon, passons maintenant au chevalier. Je vous rappelle que le but, c'est d'avoir un avatar, j'aimerais donc qu'il évite de se prendre une torgnole toutes les 5 secondes... le but est qu'on le voit souvent droit, les bras croisés, lui, c'est vraiment moi (si vous voyez ce que je veux dire

). Et de temps en temps, pour agrémenter, boum! On le giffle.
Alors, comment que je fais?
Euh... tu mets un chiffre plus gros dans la case en bas à droite?
Biiiip!
Mauvaise réponse!
en effet, si je fais ça, tous les temps seront équilibrés, et on ne le verra pas plus droit et fier que les fesses par terre, ou encore que le grand "smash".
Alors?
Je sais! Tu rentres plusieurs fois l'image 1!
Bravo!
Exactement, il faut que je rentre plusieurs fois l'image 1.
Je l'ai rentrée pas moins de 11 fois, ainsi que quatre fois pour l'image trois, et j'ai règlé le défilement à 120 cs :
Et voilà le résultat, bien cadré pour cette fois!

.
Chtite astuce pour ceux qui n'aiment pas s'encombrer de trop de fichiers : une fois que vous avez sauvegardé votre image animée, vous pouvez supprimer les images qui vous ont servi à la créer.
Bon eh bien ma foi vous savez tout! Avouez que ça n'était pas trop dur!
Ah si, j'ai oublié de dire que malheureusement,
on ne peut pas ajouter des fichiers au milieu de la liste dans UnFREEz, ainsi, si par exemple vous voulez, après coup, mettre deux fois le chevalier2, il faudra tout recommencer.
Bon! Après tout ce tuto et toutes ces photos, cela peut paraître un rien indigeste. Aussi le petit QCM qui suit est-il là pour vous rappeler à quel point c'est déconcertant de facilité! ;). D'ailleurs, je précise vite fait que vous pouvez ainsi créer vos propres smilies pour msn ou les forums : il suffit de supprimer le fond et de réduire la taille de l'image!