Posted on: April 18, 2011 at 12:00 AM
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.
- How to make a reflected a 3D text, make a reflected a 3D text, reflected a 3D text
- How to make a 3D text, make a 3D text, a 3D text
- How to make a alien face mask, make a alien face mask, alien face mask
- How to make an angry face, make an angry face, angry face
- How to make an animation in the text, make an animation in the text, an animation in the text
- How to design an animated banner, design an animated banner, animated banner
- How to make an animated text border, make an animated text border, animated text border
- How to make an animated black & white focus on the color photograph, animated black & white focus on the color photograph
- How to make an animated blast, make an animated blast, animated blast
- How to make an animated heart, animated heart, heart
- How to design a animated signature, design a animated signature, animated signature
- How to make animated web button, make animated web button, animated web button
- How to design a background, design a background, a background
- Photoshop Tutorial :background image
- How to design Balloon, design Balloon, Balloon
- How to design a bar code, design a bar code, bar code
- How to design a batch, design a batch, a batch
- Photosho Tutorial : How to make a tidy bear.
- How to design a bitten apple
- How to design a blank CD, design a blank CD, blank CD
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.
Ask Questions? Discuss: How to make animated web button, make animated web button, animated web button
Post your Comment