How To Create an Animation by Photoshop

Step 1: Start a new composition

Open images in Photoshop. Start a new composition by going to File, New, and then setting the image size. 

Step 2: Unlock the background layer

Double click on the Background layer in the Layers window to unlock it.

Step 3: Add images to the composition

Copy & Paste each image in the new composition.

Step 4: Launch Animation window

Launch the Animation window by selecting Window on the top menu, and then clicking Animate. The Animation window will appear at the bottom.

Step 5: Hide layers

Specify which layers you want to see on the first frame of the animation by hiding the others. Hide a layer by clicking on the eyeball icon next to it in the Layer menu.

Step 6: Add new frames

Click the Add New Frame or Duplicate Selected Frames button in the Animation window. As you add new frames, specify which layers to hide and show as the animation progresses.

Step 7: Adjust the animation

Set the animation to loop by selecting Forever at the bottom left corner of the Animation window. Click Play to test the animation and adjust the timing by clicking the seconds under the frame.

Step 8: Save

Save the animated gif by going to File, Save for Web and Devices, and selecting GIF.