Then use the menu in the bottom right corner to copy the frames. I usually choose a transition period of 3 framesįirst, open both GIFs in Photoshop, and select every frame of the scene you want to come second. You basically pasting the beginning frames of one scene over the last frames of another scene, and adjusting the layer opacity. Notes aside, let’s get to the dirty work of combining the GIFs. Just remember: the larger the canvass, the fewer the frames.

In regards to file size and image quality, I’ve gotten the best results making fade in GIFs that are 150x150 pixels and are no more than 13 frames for each individual scene.

The GIFs don’t have to be the same number of frames, but if they’re not you’ll being seeing more of one scene than the other.

Therefore the smaller the canvas size, the more frames you will be able to fit and/or the higher the final image quality will be. UPDATE: Tumblr’s file size restriction is now 1mb for gifs up to 500 pixels in width, and 2mb for gifs that are 245 px in width or smaller. This increases the file size, and each frame brings us closer and closer to Tumblr’s 500 kb file size restriction.

However, because you are combining two individual GIFs, the resulting GIF will have almost twice the number of frames as a single scene. I recommend a width of 160 or 245 pixels. It is essential that both GIFs are the same dimensions (height and width).

There are a couple of important notes, however. Or in other words…įirst, create two separate GIFs of the scenes you want to combine. In that case, fading in and out of scenes is a great effect to help smooth the transition.Įssentially, with this method you will combine two separate GIFs with some layers overlapping you will then gradually adjust the opacity of the layers in the second scene to create a fade in effect. The problem is that sometimes skipping from one character to another or from one scene to another is just a little too jumpy and leaves something to be desired. Creating a single GIF that includes more than one scene can be a lot of fun, and is a great way to multiply the number of characters or settings in a photoset.

Gif fade between two images