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 Effect Tutorial: Final Result

Author's URL: fstutorials.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Basic Button"

Only registered users can write comment

No comments yet...