Online Training Spring Hibernate Training in Delhi R Programming Training Course Big Data and Hadoop Training Java Training

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

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

Ads

Tutorials   
How to give tint color effect How to insert a symbol on the stone How to design a lips How to design a tomato patch on your car How to make a closed lips by the zip How to make a torn picture How to make a transparent text How to design a torch How to design hard steel cover How to draw a television How to make a sharpen image How to make a sharpen image How to make a loading symbol How to turn corner of the picture How to draw a soccer boll How to make a navigation bar How to make a valentine card How to design a piano How to design a text effect How to design a stone How to design a pencil How to design a mouse How to design a piece of the rope How to design a piece of steel pipe How to design a message icon How to design a mailbox icon How to design a simple note book How to design a lighting effect in the sky How to design animated traffic lights How to design a little game How to design a weeping sun How to design a loading logo How to design a marble text How to make text effect How to remove darkness How to make a magnify glass How to remove glass from the face How to design a mike How to make a piece of a tree How to design gramophone recorder Designing Printing Motion of a Paper How to design a steel text in the Photoshop How to design a jug How to design a wounded lion How to design a music system volume button How to design a banner for no smoking message How to replace a head into another head How to make a rays background effect How to make an animated navigation bar with css How to make a snow text effect
Ads

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

Share on Google+Share on Google+

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

Posted on: April 18, 2011 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Advertisements

 

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

Ads

 

Ads