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.
Download PSD Live Demo
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.
Now most important part to apply animation effect. Just go to top menu Window and launch Animation try with Adobe Photoshop CS3
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.
Enable sencond layer.
You can follow the same for all frames, if you want to increase the frame timing click on the frame and follow step 6.
For repeating this animation just change Once to Forever Animation
The final step save image into GIF formate. Go to File and launch Save for Web & Devices
Select the GIF formate and save done.
Hope you like this thianks!
Thanks! Your feedback helps us to improve 9lessons.info