Hi everyone!

Today I will show you how to make SMOOTH ANIMATED GIFS like this:

Or my own gif, which I created for the need of a post about 50 followers.
You can check out that post here

---

Okay, the end of the show. Now it's time for the tutorial.

1. Designing gifs

The key to the smoothness.

The animation itself should be created in After Effects, ScreenFlow or some other animation tool. The key to the smoothness is the GIF frame delay time and the fact that the gifs start as videos.

Most computer displays run at 60 frames per second, so the best frame rates for smooth animation are 60fps and 30fps.

2. Export video to Photoshop

You can even download video from the web just for checking. if you are making an animation in the programs mentioned above, you should export it as a video file and import it into Photoshop.
Import it into Photoshop via File > Import > Video Frames As Layers.
Select Limit To Every 2 Frames and From Beggining to The End.

_{(TIP: Create your animation in Keynote and export it as a video if other programs are too hard. Yep, it works too)}

3. Colors

If your animation has alot of colors it's good to choose 128 colors optio, but if your animation has maybe 2 - 3 colors alaways you can use 64 option. Just look preview always to be sure that it is fine with you. It changes the file size very much. Ofcourse save the gif via File > Save for Web (Ctrl + Alt + Shift + S).

4. Frame Delay

As I told you best frame rates for smooth animations are 60 or 30 fps (15 if your animation is slow).
If you already imported video file as layers into Photoshop, frame delay should be 0.02s for 60fps, 0.03s for 30fps as shown on screenshot.

_{(TIP: If you can't see "Animation" or "Timeline" window on the bottom of the screen, go Windows > Timeline/Animation)}

---

Thank you for your time. I hope you enjoyed this tutorial and found out somethig new and cool!
If you like my creativity and want to support me:
UPVOTE
RESTEEM
FOLLOW
_{First animation comes from HERE}