Home    >    Tutorials    >    Polished Brass Buttons
Download this tutorialDownload (215kb)
E-mail this tutorial to a friendEmail to Friennd

Polished Brass Buttons
Created by: Zu
Please visit ZuAtHome

Download this tutorial fileDownload file

Ok in order to start this tutorial you will need to download Greg's Factory Output 2 filters. Just click to the left to get them.

Ok let's start by opening a new image. 200 x 200, with a white background and 16 million colors.
Click on your foreground color tab and change it to a light grey.

Red: "220"
Green: "220"
Blue: "220"

Click on your selection tool and use these settings:

Selection Type: Rectangle
Feather: "0"
Antialias: Checked

Click on your canvas and start at 50, 50 and drag it out and down to 170, 100. You should have a nice rectangle shape for your button.
Now we are going to click on our flood fill bucket to fill our selection. Use these settings:

Blend Mode: Normal
Match Mode: RGB
Tolerence: "30"
Opacity: "100"

Left click 1 time into your selection to fill it up.

Time to give our selection a buttonized look. Go to effects - 3D effects - buttonize.
When the buttonize window opens type in these settings:

Height: "10"
Width: "10"
Opacity: "60"
Transparent: Checked

Go ahead and click ok when you are done.
DO NOT DESELECT!!

We want to expand our selection, so go to selections - modify - expand. Expand your selection by 7. Your image should look like the one here at the left.
Click on the flood fill tool again and use the same settings as before.
Fill the area that we expanded. Your button should look like the one on the left.
We need to expand our selection 1 more time. Go to selections - modify - expand. Expand it by 2. Click ok. Your button now looks like this. (Left side). See how there is a little space with no color.
Time to give our button a hot wax coating. Go to effects - artistic - hot wax. Do this 1 time.
See how your button looks now?? It's kind of dark, but we are going to fix that in a bit. First we need to add some text to our button. Deselect it now.
Click on the text tool and position it in the middle of your button. When the text box opens use these settings: Font Name: Ariel
Size: "10"
Bold
Selection: Checked
Antialias: Checked

Click the ok button.
DO NOT DESELECT!!
Now we are going to give the text we just layed down a cutout. Use these settings: Offset: V & H "2"
Opacity: "100"
Blur: "2"
Color: Black
Fill interior: UnChecked

Click the ok button. Deselect the text.
Ok click on your magic wand. Set these options: Match Mode: RGB
Tolerance: "1"
Feather: "0"

Click the white background and then go to selections - invert. This will put the "marching ants" around your button.
Now we are going to apply Greg's Facotory Output Filter. Go to effects - plugins - gregs - colorize.
Use these settings: Red: "185"
Green: "160"
Blue: "100"
Amount: "255"

Click ok when you are done.
If you did not download Greg's filter you can also achieve a similar look by going to colors - colorize. Use these settings"

Hue: "36"
Saturation: "200"

Click ok when you are done.

Our button has a nice gold color, but it's a little dull... we want a bright, shiny button like polished brass. To achieve this, let's adjust the contrast a bit.
Let's give our button some contrast now. Use these settings: Brightness: "0"
Contrast: "30"

Click ok when you are done.
DO NOT DESELECT YET!!
Now our button is bright, but metallic edges are sharp, not soft. Lets give some definition to the edges of our button with yet another PSP filter. Go to effects - Edge - enhance.
DO NOT DESELECT!!
Since our button is already selected we can crop it easily by going to Image - Crop to Selection.
And we are done. You now have a shiny brass button for your web pages or whatever you are going to use them for!!