HIGHTECH BUTTON PHOTOSHOP TUTORIAL
by Jonathan Couch
1. Start off by creating a 400X300 image and making a new layer. In the center of the image make an approximate 50X50
selection using the "Rectangular Marquee tool." Now fill this selection in with this color, #A02424. This is going to be our shiny
part of the button. Now make you way over to the "dodge tool", and set the brush size to 110, and the "Range" to "Highlights."
Start to highlight the edges and the top of the image. (Make it look as much as the image below as possible.)
2. Now double-click on the layer your on it the layer window. In here set all your styles to the following:
INNER GLOW:
- Blend-mode "color dodge"
- Opacity "100%"
- Color "White" - Noise "0%"
- Choke "0" - Size "0"
|
BEVEL AND EMBOSS:
- Depth "1"
- Size/Soften "0"
|
STROKE:
- Size "1"
- Opacity "100%"
- Color "Black"
|
Create a new layer, and Make a 3pixel border selection around the red shiny center. Fill this selection with a light
grey, #D2D2D0. Now In the Layer style here use the following settings:
DROP SHADOW:
- Color "Black"
- Distace "0"
- Spread "6"
- Size "5"
|
INNER GLOW:
- Blend Mode "Color Dodge"
- Opacity "100%"
- Color "White"
- Size "3"
|
BEVEL AND EMBOSS/CONTOUR:
- Depth "1"
- Size/Soften "0"
|
GRADIENT OVERLAY:
- (Normal settings)
|
STROKE:
- Black and size 1 pixel.
|
3. Now we have our shiny center and our simple border. Use the same techniques and settings done in step one and two
to make a more complex border and feel free to experiment a little and get creative. Below is something I made to show what
can be done with these settings in the layer style.
» Look for more of Jonathan's Adobe Photoshop tutorials at www.couchart.com