[Apprenti] (Photoshop 7.0) Gif animé

Bonjour à toutes et à tous,

Voici mon premier tutoriel. C'est un tutoriel pour débutant car je suis moi-même débutante sur photoshop et que j'ai souhaité détailler un maximum de manipulations qui paraissent évidentes lorsqu'on les connaît mais vous bloquent lorsqu'elles vous sont étrangères. Par exemple, copier une image pour obtenir un calque.

Gif animé avec Photoshop 70.

A l'ouverture de Photoshop 7.0, vous obtenez :


Nous allons ouvrir les images qui serviront à la réalisation de ce gif. Auparavant, je les ai classées dans un dossier sur mon bureau afin de les trouver rapidement.
Deux façons d'ouvrir vos images :

La première façon : Vous allez dans le menu "Fichier" et vous faites "Ouvrir" vous sélectionnez les images à ouvrir.


La seconde façon, la façon Idjya, par les raccourcis : vous avez votre dossier d'images ouvert (vous l'apercevez en bas de l'écran à côté de Adobe Photoshop) Vous vous positionnez sur la première image, vous maintenez appuyée la touche Shift enfoncée (ou Majuscule) et vous descendez jusquà la dernière image où vous faites un clic droit de la souris. L'ensemble de vos images est sélectionné. Vous les déplacez sur l'espace de travail de Photoshop


Vos images pour le gif apparaissent sur l'espace de travail.


J'ai vérifié que mes images étaient bien en RVB en ouvrant le menu "Images" puis "Mode"

Nous allons redimensionner les images. Pour ce faire, deux méthodes

La première méthode par les menus : "Images" vous descendez "Taille de l'image"


J'ai mis une taille de 400 x 300 pixels car j'ai beaucoup d'images. De images plus grandes auraient été plus longues à charger.


La seconde méthode par les raccourcis : Vous sélectionnez une image, c'est-à-dire que vous vous positionnez sur l'image que vous souhaitez redimensionner et vous cliquez dessus. Vous constatez que la couleur, ici bleue, au-dessus de l'image est devenue plus foncée. Clic droit de la souris, apparaît un menu contextuel, vous choisissez "Taille de l'image"


Toutes les images ont été redimensionnées


Pour mon confort personnel, je préfère lorsque les images sont toutes visibles et rangées dans l'ordre d'utilisation.
J'ouvre le menu "Fenêtre" puis "Documents" et enfin "Juxtaposer".

Le logiciel juxtapose les images dans un ordre aléatoire, je les ai donc rangées dans l'ordre d'utilisation pour faciliter la création du gif.



Création du gif animé

Ce sont les fameux calques qui arrivent. Nous allons faire glisser toutes les images sur l'image 1. Pour ce faire, je vous ai déplacé l'image 1 pour que vous visualisiez bien ce qui se passe.

Je sélectionne l'image 2 en cliquant dessus

Par le menu "Sélection" ,"Tout sélectionner" Par les raccourcis : CTRL + A

Par le menu "Edition", "Copier". Par les raccourcis : CTRL + C

Nous allons nous déplacer maintenant sur l'image 1.
Par le menu "Edition", "Coller". Par les raccourcis : CTRL + V


Et vous constatez que notre calque est créé.

Nous répétons cette opération jusqu'à épuisement complet des images. Au fur et à mesure, je réduis mes images

Création du calque 2


Création du calque 3


Jusqu'à la création du dernier calque, on aperçoit en bas de l'espace de travail mes images réduites.


Toutes mes images ont été transformées en calques. Je vais sur "Image Ready" Se trouve en bas de la "Boîte à outils" ou par les raccourcis CTRL + SHIFT (ou majuscule) + M

Image Ready

Voilà ce que vous apercevez lorsque vous avez basculé sur Image Ready


Nous allons Insérer toutes nos images ou calques sur la barre d'animation qui se trouve en bas à gauche. Afin que vous la visualisiez mieux je l'ai déplacée.
Cliquez sur l'icône "Reproduit l'image sélectionnée" qui se trouve en bas (à côté de la poubelle). Personnnellement, je clique sur "Reproduit l'image sélectionnée" autant de fois que j'ai de calques


Sur mes calques, je déselectionne l'oeil.


Pour n'avoir que le premier calque de visible

Image Ready suite


Nous allons ensuite Insérer les bonnes images dans l'animation. Dans la barre d'animation, je me positionne sur l'image, ici la 2, et sur les calques je remets l'oeil. Ce qui a pour effet d'insérer la bonne image au bon endroit.


Et ainsi de suite jusqu'à la dernière image


Il convient de régler la vitesse


Vous pouvez faire un aperçu, ce qui vous permet de rectifier si la vitesse est trop rapide ou pas assez. Ici, 0.5 était trop lent, j'ai rectifié et mis 0.2 et pour la dernière 0.1


Enregistrez : Menu "Fichier", "Enregistrez une copie optimisée" ou raccourcis : CTRL + ALT + S

Suite et fin  




Voici le résultat :


C'est terminé ! Si vous avez des questions, n'hésitez pas à les poser à la suite de ce tutoriel.

Je tiens à remercier LiliSims, Frof, Gogo et Bouckie.   J'espère que vous vous amuserez bien à créer des gifs animés.

Bonne création.

Merci Miss!

Super Miss, en plus j'ai découvert grâce à toi la fonction juxtaposer

Ouah ! C'est un tuto sacrément complet !!!

Félicitions pour cette création !

EDIT : on message a été supprimé