You should probably do your Compositing in a Compositing application. If you have a CC Subscription then I'd suggest using Premiere Pro for this step.
If you're working in either an older version of Photoshop or just bought a PS only license then there are alternatives including the now free DaVinci Fusion which is actually more powerful than Premiere.
Essentially what you do is grab a screen video of the work, then convert those video frames to a gif image. As far as I'm aware, there's no "automatic" gif creation software for recording screen movies. Everything generates a video file. There are several apps which can use that video file to generate a gif though.
This meta question may be relevant: How ...
These animations might look simple because it's just solid color objects and text, but some of the movements and the transitions would take more work with the wrong tool.
You're definitely on the right track with either Animate or After Effects, it depends what's the final format you're going to export to and how much experience you have on either software....
I think you can't do that with a gif format. Idk where you will apply it, but the best approach would be code it. You could use bootstrap ccarousel, that's basically a slideshow and you can put links on each image so on click, something happens.
You can read more about it at their documentation : https://getbootstrap.com/docs/4.0/components/carousel/
I would not consider that motion graphics, but 2D character animation.
Where to begin is not a clear question because we don't know where you currently are.
Do you know how to draw at all? (Pencil and paper)
Do you know how to draw on a computer? (Paint, yes... paint or something similar)
Do you know how to make a character in vectors? (Corel, ...
To find the right tool panel in Photoshop:
For Photoshop CS5 and lower, access the animation window by opening “Window” + “Animation.” Likewise, click “Window” + “Timeline” in Photoshop CS6 and Photoshop CC to access the Timeline window. For Photoshop CC, click the drop-down menu in the middle of the Timeline window and select “Create Frame Animation.”
My five cents: Animate is used a lot for TV animation because there're adequate painting tools in it and it's simple to use. But for the examples you provided, motion design as Benedikt mentioned, it's going to be hell.
After Effects is the tool of your choice and there're tons of tutorials on it.
Photoshop is a strict no-no: tools are too limited.
While most of these videos are probably made in After Effects, it is possible to use Animate. Photoshop does animation, but with multiple layers it does get kind of complex and I'd avoid it.
The animated illustrations are either done in Illustrator (Vector) or Photoshop and imported into AfterEffects/Animate or done directly in the program (mostly for ...
I think what you want is to create an SVG file. There is an excellent piece of free Windows software that does this here: https://inkscape.org/
Then you need something that will run SVG files as animations. I use VideoScribe, which cost me a pretty penny back in the days when I used to get a study grant, but if you Google around you'll find plenty of apps ...
I'm afraid that could not happen. The algorithm and the technique they are using to handle the motions and timeline is all based on the differences on start and finishing point of each object.
For example :
I have a 40px X 40px Square and if I wanted to make it a circle with animation, all I have to do is draw a square on the first artboard and a circle on ...
I agree that these are not motion graphics but are 2D animations and if you are at a level where you know design programs like illustrator or photoshop to create flat illustrations, I recommend to start with after effects for animations. This is a good program to learn how to work with basic animations (or more complex) and timelines.