Home
Icons
Photoshop
Create Proffesional Web2.0 Buttons Photoshop Tutorial.
Let’s create some professional web2.0 buttons like this …..
First you must read The Best Way To Make Reflections In Photoshop.
Step One
Draw a square like this
Then
Layer => Layer Style => Blending Options …
Inner Shadow
Gradient Overlay
The Gradient
Stroke
Result
Step Two
Draw 1px line [black].
Then
Layer => Layer Style => Blending Options …
Bevel and Emboss
Result
Add arrow from shapes or add your logo and write on your button .
Then apply what you learned from The Best Way To Make Reflections In Photoshop tutorial
Final Result
Download the PSD
If you liked this post , add us to:
April 30th, 2008 at 2:32 am
Thank you! I’ve been a Photshop “wannabe” for a couple of years, and can do the basics for web graphic design (drop shadows, gradients, etc.). But I’ve looked for this very info many times, but this hit home. Tomorrow I’m going to have some sweet buttons on my site. Thanks! Great work. Keep it coming.
September 13th, 2008 at 5:28 am
Il like the WEB 2.0 effects in photoshop & i saw ur button has given above
nice its class i like the effects