+ webdesign portfolio
+ designer's boutique
+ poserstudios
+ artworks
+ tutorials & articles


     
 
Réaliser un gif animé simple

Tutoriel réalisé le 26 août 2004.
Niveau de connaissance requis : débutants
Outils nécessaires : Photoshop et ImageReady (livré complémentairement)



 
00. Introduction


Le "gif" est un format d'image permettant entre autres de gérer une animation image par image.
Ce tutoriel s'adresse aux personnes qui n'ont jamais réalisé un gif animé. Il vous guidera pas à pas à réaliser votre première image animée.






[ cliquez pour agrandir ]



01. se préparer


Préparez toute votre animation sur un seul document .psd (extension propre à Photoshop) selon la règle suivante : un calque = une image.





[ cliquez pour agrandir ]



02. passer à imageready


Passez à ImageReady une fois votre document prêt en cliquant simplement sur ce bouton de la palette à outils (voir capture).
 



[ cliquez pour agrandir ]


03. créer les images de l'animation


Dans ImageReady, vérifiez que la fenêtre "Animation" soit ouverte car c'est avec elle que nous allons travailler (allez dans Fenêtre > Animation : vérifiez qu'animation soit coché par un petit "vu").

Dans cette fenêtre, "Créez des images à partir des calques" comme indiqué dans la capture d'écran 01 ci-contre.

Vos images vont se placer dans la fenêtre animation, dans l'ordre où elles vont être jouées (voir capture 02). Vous les déplacez en cliquant-glissant, en modifiez le temps d'arrêt sur une image...


 


04. finalisation

Il est conseillé d'optimiser votre image histoire qu'elle ne soit pas excessivement lourde.
Allez dans Fenêtre > Optimisation, et jouez avec les paramètres mais sans changer le mode de l'image (gif).

Ensuite faites Fichier > Enregistrer une copie optimisée sous et le tour est joué.



Haut de la page

 
(c) Corinne Stoppelli - ExileDesigns 2004 . Toute copie, entière ou partielle, est interdite sans l'autorisation expresse de l'auteur.