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



How to design an animated banner, design an animated banner, animated banner
Posted on: April 18, 2011 at 12:00 AM
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

 

 

Related Tags for How to design an animated banner, design an animated banner, animated banner:


More Tutorials from this section

Ask Questions?    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
 
 

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.