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

Create a new document (File -> New), then create a new layer (Layer -> New -> Layer, or Shift+Ctrl+N) and select the Rounded Rectangle Tool (radius is 5px) , draw a shape of your button and fill it with a solid colour.

Basic Button image 1

Basic Button image 2

Step 2

Right-click on the layer and choose blending options. Select Drop Shadow, and use these settings:

Basic Button image 3

Basic Button image 4

Step 3

Add your text to the button.

Basic Button image 5

Step 4

Right-click on the layer and choose blending options. Select Bevel and Emboss, and use these settings:

Basic Button image 6

Basic Button Tutorial: Final Result



Author's URL: ALT web design
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

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

Captcha