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

60 Comments

  1. 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 x.com and frame two to y.com?
    can you please make a video about it/…
    THANK YOU IN ADVANCE
    Thomas

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

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

  4. 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…
    Theo’…

  5. 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.

  6. 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 ;)

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

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

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

    S.

  10. 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.

  11. Thank you so much, this really helps. I also looked at this video
    youtube.com/watch?v=vusI-sDEXhE

  12. 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.

  13. 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

    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.

  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,
    PredyY.

  15. 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

  16. 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!

  17. 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

  18. 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 desisunny786@aim.com. Thanks in advance.

  19. 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!

  20. 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?

    Thanks

  21. 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.

  22. 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!

  23. 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.

    -TMAQ
    of The PreZidents

  24. 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.

  25. yeh!!!! thank you very much.

    that was an excellent tutorial!!!!!

    take care and hit us up with more knowledge

  26. 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 :)

Leave a Reply

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

Send this to a friend