L`animation en Gif animé.pages

L’ANIMATION EN GIF ANIMÉ
Le GIF (prononcer « jif ») est un format d’image numérique couramment utilisé sur
internet pour son fort taux de compression.
Il est également utilisé pour créer des animation bitmap à destination du web (bannières
publicitaires, cartes animées, etc.)
On le retrouve enfin comme support de diffusion d’oeuvres artistiques de type
cinemagraph mêlant la vidéo et la photographie.
I.
L’ANIMATION GIF AVEC PHOTOSHOP
1. Création des calques
1 : Créer un nouveau document de 500x500 px, 72DPI, RVB
2 : Créer un fond de type dégradé en nuance de gris.
3 : Avec l’outil rectangle arrondi, tracer 2 rectangles afin de représenter la forme d’une
pile.
PLURIMÉDIA : L’ANIMATION EN GIF ANIMÉ
M.CRIADO
PAGE 1 SUR 5
4 : Appliquer un style de calque pour donner du volume à la pile :
calque > style de calque > satin
5 : Reprendre l’outil rectangle arrondi et tracer un rectangle à l’intérieur de la pile
PLURIMÉDIA : L’ANIMATION EN GIF ANIMÉ
M.CRIADO
PAGE 2 SUR 5
6 : Dupliquer le calque (CMD+J) et positionner les nouveaux rectangles afin de créer les
niveaux de chargement d’une batterie.
2. Animation des calques
1. Ouvrir la fenêtre animation :
fenêtre > animation
PLURIMÉDIA : L’ANIMATION EN GIF ANIMÉ
M.CRIADO
PAGE 3 SUR 5
2. Masquer les calques de niveaux en cliquant sur l’oeil de chaques calques
3. Dans l’onglet animation, dupliquer l’image…
… et cocher le premier calque dans la fenêtre des calques
PLURIMÉDIA : L’ANIMATION EN GIF ANIMÉ
M.CRIADO
PAGE 4 SUR 5
4. Répéter l’opération jusqu’à remplir entièrement tous les niveaux de la batterie
5. Sélectionner toutes les images et paramétrer un durée d’affichage
6. Tester l’animation en cliquant sur le bouton lecture.
7. Enregistrer l’animation
fichier > enregistrer pour le web > gif
8. Ouvrir le gif dans un navigateur.
Les possibilités sont infinies et dépendent de votre créativité.
NB : vous ne pouvez ni animer un changement de taille, ni une rotation.
Mais vous pouvez animer un déplacement entre 2 images en utilisant l’outil trajectoire
PLURIMÉDIA : L’ANIMATION EN GIF ANIMÉ
M.CRIADO
PAGE 5 SUR 5