Tag Archives: Timeline

How to make a GIF

In this tutorial I will be demonstrating how to create a GIF on Adobe Photoshop.

As you can see on my home page I have an animated banner, this is a gif.

First of all I have all my separate layer in the position I want them to be and they are all organised with titles on the layer menu.

The next step is to make all your layers invisible, you do this by clicking the eye next to each layer.

Looking at the timeline at the bottom of the screen you need to make the layer you first want to see visible, on the first frame. This is usually the background.

Next you want to add another frame, by clicking the tab at the end of the time line you get the option to add a new frame  

Then on each frame keep making one more layer visible. In my example each frame I uncover another word.

Finally you need to alter the time in between the frames, I made mine 0.5 seconds between each word appearing.

Finally for you to save it so you can use on your WordPress blog you need to go File > Save for Web. Make sure the format is Gif.

NOTE – When uploading to WordPress do not crop the image otherwise the animation breaks.

Here is my final product.

Katie