L`animation en Gif animé.pages
Transcription
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