home tutorials forums downloads contact-us
Curves Usage Tutorial Tornado Effect Gradient Map Tool EZ rounding brush Fresh Tutorials:
Last Update: 2.14.2007
Online: 100 Users
Advetise on For only $50 per month! Tutorials Web Layouts Tech Style Web Buttons

Tech Style Web Buttons

This tutorial will teach you how to create a simple tech style button, that works great for software applications, as well as web sites. The steps used to create this tutorial are fairly easy to follow, and geared towards new comers to photoshop who are interested in designing web sites with this powerful software package.
Go To Page: [ 1 2 ]

Page 2 of 2

Step # 8
Select the elliptical marquee tool and make a small circle on a new layer, it should be a similar size to the one in the image below.
Tip: Holding down the SHIFT key while making your selection will ensure the circle is perfectly formed

Step # 9
Fill the selection with #474747 using the flood fill paint bucket tool.

Double click this layer, and apply the following blending options:

Inner Shadow:

Bevel And Emboss:


Step # 10
Zoom in a bit by holding down the CTRL key and tapping the + button a few times, (to about 600 percent).

Duplicate the circle by pressing CTRL + J on your keyboard.

Press 'V' on your keyboard to get out the move tool, and position the duplicate circle as l have done below:

Step # 11
Repeat this process two more times until you have four circles evenly spaced apart as pictured here:

To Complete the tutorial add some text and any other effects you wish. If you are interested in downloading some fonts for these types of buttons please see our downloads section for great fonts, brushes and other excellent downloads.

Here is the end result:

Thank you for reading this exclusive tutorial!

Author: Oliver
Discuss this tutorial on the Forums
Pure Photoshop - Adobe Photoshop Center. Kostenloses für den Webmaster FREE Photo Shop Tutorial
All Affiliates / Your Link Here
© 2007 - 2008 Duplication/Redistribution prohibited. Map
Top of Page