Avec un peu de pratique et de patience, vous pouvez apprendre à animer dans Photoshop et transformer votre travail en GIF à partager en ligne. Les outils d'animation de Photoshop^(Photoshop) sont souvent inconnus, mais ils valent la peine d'être appris. Nous vous guiderons à travers chaque étape nécessaire pour apprendre à animer dans Photoshop .

Comme la plupart des outils d'animation, vous devrez créer chaque image en tant qu'images distinctes. Vous devrez donc prévoir du temps pour créer chaque image manuellement, surtout si vous envisagez de créer une animation compliquée.

Commencez par créer vos images d'animation dans Photoshop^{(Start By Making Your Animation Frames In Photoshop)}

Pour commencer, vous devrez enregistrer une image distincte pour chacun des cadres que vous prévoyez d'utiliser. C'est à vous de décider de la complexité de votre animation, mais pour ce test, nous allons créer un logo animé simple.

L'astuce pour apprendre à animer dans Photoshop est de faire de petits mouvements et d'enregistrer une nouvelle photo à chaque fois que vous faites un mouvement. Chaque mouvement doit avoir le même poids. Par exemple, si vous souhaitez qu'une ligne de texte glisse sur l'écran, chaque cadre doit déplacer le texte du même nombre de pixels afin que l'animation soit fluide.

Si vous ne savez pas comment vous rendre du point A au point B dans votre animation, commencez par l'image de fin, puis créez la première image. Enfin, remplissez les cadres intermédiaires.

Lorsque vous enregistrez chaque image, nommez-les numériquement afin de ne pas vous tromper avec leur position.

Comment animer une séquence d'images dans Photoshop^{(How To Animate a Sequence Of Images In Photoshop)}

Une fois que vous avez vos images image par image, il est temps de les transformer en animation. Assurez^(Make) -vous de suivre attentivement les étapes ci-dessous.

1. Cliquez sur Fichier^(File) , Cliquez sur Scripts , puis cliquez sur Charger les fichiers dans la pile..^{( Load Files Into Stack..)}
2. Cliquez sur Parcourir…^{(Browse… )} et sélectionnez toutes vos images pour votre animation.
3. Cliquez sur OK et attendez que les images se chargent dans des calques séparés.
4. Cliquez sur Fenêtre^(Window) puis sur Chronologie^(Timeline) pour ouvrir la fenêtre d'animation.
5. Cliquez sur la flèche déroulante^{(dropdown arrow)} dans le panneau de montage et sélectionnez Créer une animation^{(Create Frame Animation)} d'image .
6. Cliquez sur Créer une animation d'image^{(Create Frame Animation)} . 

Vous aurez maintenant une couche dans votre chronologie. L'étape suivante consiste à transformer chacun de vos calques en un nouveau cadre. Suivez les étapes ci-dessous.

1. Cliquez sur Sélectionner^{( Select )} en haut, puis cliquez sur Tous les calques.^{(All Layers.)}
2. Cliquez sur l' icône du menu à trois piles^{( three stack menu icon)} sur le côté gauche du panneau de la chronologie.
3. Dans le menu qui s'affiche, cliquez sur Créer un nouveau calque pour chaque nouvelle image^{(Create New Layer for Each New Frame)} .
4. Cliquez sur l' icône du menu à trois piles^{( three stack menu icon)} et cliquez maintenant sur Créer des cadres à partir de calques^{(Make Frames From Layers)} .

Vous aurez maintenant toutes vos images chargées dans des cadres séparés. La tâche suivante consiste à choisir une durée de lecture de chaque image. Cela peut prendre quelques tests pour obtenir la bonne vitesse, mais vous pouvez choisir le temps d'image pour chaque image individuelle en cliquant sur la flèche sous chaque image^{(the arrow under each frame )} à côté du texte 0 sec .

Vous pouvez expérimenter différentes heures, mais il est préférable de commencer par choisir la même heure à chaque image. Si une animation contient différentes scènes ou phases d'animation, vous pouvez ajuster les minutages pour chacune de ces phases/scènes individuellement.

À tout moment, vous pouvez cliquer sur le bouton de lecture pour afficher l'animation. Il existe également un certain nombre d'autres commandes dans la fenêtre de la chronologie, que nous avons expliquées de gauche à droite ci-dessous.

Changement de chronologie^{(Timeline Switch)}

Basculez la chronologie entre une chronologie image par image et une chronologie de film traditionnelle.

Quantité de lecture^{(Playback Amount)}

Modifiez^(Change) si l'animation est lue indéfiniment ou pendant un certain nombre de boucles avant de s'arrêter. Cela aura un impact sur le résultat final une fois qu'il sera enregistré en tant que GIF . Vous pouvez à nouveau modifier ce paramètre avant d'exporter l'animation ultérieurement.

Liste déroulante de lecture^{(Playback Dropdown)} 

La flèche déroulante que vous voyez sur les commandes de la chronologie est une autre méthode pour accéder à la quantité de lecture.

Commandes de lecture^{(Playback Controls)}

Jouez^(Play) , mettez en pause, arrêtez et sautez l'animation jusqu'à la fin ou au début avec les quatre commandes de lecture disponibles.

Interpolation^(Tween)

Utilisez la fonction Tween pour générer des images "intermédiaires" afin de rendre votre animation plus fluide. La fonction Tween sera expliquée plus en détail ci-dessous.

Cadre dupliqué^{(Duplicate Frame)}

Ce bouton dupliquera n'importe quelle image actuellement sélectionnée et la placera dans la chronologie après l'original.

Supprimer le cadre^{(Delete Frame)}

Cette option supprimera tout cadre sélectionné.

Comment exporter votre animation Photoshop^{(How To Export Your Photoshop Animation)}

Une fois que vous êtes satisfait de votre animation Photoshop , vous pouvez l'exporter en suivant les étapes ci-dessous.

1. Cliquez sur Nouveau^(New) .
2. Cliquez sur Exporter^(Export) , puis sur Enregistrer pour le Web (hérité)…^{(Save for Web (Legacy)…)}
3. Si vous avez une animation avec des couleurs détaillées, sélectionnez GIF 128 Dithered sous la liste déroulante prédéfinie.
4. Si vous avez une animation avec des couleurs de bloc simples, choisissez GIF 128 No Dither .
5. Assurez^(Make) -vous que votre option préférée est définie dans les options de bouclage^{(Looping Options)} en bas. 
6. Enfin, cliquez sur Enregistrer…^(Save…) et choisissez un emplacement pour enregistrer votre GIF sur votre PC.

Comment rendre une animation fluide dans Photoshop^{(How To Make An Animation Smooth In Photoshop)}

À moins que vous ne soyez expérimenté dans la création d'animations image par image, le résultat final peut sembler un peu saccadé. Heureusement, vous pouvez utiliser la fonction Tween pour combler automatiquement les lacunes de votre animation afin de rendre les choses plus fluides.

Pour ce faire, maintenez la touche Maj^(shift) enfoncée, cliquez sur deux images individuelles dans la fenêtre de la chronologie, puis cliquez sur l' icône Tween^{(Tween icon)} . Ensuite, cliquez pour choisir si le paramètre Interpolation^(Tween) utilisera la position, l'opacité^{(position, opacity)} ou les effets^(effects) . Pour la plupart des animations basées sur le mouvement, vous voudrez utiliser position . 

Assurez-vous que Tous les calques^{(All Layers)} sont sélectionnés, puis cliquez sur OK . Répétez ce processus pour chaque cadre apparié. Par exemple les images 1 et 2, puis les images 3 et 4, et ainsi de suite.

Résumé^(Summary)

Nous espérons que notre guide sur la façon d'animer dans Photoshop vous a aidé. Si vous avez besoin d'aide supplémentaire, n'hésitez pas à laisser un commentaire ci-dessous.

How To Animate An Image In Photoshop

With some prаctice and patience, you can learn how to animate in Рhotoshop and turn your work into a GIF to share online. Photoshop’s animation tools are often unknown but they’re well worth learning. We will be taking you through each step necessary to learn how to animate in Photoshop.

Like most animation tools, you’ll need to create each frame as separate images, so you’ll need to set aside some time to create each frame manually, especially if you plan to make a complicated animation.

Start By Making Your Animation Frames In Photoshop

To begin with, you’ll need to save a separate image for each of the frames you plan to use. It’s up to you how complex you want to make your animation, but for this test we’ll be creating a simple animated logo.

The trick for learning how to animate in Photoshop is to make small movements and save a new photo each time you make a movement. Each movement should have the same weight to it. For example, if you want a line of text to slide across the screen, each frame should make the text move the same number of pixels so the animation looks smooth.

If you’re not sure how you can get from point A to B in your animation, start with the end frame first, then create the first frame. Finally, fill in the frames in between.

As you save each image, name them numerically so that you don’t get confused with their position.

How To Animate a Sequence Of Images In Photoshop

Once you have your frame-by-frame images it’s time to turn them into an animation. Make sure to follow the steps below carefully.

1. Click File, Click Scripts, then click Load Files Into Stack..
2. Click Browse… and select all of your frames for your animation.
3. Click OK and wait for the images to load into seperate layers.
4. Click Window and then Timeline to open the animation window.
5. Click the dropdown arrow in the timeline panel and select Create Frame Animation.
6. Click Create Frame Animation. 

You will now have a layer in your timeline. The next step is to turn each of your layers into a new frame. Follow the steps below.

1. Click Select at the top and then click All Layers.
2. Click the three stack menu icon on the left side of the timeline panel.
3. In the menu that appears, click Create New Layer for Each New Frame.
4. Click the three stack menu icon and now click Make Frames From Layers.

You will now have all of your images loaded into separate frames. The next task is to choose a time for how long each frame will play. It may take some testing to get the right speed, but you can choose the frame time for each individual frame by clicking the arrow under each frame next to the 0 sec text.

You can experiment with different times, but it’s best to start by choosing the same time with each frame. If an animation contains different scenes or phases of animation, you may want to adjust the timings for each of those phases/scenes individually.

At any time you can click the play button to view the animation. There are a number of other controls on the timeline window too, which we have explained from left to right below.

Timeline Switch

Switch the timeline between a frame-by-frame timeline and a traditional movie timeline.

Playback Amount

Change whether the animation plays forever or for a certain number of loops before stopping. This will impact the end result once it is saved as a GIF. You can change this setting again before you export the animation later.

Playback Dropdown 

The dropdown arrow you see on the timeline controls is another method for accessing the playback amount.

Playback Controls

Play, pause, stop, and jump the animation to the end or the beginning with the four available playback controls.

Tween

Use the Tween feature to generate “in-between” frames to make your animation look smoother. The Tween feature will be explained in more detail below.

Duplicate Frame

This button will duplicate any currently selected frame and will place it in the timeline after the original.

Delete Frame

This option will delete any selected frame.

How To Export Your Photoshop Animation

Once you’re happy with your Photoshop animation, you can export it by following the steps below.

1. Click New.
2. Click Export and then click Save for Web (Legacy)…
3. If you have an animation with detailed colors, select GIF 128 Dithered under the preset dropdown.
4. If you have an animation with simple block colors, choose GIF 128 No Dither.
5. Make sure you have your preferred option set in the Looping Options at the bottom. 
6. Finally, click Save… and choose a place to save your GIF on your PC.

How To Make An Animation Smooth In Photoshop

Unless you’re experienced at making frame by frame animation, the end result may look a little jolty. Thankfully you can use the Tween feature to fill in the gaps automatically in your animation to make things look smoother.

To do this, hold the shift key, click two individual frames in the timeline window, and click the Tween icon. Next, click to choose whether the Tween setting will use position, opacity, or effects. For most movement-based animations, you’ll want to use position. 

Make sure All Layers are selected and then click OK. Repeat this process for each paired frame. For example frame 1 and 2, then frame 3 and 4, and so on.

Summary

We hope that our guide on how to animate in Photoshop has helped. If you need any more help, feel free to leave a comment below.

Related posts

• Comment supprimer ou remplacer un arrière-plan dans Photoshop

• Comment blanchir les dents dans Photoshop

• Comment se fondre dans Photoshop

• Comment plumer et flouter dans Photoshop

• Comment découper un objet dans une image dans Photoshop CC

• Comment voir les pages et les fichiers en cache depuis votre navigateur

• Comment ajouter une bordure dans Photoshop

• Comment ouvrir des fichiers DDS dans Windows 10

• Comment protéger un PDF par mot de passe pour le garder en sécurité

• Comment utiliser Photoshop Remplacer la couleur pour l'édition créative

• Comment mettre à jour Raspberry Pi

• Comment supprimer le dossier Windows.old dans Windows 7/8/10

• Comment mesurer la distance dans Photoshop

• Comment changer de visage dans Photoshop

• Comment construire votre propre ordinateur portable

• 7 conseils techniques d'optimisation SEO pour n'importe quel site Web

• Comment effectuer un test de stress CPU

• Comment ouvrir un fichier verrouillé lorsqu'un autre programme l'utilise

• Comment faire pivoter du texte et des images dans Photoshop

• Comment décrire le texte dans Photoshop