![\"layers](\"https:\/\/www.online-tech-tips.com\/wp-content\/uploads\/2013\/10\/layers-photoshop1.jpg\")
<\/a><\/p>\nThis part of the process probably will take up the most time out of all the steps. There is probably an easier and faster way to do this in Photoshop, but since I’m no pro user, I manually copy and pasted each image into a new Photoshop file. If you know of a faster way, please let me know in the comments.<\/p>\n
Step 2 – Create Frame Animation<\/h2>\n
The second step is to create the actual animation in Photoshop itself. In order to do this, you first have to open the Timeline window. Go up to Window<\/strong> and choose Timeline<\/strong>.<\/p>\n Now you will see the Timeline<\/strong> window open at the bottom of the screen. It should be completely empty to start with. Now to create a frame animation, simply right-click anywhere in the Timeline box and choose Create Frame Animation<\/strong>.<\/p>\n When you do this, you’ll now see only one image in the timeline with a small little 1 in the top left corner. It will either be the image you have selected in the Layers panel or it’ll be the most recently added layer (last image in the animation). At this point, it’s a one frame animation, which is not what we want.<\/p>\n Instead, we want all the layers to be included in the animation. In order to do this, we have to click on the tiny little down arrow button at the far right of the Timeline window. It’s got a small down arrow and then a couple of horizontal lines next to it. when you click on that, you’ll see an option called Make Frames From Layers<\/strong>.<\/p>\n Now you should see a frame for each layer that you have in your file. Each frame will also have a little drop down below the image that lets you select the length of time that each frame should be displayed.<\/p>\n As you can see above, the first frame is 5 seconds and then the rest are set to 0. You will have to adjust them accordingly, but you can pick a custom amount of time also.<\/p>\n Once you have selected the time for each frame, you’re ready for the final step, which is saving out your new animation to a GIF file.<\/p>\n Now it’s time to save your animated GIF. To do this, go to File<\/strong> and click on Save for Web<\/strong>. At the very bottom of the save dialog, you will see the Animation section, which should no longer be greyed out.<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nStep 3 – Save GIF File<\/h2>\n