June 8, 2018

Add GIF Into a Still Image

Do you want to decorate a still image with an animated GIF? Here is how to do it fast and for free :)

Open your images

First, go to Photopea.com. Press File - Open, and open your still image. Then, press File - Open again, and open your GIF. You should see two panels ("tabs") in Photopea.

Duplicate layers

Now, we need to copy all layers of the second document (frames of animation) into the first document (still image). Look into the Layers panel (bottom right): there is a folder (named "animated" in our case), that contains all frame layers.

Now, right-click that folder (in Layers panel) and choose Duplicate Into.

In the new window, choose the document with the still image as a destination. Confirm with OK button.

Move the GIF to the right spot

Switch to the panel ("tab") with a still image. You will see your GIF in the top left corner. Now, click and drag it to a new position (notice, that all layers of the animation are still highlighted, so you are moving all frames at the same time).

You can even use Free Transform to make the GIF larger / smaller, or rotate it, etc.

Now, press File - Export As - GIF, and ... a new animation is ready! Hit Save to save it :)

Crashing Browser: For large GIFs (large resolution, many frames) you need a sufficient memory in your device (or the process will crash). If it crashes when opening the image, try to disable WebGL (More - Use WebGL). If it crashes during the GIF export, decrease the resolution of your document (Image - Image Size - enter a smaller Width / Height - OK).