How to Make a Animated Banner in Photoshop

How to Make a Animated Banner in Photoshop

Here is a quick tutorial on how to make a animated banner in Photoshop. The banner can be used to promote your music, website, SoundCloud page, or what ever you want.

How to Make a Animated Banner in Photoshop

How to Make a Animated Banner

Here is the link to the image: CLICK HERE!

This is just one example of a banner, you can do this in a million different ways. Watch the video, and submit your finished banner to the photo section of the site. There you can show your skills and promote yourself.

P.S. Sorry if I sound a little tired, I did this at 6 in the morning.

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *


  1. Thank you for the tutorial, very helpful, I learned a lot and found your voice very clear and focused on explaining what you were doing. Please come out with more :)

  2. yeh!!!! thank you very much.

    that was an excellent tutorial!!!!!

    take care and hit us up with more knowledge

  3. You just got me threw a very frustrating day!!!! Wish I would have found this 12 hours ago. Thanks soooo much for making this tut.
    I knew it couldnĀ“t be as hard to make a bloody banner as it was turning out to be.

  4. woah. this was awesome. yu taught me so much in so little time =D great job!

  5. I really got a lot out of your tutorial on the banner. Thanks so much. But can you tell me one more thing? How do i post the gif to mayspace? Not in the profile pic/album section, but on the main page? I appreciate your help.

    of The PreZidents

  6. Hey, I just have to say FINALLY, an easy to understand banner making tutorial! I have been looking everywhere for one, and finally found one I can understand. Now, I make banners all the time!

  7. Excellent Tutorial. Really easy to follow, and at the end of it I have a great banner that I had absolutely no idea how to make before watching this tutorial.

  8. Hi,

    I am designing a catalogue however the photos have a background, for
    example the pictures are of shoes but i can see the table the shoe is
    sitting on and the background behind the shoe, is there a way to cut
    the shoes out in Photoshop so the background is removed?


  9. Awesome! This is what I’m looking for. Before this I used to think that designers are using a special software to create the animated banner. Really surprise how easy to make it using photoshop.

    Thanks again!

  10. It was my first time trying photoshop and on top of that i was using different version that the one used in video so you can tell how frustrating it was for me. Anyway what I want to know is what version of photoshop did he use in the video? I would appreciate your help. Please email me the answer at Thanks in advance.

  11. thx man, i watched it at 5 am my time….so i feel ya…but great job on explaining. reading the helpfiles did take 10x so long, and was 2 hrs lost effort. very appreciated

  12. This was awesome! Thank you so much. I have been looking for so long how to make an animated banner and you made this soooo simple. Thanks!

  13. Alex Ross Just Use The Special Magic Wand Tool To Cut Out The Shoes. It Will Just Jump Around The Shape Of The Shoes. Happy I Could Help :D

  14. Hy… could you help me out please… I need a banner like 140 x140 or 160×60 …. animated … and cool for my site…
    contact me on ID: szasz_adorjan
    if u can do it ….

    I need a cool banner soo much.. I’ll post u’re banner too on my site… :)

    Thx for HELP…
    Best Regards,

    1. I think i was using CS3.

      If you don’t have the animation tool. You might have a older version of photoshop when i came with 2 versions of image editing software. That means if you have image ready with photoshop. you should be able to do the animated in image ready.

  15. i’m doing a animation in arena pitmpura. and this is normal animation i’m also done it. so next time create a good animation

  16. hi,
    Good tutorial. One thing I unable to understand. How you fill color by selecting ellipse tool. When I tried it make whole background black.

  17. Thank you so much, this really helps. I also looked at this video

  18. How did you get that same banner to link? Can I do that with photoshop also? You did not explain how to hyper link, but the one above hyper links….that is what I need to know for animated banners. please email me with any help you may be able to provide.

  19. Hey! Thanks so much for the help, I just finished my animated Fashion banner. You can check it out at!


  20. I posted one more comment to your blog, but you didnt approve that. I still keep check your blog anyways..

  21. i’m a print designer – was just asked to do a simple animated banner for a client. found your tutorial – WOW – doable. THANKS.

  22. Thank you so much for making such a great tutorial. This is my very first time even using photoshop and I needed to make an ad for my job. I totally impressed everyone. And btw…your voice sounds super sexy ;)

  23. Thanks , I have just been searching for information about this subject for ages and yours is the best I’ve came upon so far. However, what in regards to the conclusion? Are you certain in regards to the source?|What i do not understood is in reality how you’re not actually much more neatly-appreciated than you might be now. You’re very intelligent.

  24. Hi this is a great tutorial…
    I would really like to learn more of the similar animations using Photoshop or similar softwares…Please feel free to email me.
    I’m still learning to be a webdesigner. Thanks alot for that tip…

  25. Wow thank you. This was the most helpful thing i have found on the internet. Thank you for sharing. I am grateful.

  26. Man! this is great!, I do GCSE ICT and this has really helped! thanks man!

  27. Dear Mark:
    Thank you for a very clear description.
    Is it possible to insert links to different page on each frame using the PS animator.
    For example the frame one with hyperlink to and frame two to
    can you please make a video about it/…