Adobe Photoshop CS5 est un puissant programme d'édition d'images que vous pouvez utiliser pour créer ou éditer presque tous les types d'images dont vous pourriez avoir besoin. Cependant, Photoshop CS5 est particulièrement apte à créer des images destinées à être mises en ligne, telles qu'une image que vous pourriez mettre sur votre site Web ou que vous voudrez peut-être partager avec vos amis. Un choix d'image populaire est un GIF animé, car il est simple à créer, a du mouvement, mais peut être publié comme une image statique ordinaire. Photoshop propose des outils utiles qui vous permettent de créer un GIF animé dans Photoshop CS5, et vous pouvez même personnaliser votre GIF animé dans Photoshop CS5 pour qu'il respecte les spécifications dont vous avez besoin.
Préparation des cadres pour votre GIF animé dans Photoshop CS5
Un GIF animé dans Photoshop CS5 est en fait cinq images distinctes que vous allez organiser en calques. Chaque calque va représenter un cadre de votre image, donc chaque cadre doit être légèrement différent pour aider à indiquer qu'il y a une action ou un mouvement qui se produit dans votre GIF animé. Pour les besoins de ce didacticiel, je vais créer un GIF animé dans Photoshop CS5 d'une étoile qui se déplace sur un fond noir. Le GIF animé sera composé de cinq images différentes, dans lesquelles l'étoile se trouve à un emplacement légèrement différent dans chaque image. Les images séparées ressemblent à ceci :
Par souci de simplicité, j'ai étiqueté les images comme 1.gif, 2.gif, 3.gif, 4.gif et 5.gif, ce qui m'aidera à me souvenir de l'ordre dans lequel je veux les afficher. Chaque image est de la même taille, 100×100 pixels.
Pour commencer à créer un GIF animé dans Photoshop CS5, vous pouvez maintenant lancer Photoshop, cliquez sur Déposer en haut de la fenêtre, cliquez sur Nouvelle, puis définissez la taille de votre image. Une fois vos paramètres d'image définis, cliquez sur le bouton d'accord bouton pour créer votre toile vierge.
La prochaine chose à faire est d'ouvrir le dossier contenant les images que vous allez inclure dans votre GIF animé dans Photoshop CS5. Notez que vous ouvrez le dossier dans l'Explorateur Windows, PAS avec le Ouvert commande dans Photoshop. L'Explorateur Windows est le programme que vous utilisez pour parcourir les dossiers et les fichiers de votre ordinateur, et vous pouvez le lancer en cliquant sur l'icône du dossier dans la barre des tâches en bas de l'écran de votre ordinateur. Une fois le dossier contenant vos images ouvert, maintenez la touche CTrl de votre clavier enfoncée pour sélectionner toutes les images puis faites-les glisser vers le canevas Photoshop CS5.
Cela changera votre toile pour afficher l'un de vos cadres avec un X dessus, comme dans cette image :
Lorsque vous voyez ceci, appuyez sur Entrer sur votre clavier pour insérer chaque image en tant que calque dans Photoshop. Une fois toutes les images ajoutées, votre Couches La fenêtre sur le côté droit de Photoshop devrait ressembler à ceci.
Notez que l'image que vous souhaitez afficher comme dernière image de votre GIF animé doit être le calque le plus haut. Si vos calques sont dans le mauvais ordre, vous pouvez simplement les faire glisser dans le Couches fenêtre jusqu'à ce qu'ils soient dans le bon ordre.
Maintenant, vous devez ouvrir le Animation fenêtre, que vous pouvez faire en cliquant sur le Fenêtre en haut de Photoshop, puis en cliquant sur le Animation option. le Animation La fenêtre s'ouvrira comme une fenêtre horizontale au bas de Photoshop.
Cliquez sur le bouton dans le coin supérieur droit de la Animation fenêtre (le bouton ressemble à une flèche orientée vers le bas à côté de 4 lignes horizontales), puis cliquez sur le bouton Créer des cadres à partir de calques option.
Cliquez sur la flèche orientée vers le bas à droite de 0 s et sous l'un de vos cadres dans le Animation fenêtre, puis sélectionnez la durée d'affichage de ce cadre dans votre GIF animé. Répétez cette étape pour chaque cadre de votre image. j'aime choisir 1.0 pour la durée des images dans de nombreux GIF animés dans Photoshop CS5, mais essayez différentes durées jusqu'à ce que vous trouviez celle qui vous convient le mieux.
Vous pouvez également spécifier combien de fois le GIF animé doit parcourir toutes ses images en cliquant sur le bouton Toujours menu déroulant en bas de la Animation la fenêtre. j'utilise Toujours comme option pour le GIF animé à la fin de cet article, ce qui signifie que le GIF animé défilera continuellement jusqu'à ce que vous quittiez cette page.
Vous avez maintenant terminé de créer votre GIF animé dans Photoshop CS5, vous devez donc l'enregistrer. Cliquez sur Déposer en haut de la fenêtre, puis cliquez sur Enregistrer pour le Web et les appareils. Cliquez sur le menu déroulant dans le coin supérieur droit de la fenêtre pour choisir le GIF option, puis cliquez sur le Sauvegarder bouton en bas de la fenêtre.
Tapez un nom pour votre fichier dans le Nom de fichier champ, puis cliquez sur le Sauvegarder bouton. Vous pouvez ensuite double-cliquer sur l'image créée dans votre dossier pour lancer le GIF animé et voir ce que vous avez créé. Vous trouverez ci-dessous mon exemple de GIF animé dans une image Photoshop CS5.
