I have created an animation in Photoshop. I want to merge them in 1 image file side by side. Is there an easy way to do it? Because I will do this process about 10-15 times.

My animation timeline (click for full resolution)


I want a result like this: https://i.stack.imgur.com/Q7SEI.png

Edit: I tried a technic but couldn't be successful.

  • I made layers from frames


  • I changed canvas of the image


  • I made all layers visible and selected all layers


  • I pressed Layer>Align>Left Edge


  • Result:


Why can't I get the correct result?


1 Answer 1


When you click "Flatten frames into layers", photoshop fill create each frame on a seperate layer. Set your canvas' width and height to dimensions you want and create a new layer below the current one and fill its inside.

By this, you can protect the original weight which can be lose because of transparency.

Let's write like this (for example)

· Your canvas 100x100px · Your layer is 90x90px (so you can lose 5px each side if you don't create a filled layer below)

You should get something like this

· Count your layers (e.g 10) · Your canvas should be 1000px · Copy both layers (background fill and your original layer together) to the right until you get something like below:

enter image description here
· Remove all the background fill layers. · Save the imag

  • I tried something but couldn't get the correct result. Can you look at them? Aug 25, 2013 at 15:05
  • 1
    Because you align all objects to left. You need to order them manually Aug 29, 2013 at 17:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.