Faire un GIF animé avec IMAGE READY

Faire un GIF animé avec IMAGE READY
L'utilisation d'image Ready pour la construction d'un GIF animé diffère de celle des autres logiciels en ce sens qu'elle utilise les calques des images générées par PHOTOSHOP. Il est donc indispensable de savoir utiliser les calques pour utiliser IMAGEREADY.
On peut animer des images de 3 façons différentes: En faisant "bouger" un calque ... En jouant sur l'opacité pour faire apparaître (ou disparaître )un calque ... En animant les "styles" de calques (appelés alors effets). On pourra également combiner les 3 possibilités : appliquer un effet à un calque qui bouge en disparaissant!! ;-)
On attaque???
Nous allons étudier la première de ces possibilités faire bouger des calques pour réaliser ce GIF:

Il faut tout d'abord construire son image dans PHOTOSHOP et préparer tous les calques dont on aura besoin (cette préparation peut également se faire directement dans IMAGE READY si on le souhaite).Cela nécessite de cogiter un peu pour savoir de quels calques on aura besoin et comment on s'y prendra ( on pourra toutefois ajouter des calques en cours de route.)
1)Préparation de l'image: J'ai fait une image constituée de 4 calques: fond vidé des yeux oeil droit oeil gauche fond On va faire coulisser les yeux de droite à gauche.
2) Passage à Image ready au bas de la barre d'outils verticale de PHOTOSHOP.
3) L'environnement Votre image est transférée dans le logiciel IMAGEREADY . Voici ce que vous devez obtenir: C'est dans le menu fenêtre que vous aurez la possibilité d'afficher les palettes éventuellement manquantes . On ne présente pas la palette calques.. La palette animation présente les différentes images du mini "film" que vous allez créer (ici , donc une seule image ...pour l'instant!
4) Créons les autres images en cliquant sur l'icône indiquée:
5) Nous obtenons ça:
6) On recommence : IMPORTANT: Pour l'instant chaque image du film est identique à la première : les yeux au milieu.
7)Pourquoi 3 images dans le "film"? image 1 : on va mettre les yeux au milieu point de départ. image2 : on va mettre les yeux à droite image 3 : on va mettre les yeux à gauche fin ( et ça repart au début)
8) On anime ? On ne touche pas à l'image 1 On se met sur l'image 2 de notre palette animation et sur la palette des calques on déplace les yeux pour les mettre à droite :
On se met sur l'image 3 et on place les yeux à gauche.
Nous venons de faire la première étape de notre animation ( milieu ,droite, gauche ) que l'on peut lire en cliquant sur le triangle lire dans la palette animation. C'est un peu saccadé , non? Passons à la deuxième étape!
9)Créons les images intermédiaires entre la 1 et la 2 à l'aide de ceci :
10) Choisir les options Remarque plus on ajoute d'images plus l'animation est fluide... plus on alourdit le poids du fichier ! Il faut savoir ce que l'on veut en faire
11) On obtient ça : Les images 1a,1b,1c,1d,1e, font passer les yeux du milieu à la droite en 5 étapes.
12) Rebelote entre la 2 et la 3 (ici "effet " étant coché inutilement)
13) re-rebelote entre la 3 et la 1 Attention! Bien faire la transition avec l'image n°1. On a donc: 1+5+1+5+1+5 = 18 images
14) Il ne nous reste plus qu'à fixer le temps... Le temps se fixe en cliquant sur le minuscule triangle à côté de 0.000 s Pour prendre toutes images on utilise la touche shift du clavier, cela évite de faire les images une par une!
15) et à enregistrer l'animation Fichier/enregistrer une copie optimisée sous La fenêtre ressemble alors à celle de "enregistrer pour le web" de PHOTOSHOP on peut choisir une perte de qualité d'images qui diminue le poids du fichier mais altère la qualité(comme son nom l'indique!)
Voilà, le tour est joué , notre image est animée!

Il est important de savoir que :

Si l'on modifie un calque sur une des images du "film" celui ci sera modifié dans toutes les images.
Si j'insère un nouveau calque en cours de route il s'insère dans toutes les images du film (car en fait il n'y a qu'une image, celle que l'on faite dans PHOTOSHOP toutes celles du film en sont des copies dont l'aspect change en fonction des calques affichés ou non ).
On peut sélectionner dans les animations plusieurs images en même temps si l'on maintient la touche ctrl du clavier enfoncée (classique)
On peut supprimer les images de l'animation en les glissant/déposant dans la poubelle de la palette animation.

Télécharger le tuto au format PDF

vers tuto 2 , vers tuto 3