Créer un GIF animé dans Photoshop CS5
Cet article vous guidera à travers les étapes nécessaires pour créer des GIFs animés à l'aide de Adobe Photoshop, en se concentrant sur les versions CS3 et supérieures, avec une attention particulière pour Photoshop CS5.
Comprendre les GIFs animés
Un GIF animé, tout comme l'animation traditionnelle, est composé d'une séquence d'images statiques qui sont jouées afin de construire l'apparence du mouvement. Vous pouvez examiner les images individuelles qui constituent l'animation en faisant glisser un GIF depuis Internet vers Photoshop.
Le terme GIF fait référence au format d'échange graphique. Il consiste en une succession d'images ou de photos qui sont lues afin de donner l'apparence d'une brève vidéo dans un fichier image. Dans la plupart des cas, le nombre de tons de couleur dans un GIF est limité à 256.
Les fichiers GIF sont fréquemment utilisés par les spécialistes du marketing numérique pour transmettre leurs pensées, produits ou solutions sous forme de dessins animés ou de publicités accrocheurs en raison de leur aspect visuel. La création d'un drapeau animé, par exemple, répondra mieux aux besoins promotionnels de votre entreprise.
Préparation du document Photoshop
Pour commencer, vous aurez besoin d'un ensemble d'images et de Photoshop. Il est important de configurer la taille et la résolution de votre document Photoshop avant de commencer. Permettre à la taille de vos photos ou vidéos de déterminer la taille de vos documents lors de la création d'un GIF partagé pour vos contacts sur les réseaux sociaux peut entraîner un fichier plus volumineux que ce dont vous avez vraiment besoin, ce qui entraînera un GIF de mauvaise qualité.
Pour les documents destinés au web, il est recommandé de créer un nouveau document en RVB avec une résolution de 72 pixels par pouce.
Méthode 1 : Créer des GIFs clignotants
Cette méthode concerne les GIFs qui alternent plusieurs images sans transitions intermédiaires, passant directement d'une image à l'autre.
Étape 1 : Création des calques
Créez vos deux calques qui vont s'alterner. Par exemple, un calque violet et un calque orange.
Étape 2 : Ouverture de la fenêtre d'Animation
Allez dans le menu Fenêtre, puis cliquez sur Animation. Une nouvelle fenêtre apparaîtra sous votre document.
Étape 3 : Création de nouvelles images d'animation
Cliquez sur l'icône pour créer une nouvelle image de l'animation.
Étape 4 : Ajustement de la visibilité des calques
Pour que votre calque orange apparaisse sur la seconde image, cachez le calque violet en cliquant sur l'icône de l'œil, afin que ce soit le calque du dessous qui soit visible.
Étape 5 : Lecture et ajustement de l'animation
Vous pouvez maintenant lancer votre animation en utilisant le bouton de lecture. Modifiez les temps d'apparition de chaque image pour obtenir l'effet souhaité.
Étape 6 : Enregistrement du GIF
Une fois que votre animation vous plaît, enregistrez-la. Allez dans Fichier, puis Enregistrer pour le web et les périphériques.... Assurez-vous d'enregistrer au format GIF.
Si votre animation est ralentie, votre document est probablement trop lourd. Jouez avec la jauge "aligner sur le Web" pour l'alléger. Notez que plus vous irez vers 100%, moins votre image aura de nuances de couleur. Trouvez le juste milieu.
Dans l'encadré "Format", choisissez GIF, puis cliquez sur Enregistrer.
Méthode 2 : Création d'animations plus complexes
Cette section détaille les étapes pour créer des animations plus élaborées, notamment en utilisant la fenêtre Chronologie.
Étape 1 : Chargement des images dans la pile
Au lieu de faire glisser chaque image dans votre document une par une, utilisez l'outil Charger les fichiers dans la pile. Allez dans Fichier, puis Scripts, et sélectionnez Charger les fichiers dans la pile. Choisissez l'option Parcourir dans la fenêtre qui s'ouvre pour sélectionner tous les fichiers nécessaires. Sélectionnez Ouvrir puis OK.
Étape 2 : Ouverture de la fenêtre Chronologie
Lancez la fenêtre Chronologie en sélectionnant Fenêtre > Chronologie dans la barre de menus. Un panneau apparaîtra dans le tiers inférieur de la toile.
Étape 3 : Création d'une animation d'image
Votre premier cadre sera créé, composé de tous les calques visibles de votre document. Dans la chronologie, sélectionnez l'option Créer une animation d'image. La vue Chronologie sera remplacée par une forme image par image.
Étape 4 : Création d'images clés et ajustement des calques
Vous devrez être capable de créer des images clés jusqu'à ce que vous puissiez commencer à animer des choses. Vous pouvez créer l'animation individuellement image par image si vous n'avez pas organisé les photos fixes à l'avance ou si vous devez ajuster des éléments. Sélectionnez Créer un nouveau calque pour chaque image dans le menu déroulant.
Étape 5 : Détermination de la durée de lecture
Une fois que vous avez terminé les images de base, déterminez la durée de lecture de chaque image. Sélectionnez l'image que vous souhaitez modifier, cliquez sur la flèche et choisissez l'heure dans le menu déroulant. Le paramètre par défaut est de 0 seconde, il faut donc le modifier. Pour commencer, choisissez 0.2 ou 0.5 seconde.
Étape 6 : Configuration des options de bouclage
Vérifiez si votre image doit se répéter plus d'une fois. Configurez les options de bouclage disponibles sous la chronologie. Plusieurs options prédéfinies sont disponibles, et vous pouvez en personnaliser.
Étape 7 : Prévisualisation de l'animation
Prévisualisez votre animation en cliquant sur le bouton de lecture dans le panneau d'outils de la fenêtre de la chronologie. Assurez-vous que votre animation est crédible et se comporte correctement. Si ce n'est pas le cas, essayez de retarder ou d'ajouter plus d'images.
Étape 8 : Exportation du GIF final
Avant toute chose, n'oubliez pas d'enregistrer votre fichier PSD de travail. Pour enregistrer votre GIF final, accédez à Fichier > Exporter > Enregistrer pour le Web (hérité).
Dans Photoshop Elements, vous pouvez créer des GIFs animés en dessinant chaque image de l'animation sur son propre calque, puis en assemblant les images avec la commande Enregistrer pour le Web.
Photoshop : Créer un GIF animé à partir d'un fichier vidéo
tags: #gif #anime #dans #photoshop #cs5