[TUTO][IR] Les bases du gif avec Image Ready CS2
![[TUTO][IR] Les bases du gif avec Image Ready CS2 Bases du gif [TUTO][IR] Les bases du gif avec Image Ready CS2](http://oxbow151.free.fr/images/tutos/Images%20titre/Bases-du-gif.gif)
IgloOps de retour avec un nouveau tuto sur les bases du gif ! Cliquez vite sur suite…
C’est n3m3siis de nos forums qui m’a fait la demande pour avoir un tuto sur les GIF. Et comme IgloOps est super sympa et bien voici une chose de faite ! Alors prêt pour animer des créations ?
——————————
Objectif : Apprendre le fonctionnement d’un gif.
——————————-
Un gif est très simple à réaliser. Ce qu’il faut savoir c’est qu’une animation est une succession d’image. Et bien c’est ce que nous allons faire avec des calques !
Nous allons passer la partie sous Photoshop pour passer directement à Image Ready. Le PSD que nous allons importer dans Image Ready est un simple point noir que nous allons déplacer de la gauche vers la droite.
Donc une fois votre création sous photoshop finie, cliquez sur le bouton « Modifier dans ImageReady » situé dans votre palette d’outil tout en bas.
![[TUTO][IR] Les bases du gif avec Image Ready CS2 01 [TUTO][IR] Les bases du gif avec Image Ready CS2](http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20Bases%20du%20gif/01.png)
![[TUTO][IR] Les bases du gif avec Image Ready CS2 02 [TUTO][IR] Les bases du gif avec Image Ready CS2](http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20Bases%20du%20gif/02.png)
Nous allons préparer le terrain pour animer notre point noir. Pour cela faites Fenêtre > Espace de Travail > Position de la palette interactivité.
![[TUTO][IR] Les bases du gif avec Image Ready CS2 03 [TUTO][IR] Les bases du gif avec Image Ready CS2](http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20Bases%20du%20gif/03.png)
Vous pouvez fermer la fenêtre avec les onglets « Tranche,Tableau » car elle ne nous servira pas.
Maintenant, concentrons-nous sur la fenêtre en bas à gauche. C’est ici que la suite d’image va se faire. Il y a déjà un calque avec le point noir dessus. Nous allons créer un deuxième calque en cliquant sur le bouton « Reproduit l’image sélectionnée ».
![[TUTO][IR] Les bases du gif avec Image Ready CS2 04 [TUTO][IR] Les bases du gif avec Image Ready CS2](http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20Bases%20du%20gif/04.png)
Vous devriez avoir deux calques identiques.
![[TUTO][IR] Les bases du gif avec Image Ready CS2 05 [TUTO][IR] Les bases du gif avec Image Ready CS2](http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20Bases%20du%20gif/05.png)
Cliquez sur le deuxième calque. Maintenant, déplacez le point noir à droite. Vous devriez avoir un point noir à gauche sur le premier claque et un à droite sur le deuxième !
![[TUTO][IR] Les bases du gif avec Image Ready CS2 06 [TUTO][IR] Les bases du gif avec Image Ready CS2](http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20Bases%20du%20gif/06.png)
Vérifiez que vous êtes toujours sur le deuxième calque et cliquez sur le bouton trajectoire.
![[TUTO][IR] Les bases du gif avec Image Ready CS2 07 [TUTO][IR] Les bases du gif avec Image Ready CS2](http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20Bases%20du%20gif/07.png)
Réglez sur image précédente et le nombre d’images en sachant que plus d’images il y aura plus le GIF sera fluide, mais plus il sera lourd aussi !
![[TUTO][IR] Les bases du gif avec Image Ready CS2 08 [TUTO][IR] Les bases du gif avec Image Ready CS2](http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20Bases%20du%20gif/08.png)
Voila vous avez un gif animé ! Si vous cliquez en bas sur le bouton lecture, il s’animera ! Maintenant il faut le sauvegarder. Pour ça, repassez sous photoshop en cliquant sur « Modifier dans photoshop »
![[TUTO][IR] Les bases du gif avec Image Ready CS2 09 [TUTO][IR] Les bases du gif avec Image Ready CS2](http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20Bases%20du%20gif/09.png)
Faites Fichier > Enregistrer pour le web
![[TUTO][IR] Les bases du gif avec Image Ready CS2 10 [TUTO][IR] Les bases du gif avec Image Ready CS2](http://oxbow151.free.fr/images/tutos/%5bTUTO%5d%20Bases%20du%20gif/10.png)
Il ne vous reste plus qu’a faire enregistrer en haut et de choisir ou sur le disque dur!
Pour les utilisateurs de Photoshop CS3, cette fonction est directement intégrée ! Il vous suffit de cliquer sur Fenêtre > Animation.
___
Tuto réalisé par Oxbow151
___
![[TUTO][IR] Les bases du gif avec Image Ready CS2 license [TUTO][IR] Les bases du gif avec Image Ready CS2](http://oxbow151.free.fr/images/divers/license.png)
