How to slow down a gif in photoshop

New Page

Home » Photoshop Tutorials » How to Speed ​​Up or Slow Down a GIF in Photoshop

How to Speed ​​Up or Slow Down a GIF in Photoshop

5549d2b3fc7e837b555967dbc5f2d7c8 5549d2b3fc7e837b555967dbc5f2d7c8By June | Updated August 2, 2021

9 comments

speed gif speed gif

Changing the speed of a gif is probably one of the easiest steps to creating animations in Photoshop. All you have to do is select the frame and choose a speed. 

Whether you want to speed up or slow down the gif, the method is the same, the difference is the number you choose, which represents the speed. 

Before moving on to the detailed steps, keep in mind that if you want to edit an animated gif in Photoshop, you will need the original .psd file. If you try to open an existing .gif file, you will find that you can only see one frame of the animation. 

Once you have the gif in  .psd format, let’s get started.

Step 1: Open the PSD file and open the Animation (Timeline) panel in the top menu Window > Timeline

Note: All screenshots are from Adobe Photoshop CC 2021 Mac version. Windows or other versions may be different. 

speed up-slow-gif4-440x1024 speed up-slow-gif4-440x1024

Le panneau Chronologie ressemble à ceci. Comme vous pouvez le voir, j’ai sept images et sa vitesse est de 0 sec. 

speed up-slow down-gif6 speed up-slow down-gif6

Voici à quoi ressemble le gif en ce moment. Dans les prochaines étapes, je vais vous montrer comment accélérer et ralentir ce gif. 

1TbRTRfp0gZx8l_aYDdjUIj-yEcL4v2XkB7YQZ_2R3OQMDOWlBCtlM0IH_7WpyACaawSLbD_tSHfA3XZ9ON-02vjDeQwq7_7yrG8SsdsKxnwtta1KXvr_CRCeyY46Uqh3j8efdFW 1TbRTRfp0gZx8l_aYDdjUIj-yEcL4v2XkB7YQZ_2R3OQMDOWlBCtlM0IH_7WpyACaawSLbD_tSHfA3XZ9ON-02vjDeQwq7_7yrG8SsdsKxnwtta1KXvr_CRCeyY46Uqh3j8efdFW

Étape 2 – Si vous cliquez sur la case 0 seconde sous chaque image, vous verrez d’autres valeurs numériques, choisissez le nombre pour accélérer ou ralentir votre image. Plus le nombre est élevé, plus la vitesse est faible. 

speed up-slow-gif1 speed up-slow-gif1

Sin demora (0 segundos) es la velocidad más rápida. Si desea ralentizar el gif, puede elegir cualquier valor que no sea Sin demora. Por ejemplo, elegí 0.2 y así es como se ve, un poco más lento que antes.

fa8T9idJ-MUzKXPZEzohZYCecRLPIrxkHgRqnTMadSIyry6KxWcoSG9Mq2TSdC5H9mU4V1n2jeyKHA4eYPCJ6M6Ipbpk372M6kEz242T4bOozkVOIsPbcwtQCTZlEXxzzfIZdzRb fa8T9idJ-MUzKXPZEzohZYCecRLPIrxkHgRqnTMadSIyry6KxWcoSG9Mq2TSdC5H9mU4V1n2jeyKHA4eYPCJ6M6Ipbpk372M6kEz242T4bOozkVOIsPbcwtQCTZlEXxzzfIZdzRb

Nota: tendrás que hacer clic manualmente y seleccionar en cada cuadro para cambiar el valor (velocidad). 

speed up-slow-gif2 speed up-slow-gif2

You can click on the Reproducer button to see the gif and adjust the speed accordingly. 

speed up-slow down-gif3 speed up-slow down-gif3

Por supuesto, también puede seleccionar diferentes velocidades para diferentes marcos. 

speed up-slow down-gif5 speed up-slow down-gif5

Aquí he mezclado 0.2 y 0.5 entre los fotogramas.

XwsiqLtRupkCSXttYgpeNL4uD07MGnfI-i0bLzSW3INIhdqV1ikDrr7wCC2cnsEjO6r1S84dvbeMLIxuYAKc8P8R-OyMpHGef0-3FTUgsU4_CAPugXHUgaSAPKHkSM_cuW5jPo6c XwsiqLtRupkCSXttYgpeNL4uD07MGnfI-i0bLzSW3INIhdqV1ikDrr7wCC2cnsEjO6r1S84dvbeMLIxuYAKc8P8R-OyMpHGef0-3FTUgsU4_CAPugXHUgaSAPKHkSM_cuW5jPo6c

Terminando

Making a gif is all about adding motion to the layers and speed does the motion. You can create a fun gif by manipulating the speed in two quick steps! If you want to learn more about creating animations in Photoshop, check out another fun tutorial for creating gifs that I created.

About June

5549d2b3fc7e837b555967dbc5f2d7c8 5549d2b3fc7e837b555967dbc5f2d7c8

June is an experienced graphic designer specializing in brand design. Photoshop is the essential tool you use every day along with other Adobe programs for your creative work.

Leave a replyCancel reply

Your email address will not be published. Required fields are marked *

Δ

  • c3d131aa3dd427cf62b96568bd625ed9 c3d131aa3dd427cf62b96568bd625ed9

    Emily

    Thanks! helped a lot

    Answer

  • 0b017a0d3c07f463eb32b3d8d723c641 0b017a0d3c07f463eb32b3d8d723c641

    mehboob

    helped, thanks

    Answer

  • 529fb91a7a51450fb3a4634300b45de0 529fb91a7a51450fb3a4634300b45de0

    Bart

    Thank you very much, I really needed it 😉

    Answer

  • c4503a3b8adcc3efa4fb1a858b09c204 c4503a3b8adcc3efa4fb1a858b09c204

    alexander

    But then is there a way to change the time on all images in the same way? I have one which is at 0.03 but I want to change them all but there are 150 frames in total!

    Answer

  • 74b230c32f82ec05ad3c8f79d218e6f9 74b230c32f82ec05ad3c8f79d218e6f9

    jessica

    You can select all images so they are highlighted, click on one of the arrows and change the timing – this will change the timing on all images.

    Answer

  • 3f009d72559f51e7e454b16e5d0687a1 3f009d72559f51e7e454b16e5d0687a1

    Questioner

    What about the frame rate? I set the delay to 0 but it’s still too slow. I know you go to the animation panel and then document something, but I can’t find any of that. I have an open timeline

    Answer

    • 5549d2b3fc7e837b555967dbc5f2d7c8 5549d2b3fc7e837b555967dbc5f2d7c8

      June

      What version of Photoshop are you using? In CS5 you can click on the triangle at the top right of the animation panel, this will then bring up a menu where you can change the document settings. Which allows you to change the frame rate. This option does not seem to be available in CS6. If anyone knows how to change frame rate in CS6, please post an answer.

      Answer

  • 577b87eb8cb3a3764c7ff3bb4faa3ad0 577b87eb8cb3a3764c7ff3bb4faa3ad0

    Rock

    Hello,

    Is it possible to make 2 elements move at different speeds on the same layer?

    Thanks.

    Answer

    • 5549d2b3fc7e837b555967dbc5f2d7c8 5549d2b3fc7e837b555967dbc5f2d7c8

      June

      Hi Peter,

      I’m afraid that’s not possible because the gif is made up of individual layers. If both objects are on the same layer, when you animate, the same effects apply to everything on the same layer.

      Answer


Video How to slow down a gif in photoshop

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…