For GIF animation, if you have the frames you want to be a part of the video sequence open as layers (or combinations thereof) in Photoshop, you can open the Timeline panel, then choose the [Create Frame Animation] feature.
Once you've done that, you can do things like click the little fly-out menu button at the upper-right of the Timeline panel and choose Make Frames From Layers.
Then you can do things like set the time for each frame, etc.
Finally, File - Save for Web to save the GIF to disk.
GIF is not really meant for any kind of high quality video, but I occasionally make little animated snippets with the above technique.
Lol, ok maybe just a little more in depth.... I am having trouble right now.
I just have the gif image open that you saw above, and the jpeg picture you saw above.