Submit Tutorial

spacer
Newsletter

spacer
RSS
spacer
Submit Tutorial

spacer
website promotion banner
eturnkeys
Your Ad Here
Beveled Button
by Axialabs.com
Useful Button (and a bit about gradients)
by Adam Priestley
Fancy Buttons
by Atul Thakur
Texture Buttons
by Atul Thakur
Free Templates
A collection of free web templates. Premium quality web designs, easy to browse.
Photoshop  Home Photoshop Web Layout Marble Button
rss

Marble Button

Author: Netcubo More by this author

Added: Mar 15, 2005 Rating:  Average Rating: 3.67 Votes: 12 Position: 2251 of 13406Average Rating: 3.67 Votes: 12 Position: 2251 of 13406Average Rating: 3.67 Votes: 12 Position: 2251 of 13406Average Rating: 3.67 Votes: 12 Position: 2251 of 13406Average Rating: 3.67 Votes: 12 Position: 2251 of 13406 Level: Beginner Software:  Photoshop

Introduction
Try learning to make a marble button, to suit your website.

Step 1
First create a new document (CTRL + N) and make the size 500x500 pixels. Select your Rectangle Marquee Tool and make a fixed size of 101x26, and fill it in with a light blue colour.


Step 2
Once you've done that go to Layer > Layer Style > Blending Options > Stroke and use the settings as shown below (image):


Step 3
Once you've done that, simply go straight to Pattern Overlay and enter in the settings as shown below (image):



Step 4
Now go to the Gradient Overlay and enter in the settings as shown below(image):



Step 5
Go to the Bevel and Emboss section and enter in the settings as shown below (image):



Step 6
Now go straight to the Drop Shadow section and enter in the settings as shown below (image):


Step 7
You should now have something that looks a little like the image shown below. You can also add text to your button to make it stand out a bit more.

Marble Button Tutorial: Final Result

I hope you enjoyed the marble button tutorial.


Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Photoshop  More Photoshop: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials
Add comments to "Marble Button"