How to make animated web button, make animated web button, animated web button

This page discusses - How to make animated web button, make animated web button, animated web button

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 make animated web button

     

This is a web button animation example, it is a very simple to make with this example. I hope you will like it so follow now.

New File: First take a new file as button size.

Draw a circle: Choose "f253f4" color and Ellipse tool (U key) to draw a circle.

Effects: Go to Layer menu > Layer style > Bevel and Emboss, Inner glow, Stroke and use same settings.

You will get it.

Write text: Choose Horizontal type tool (T key) and make formatting to write text as have done here.

Effect: Go to Layer menu > Layer style >Apply Inner shadow.

You should have similar as here.

Image ready: Click on the bottom of the tool bar to go in the image ready.

Animation: You will have an animation window in the image ready, you have to adjust image as a complete animation. In the animation window you will have already a frame, choose button layer not text and move left then take a new frame and move middle, take third frame and mover right. At last take fourth frame and mover it middle as I have done in animation window here.

Save File: Now save file "Save Optimized".

This is your done.

Final result

Advertisements

Ads
Share on Google+Share on Google+

How to make animated web button, make animated web button, animated web button

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 make animated web button, make animated web button, animated web button  

Post your Comment


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

Ads

 

Ads