Create a Spinning Animated GIF Preloader | Photoshop CC


You don’t need to have any 2D animation software to create a spinning preloader. If you use Photoshop, you’re good to go.

In this video, I will show you how to create a spinning preloader using the timeline in Photoshop.

To create the additional preloaders at the end of the video, click here:

Check out and subscribe there to get free updates.

For any requests, you can send me an email to

Want to learn Photoshop from scratch? Click here:


Xem thêm bài viết khác:

35 thoughts on “Create a Spinning Animated GIF Preloader | Photoshop CC

  1. Great tutorial: ALSO IMPORTANT: If you can't see the transform tab in your timeline you will need to convert layer to Smart Object then you can animate the rotation (and other transformations).

  2. hey, every-time i export GIF file then exportable result is blurry, not sharpen edge. do you have any solution?

  3. I cannot see the transform key, just the position in PS 2020. The funniest tutorial I ever saw btw.

    Edit The layer must be converted to a smart object.

  4. Ur class awesome … Every1 using dis class 15 or 25 minutes 😂😂 and Im casting huge thanks 😍

  5. I actually replayed the part where he said, "save it anywhere you like, I don't care" several times just to make sure I heard correctly. LOL.

  6. take this video off.. steps no longer work in the current photoshop version.. specifically in the timeline options

  7. Great video, but I had to manually move the rotation point to the center of the original circle for the original and second position. But the rotation point does not stay there and instead it moves with the rotation point in the center of the half circle, rather than the original full circle. Does anybody have any pointers? I love the simplicity of it otherwise.

  8. Hello! This video is super helpful, thank you 🙂 I'd love to see the tutorial on how you made the gradient loading graphic (I'm trying to achieve something similar). Thanks for your help!

  9. This was hilarious and helpful. I couldn't figure out what I was doing wrong. Converting to a smart object did the trick! Thank you so much!!!

  10. How would I go about doing this if I had a square that I wanted to rotate 360 degrees horizontally? In this video the circle is rotating vertically

  11. I don't see the things in timeline panel as shows in this screen. As showing here Ellipse 1. These are blank in my side.

  12. Amazing video well is done, you explained it well and easy to follow along. I would like to learn how to do the fading and the crawl effects I think I heard it mentioned way. There's another style, similar but different I assume, I'm wondering If they're the same as the fading effect I wanted to learn how to do this one as well If I add a link? You take a look at the link to see what kind I described and help me solve the mystery on how to make this. Please & Thanks.

Leave a Reply

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