Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Basic Button

Basic Button


Step 1 : First of all make a new document (Ctrl + N)
width = 150
height = 30
Right-click on the background and select Duplicate layer...

image 1

Step 2 : Right-click on the copy of background and select Blending Options -> Bevel and Emboss.

image 2

Step 3 : Then select Inner shadow in the Blending Options:

image 3

Step 4 : Then Stroke in the Blending Option:

image 4

Step 5: Now it should look like this:

Basic Button

Author's URL: fstutorials.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Basic Button"

Captcha