In this tutorial you will learn how to make a GIF banner which looks like this:

【What you'll need】

1. Photoshop

2.Gif

STEP 1: Open your Gif in photoshop.

STEP 2: Click on 'Window', 'Timeline' and the timeline will pop up at the bottom of the screen.

STEP 3: Click on this icon then at 'Select all frames' all the frames will be selected so to delete them, click on the icon again and click on 'Delete Frame'

STEP 4: Now you can add your text and PSD. Make sure your text and PSD are on top of the layers.

 This part is a bit complicated but you'll learn with a bit of practice like I did a few days ago. 

STEP 5: Make sure all the layers of the GIF are invisible, keep the text layer and PSD visible. Now make 'Layer 2' visible and click on it [1] then at this icon [2]. A new frame will appear labeled 2 [3]. I did not duplicate the frame for 'layer 2' because it was already created for us.

Now repeat the same steps until you have duplicated all the frames. Make the 3rd layer visible, make sure it's selected (click on it) and then click at the icon which is in the timeline and continue.

Heres a screen recording of the same step:

STEP 6: After duplicating all the frames make sure it says 'Forever' here. You can change it by clicking on it if it says something else.

STEP 7: Click on the play button to make sure it's perfect before saving.

STEP 7: Now click on 'File', 'Export', 'Save for Web' and a new window will appear. Click 'Save' and you're done!

I hope this was helpful. If any doubt, do ask in the comments I'll be very happy to help.