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 dayj@2-minutedesign.com

Want to learn Photoshop from scratch? Click here:

Nguồn: https://katieeliselambert.com

Xem thêm bài viết khác: https://katieeliselambert.com/giai-tri/

Article Categories:
Giải Trí

All Comments

  • 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).

    GPPS May 31, 2020 1:59 pm Reply
  • Thank you so much

    JoeL May 31, 2020 1:59 pm Reply
  • hey, every-time i export GIF file then exportable result is blurry, not sharpen edge. do you have any solution?

    jack pithva May 31, 2020 1:59 pm Reply
  • Short yet informative video. Thanks! 🙂

    Jisoo Kim May 31, 2020 1:59 pm Reply
  • thx i will use this

    Gsus Christ May 31, 2020 1:59 pm Reply
  • great job!! keep up the great work!!

    Kai Buskirk May 31, 2020 1:59 pm Reply
  • 1:59 "save it whatever you like i dont care" <- such a tsudare way of say it

    Lord Meric May 31, 2020 1:59 pm Reply
  • 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.

    Stephen S May 31, 2020 1:59 pm Reply
  • Great

    asif changazi May 31, 2020 1:59 pm Reply
  • excellent tutorial. Nice and fast and to the point. Made me subscribe.

    Linda Colquhoun May 31, 2020 1:59 pm Reply
  • Ur class awesome … Every1 using dis class 15 or 25 minutes 😂😂 and Im casting huge thanks 😍

    Sidheek Sabeelas May 31, 2020 1:59 pm Reply
  • 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.

    flyingbrokenarrow May 31, 2020 1:59 pm Reply
  • take this video off.. steps no longer work in the current photoshop version.. specifically in the timeline options

    IIIlllBravo May 31, 2020 1:59 pm Reply
  • If it doesn't work CONVERT TO SMART OBJECT and then it should work.

    Jason Stewart May 31, 2020 1:59 pm Reply
  • "Save it anywhere I dont care" LOL

    KurlieDino May 31, 2020 1:59 pm Reply
  • how do you do the fade effects and the coming soon wheel page?

    Kyle Parsotan May 31, 2020 1:59 pm Reply
  • 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.

    catherine chandler May 31, 2020 1:59 pm Reply
  • i tried this too many times. cant make work it 🙁

    Ariel Chavez May 31, 2020 1:59 pm Reply
  • Excellent

    Romanchokor রোমাঞ্চকর May 31, 2020 1:59 pm Reply
  • how to save smart object?

    Genus May 31, 2020 1:59 pm Reply
  • How do you rotate the semi-circle? I'm having hard time doing figuring it out.

    Abel Ghebremicael May 31, 2020 1:59 pm Reply
  • Thanks pro!

    Tuấn Anh May 31, 2020 1:59 pm Reply
  • 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!

    Sylvie Leveiller May 31, 2020 1:59 pm Reply
  • 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!!!

    Mary Baker May 31, 2020 1:59 pm Reply
  • Great one need more like this

    mohammed Murshid May 31, 2020 1:59 pm Reply
  • 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

    David Picarazzi May 31, 2020 1:59 pm Reply
  • You're awesome!

    Victoria DeAngelis May 31, 2020 1:59 pm Reply
  • Could you list keyboard shortcuts to how you rotated it?

    Mr. Blocky May 31, 2020 1:59 pm Reply
  • 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.

    Abhishek Deb May 31, 2020 1:59 pm Reply
  • 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.

    Unpopular Opinion May 31, 2020 1:59 pm Reply
  • Yes I want to know how you did the others fx! you rock!

    Xzyl2Me May 31, 2020 1:59 pm Reply
  • Hello, I need to create a pulsing icon…can you do a ut for tha or send a PM THx!

    Hector Gonzalez May 31, 2020 1:59 pm Reply
  • Love your humor, and your work is awesome!!!

    JoeAnna T. Brooks May 31, 2020 1:59 pm Reply
  • simple, direct, clear, perfect

    Celebrate Life May 31, 2020 1:59 pm Reply
  • My object rotates 180 degrees clockwise, then 180 degrees counterclockwise. I can't figure out what I'm doing differently.

    Tyler Tylerson May 31, 2020 1:59 pm Reply
  • cannot see transform option in timeline 🙁 – i have position, style, opacity,

    Shalini Singh May 31, 2020 1:59 pm Reply
  • you are great!

    Mohammad Shohel Chy May 31, 2020 1:59 pm Reply
  • And ever and ever and ever…

    STORYPILE Filmproduktion - Benjamin Fiedler May 31, 2020 1:59 pm Reply
  • There's no fuckin' "transform key animation"… I don't get it. So what if it's cracked?!, I want all the options. Screw you, Adobe!
    EDIT:
    "Transform" appears after selecting image, then Layer / Smart Object / Transform to Smart Object.

    an8er May 31, 2020 1:59 pm Reply
  • It finally worked thank you

    K. Mora May 31, 2020 1:59 pm Reply
  • so useful thank you 🙂

    Mai Mohamed May 31, 2020 1:59 pm Reply
  • Need An Spinner Animation Gif Expert!!
    Requament:
    *Could this be made into an animated gif for use in the application as a loading spinner?

    So I will Buy This Animation..Please help me anyone!!

    Reba Rani May 31, 2020 1:59 pm Reply
  • thank you/ it was great/ how do i make a fade out one?

    קרן אבידן May 31, 2020 1:59 pm Reply

Leave a Reply

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