Create Animated GIF Banner using Photoshop.
In this post I want to explain you how to create an animated banner image Adobe Photoshop. This is very useful for banner advertisements, you can present more information in single image. Few days back I had designed a banner for Wall Script, please take a look at the top banner just below menus. Just follow the below steps and design your own banners.
Photoshop -> File create new page with proper height and width.
I had desigend few images with the same resolution.
Add top four images here, press F7 you can view this Layers widget option.
The following widget will apper, Switch to Animation timeline to Animation frames.
Animation frames appers like this by default it will take top layer image.
By clicking on time you can set the frame timing in seconds.
Now creating second layer, you can duplicate existing layer.
Now second frame and enable second image.
You can follow the same for all frames, if you want to increase the frame timing click on the frame and follow step 6.
Select the GIF formate and save done.
Hope you like this thianks!
Good explanation with images...very useful. Thanks a lot !
Awesome.... its really great post..
Awesome ! Alot oF Thanks... Now i understand how to create simpleway to a GIF image.
Thanks for the tutorial. I knew they used some Adobe technology to make the banners, just want's sure which one.
This was actually done with Adobe ImageReady. Now Image ready is available as plugin inside photoshop.
Wow you gont 40K+ subs. Thanks for the tuts!
Very useful tutorial, thank you again Srinivas!
There was a ImageReady button in Photoshop 7.0 and I did s.thing similar.Now it's included in CS3 its good.Thanks for sharing.
Thanks for this Post I thought this can be done by people who know flash and maya.
Nice Post!Thanks for tutorials. Very useful tips.Thanks for this.
I have found the post very useful and informative. Thank you for sharing this one.
Finally got method to make gif animated Image!!
Hi Shrinivas, Can we put GIF animated image on facebook profile picture.
Step 2, designed is spelled wrong.
Thanks Srinivas Tamada, I have Learn this tutorials from you.
Thank U for sharing this info..
Wow..very nice tutorial.. I am in a process of learning Photoshop.. This post will definitely help me a lot..
Simple but step by step tutorial is best for me, i know very little of Photoshop editing but you make it just as simple as Paint.
Really Good +1 helped me!
Super ...i knew dat Animation..but i could not saved dat as GIF ...Thanks for this Tutorial..