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

Rough Buttons


Step 1

Create a new layer of width 200px and height 100px so we have enough room, fill the background with a color, i used #9e622d. Now get out your marquee tool and create a button sized image. Around 70x40 and fill it with a dark brown.

image 1

Step 2

Now get out the eraser and set it as grunge brush, begin to rub little gaps around the edges to make it look worn out.. like so.

image 2

Step 3

Now duplicate this layer, fill it with a light color then drag it below your previously made rectangle worn out image.

image 3

Step 4

Now with the main part of the image, add some blending effects. I used drop shadow to give it a indented 3d look.

image 4

Step 5

Now just add some text and you are complete! These are some of the best buttons to do for website layouts and rollovers, the outcome can be amazing.

Rough Buttons Tutorial: Final Result



Author's URL: PicoDeath
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 "Rough Buttons"

Only registered users can write comment

No comments yet...