Latest Tutorials| Questions and Answers|Ask Questions?|Site Map



Home Photoshop Tutorials How to design an animated banner, design an animated banner, animated banner

Related Tutorials


 
 

Share on Google+Share on Google+

How to design an animated banner, design an animated banner, animated banner

Advertisement
This page discusses - How to design an animated banner, design an animated banner, animated banner

How to design an animated banner

     

Learn a simple way to make an animated banner that is used in the website to show advertisement.

New File: Take a new document.

Gradient Overlay: Now use layer style to make a effective background, go to Layer Menu > Layer Style > Gradient Overlay and use these settings as given below.

Your image should be similar.

Write Text: Select Horizontal type tool (T key) and use same formatting then write text on the document.

Rounded Rectangle Shape: Choose "F61525" color and Rounded rectangle tool (U key) to draw a shape write special.

Text Formatting: Select Horizontal type tool (T key) and use same formatting then write text on the document.

Change the color "000000" to "22D100", as you are looking down.

Text Format: Select Horizontal type tool (T key) and use same formatting then write text on the document "JSP".

Take new layer and write as same place of upper text "EJB".

Take new layer and write as same place of upper text "XML".

Image Ready: Go to image ready by clicking on the bottom of the toolbar and adjust all the layer by the frames in the animation window as given below.

   

You will get animation window similar as here.

You will have this result.

Final Image

 

 

Advertisements

If you enjoyed this post then why not add us on Google+? Add us to your Circles



Liked it!  Share this Tutorial


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: April 18, 2011

Related Tutorials

Discuss: How to design an animated banner, design an animated banner, animated banner  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments:0
DMCA.com