IgloOps

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.

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

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

Vous devriez avoir deux calques identiques.

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 !

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

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 !

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 »

Faites Fichier > Enregistrer pour le web

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

___

A lire sur le même sujet :

• [TUTO][CS3] Cristalliser une image.
• [TUTO][GIMP] Cristalliser une image
• [TUTO][P.NET] Faire une ombre portée
• [TUTO][GIMP] Faire un reflet
• [TUTO][CS2] Faire un fond à la Windows Vista [PART 2]