How to Make an Animated Banner in Photoshop

Lately I have been working on banners with Photoshop. I am sure that lots of people don’t know how to make simple banner in Photoshop.You know how simple it is? This is what you are going to have:

 

Let’s get started…

Step 1

I got a 2 images which are at same size.In my case, banner size is 468X60. As you see here, there are 2 layers in Photoshop.

 

Step 2

Go to Window->Animation.

This is what you will get.

 

Step 3

Click on where arrow points out to duplicate layer.

 

Step 4

Set the opacity of 1st layer to 0% as shown below.

 

Step 5

Click on the button as arrow pointed out. Window called Tween will open. After that choose how many frames you want for your transition from  1st image till other image. I set a total of 3 frames .

 

Step 6

As you see here, these frames are transiting from 1^st image until the last one. Now you can decide how long each frame to stay setting Frame Delay, clicking where the arrow points out.

In the end,I set all of  the Frame Delay as you see below.

 

Step 7

In order to export GIF animation,go to File->Save for Web & Devices.Window will pop up to let you save, but make sure you set Looping Options to Forever and save.

Here is the last result:

Adobe Photoshop Course

If you are interested in learning more about Adobe Photoshop then please contact us for more information or click here for full Adobe Photoshop Course.