In this tutorial, I will teach you how to make web 2.0 buttons with photoshop
This is the final result of this tutorial:
Create a new document 200px * 60px
With the Rectangular Marquee Tool(M)
, draw a selection like:
With the Paint Bucket tool(G)
, fill the selection with the white color.
on the layer thumbnail and in the Outer Glow
tab, use the following settings:
Click on View
Contract the selection by 3 pixels
Change the Foregound color to #42affb
Create a new layer.
Fill the selection.
Download the following gradient:
Download the Gradient file
on the layer thumbnail. Go to the Gradient Overlay
tab. Click on the gradient
. Click on Load
and select the gradient.
Choose the Text Tool(T)
. Click on the center bottom of the image and write the content of your button. Use the following settings.
That's it, you finished your web 2.0 button
. It should look like:
You can easily change the color of your button:
I hope this photoshop tutorial will be useful.
Similar Scripts and Tutorials