How are complex gif animations made?

Question

Adobe

Here's an example: datcouch.com/custom_images/datmenu-desc-2v2.gif It's
one thing to record a screen and encode it into a gif.
And the other is then still in the area of ​​​​another image and output as a gif.

Answer 1

This is not a screen recording, after effects + photoshop, they prepare a design in Photoshop, transitions, composition, etc. in after effects, then import video in the shop, finalize it with a file and optimize it for export to gif, here is an example lesson: developertodesigner. wordpress.com/2014/05/09/how-t...

Answer 2

This question has already been asked here. There's Adobe After Effect, which can cut down on the work, but it's still hard work.
At one time, I also could not believe that all this was done frame by frame.
There are tons of tutorials on AAE, take a look.
adobe after effect tutorial

Answer 3

I highly doubt it's a screen recording. And what exactly is the problem? Photoshop supports frame-by-frame animation.

Answer 4

For such animation, Afrer Effects is not needed either. Standard Photoshop tools will suffice. The required number of layers is made (about 10 is enough here), they are placed in the initial position, this frame is fixed on the animation panel, then the final position is fixed, and then the magic button is pressed, creating a set of intermediate frames, which as a result is a smooth animation.

Answer 5

I do everything in blender, layout UI in inkscape.
I collect a gif from frames in Photoshop. At first they tried to record from the screen, but for serious publications, gifs have to be sculpted manually. Long and tedious :\