Her

Home Photoshop Tutorials Web Layout Marble Button

Marble Button

Author: Netcubo Author's URL: www.netcubo.com More by this author
Added:Mar 15, 2005 Rating:   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.

image 1

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

image 2

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

image 3


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

image 4


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

image 5


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

image 6

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.

image 7

Marble Button

I hope you enjoyed the marble button tutorial.