This tutorial explains how to combine two individual gifs into one like this:
(requested by blackorchid)
This is the first time I’m making a tutorial for Photoshop CS4, so if there’s something that I’ve not adequately explained or is confusing, feel free to ask me to clarify! :)
The following assumes that you already know how to make basic gifs.
STEP 1: Preparation
Have the two gifs that you want to put together open in photoshop.
Make sure that they’re both the same width so that they will match up when combined. The sizes of mine are 245x160px and 245x90px. Both gifs need to have the same number of frames. It doesn’t matter how many it is, just that they’re the same (though obviously the more it is, the more likely it is that it will be too big for tumblr at the end).
For both gifs, also make sure that you’ve flattened the frames into layers:
Open a blank document that is 245 x 260 px. The height of mine is 260px because it’s the sum of the heights of the two gifs we’re combining, plus an additional 10px for the space that will be in between them.
Finally, select frame 1, then go to the layer box and scroll all the way to the bottom until you get to the layer called “background”. Click on the little eye to make it disappear.
CONGRATULATIONS, YOU HAVE FINISHED!