[TUTO][IR] Les bases du gif avec Image Ready CS2

Bases du gif [TUTO][IR] Les bases du gif avec Image Ready CS2

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.

01 [TUTO][IR] Les bases du gif avec Image Ready CS2
02 [TUTO][IR] Les bases du gif avec Image Ready CS2

Nous allons préparer le terrain pour animer notre point noir. Pour cela faites Fenêtre > Espace de Travail > Position de la palette interactivité.

03 [TUTO][IR] Les bases du gif avec Image Ready CS2

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 ».

04 [TUTO][IR] Les bases du gif avec Image Ready CS2

Vous devriez avoir deux calques identiques.

05 [TUTO][IR] Les bases du gif avec Image Ready CS2

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 !

06 [TUTO][IR] Les bases du gif avec Image Ready CS2

Vérifiez que vous êtes toujours sur le deuxième calque et cliquez sur le bouton trajectoire.

07 [TUTO][IR] Les bases du gif avec Image Ready CS2

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 !

08 [TUTO][IR] Les bases du gif avec Image Ready CS2

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 »

09 [TUTO][IR] Les bases du gif avec Image Ready CS2

Faites Fichier > Enregistrer pour le web

10 [TUTO][IR] Les bases du gif avec Image Ready CS2

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

___

license [TUTO][IR] Les bases du gif avec Image Ready CS2


Me tenir au courant des nouveaux commentaires pour cet article

More in Logiciels, Web (28 of 105 articles)