PhotoshopForce.com
PhotoshopForce.com home tutorials forums downloads contact-us PhotoshopForce.com
PhotoshopForce.com
Textured Chain Tutorial Broken Rubber Stamp Patchwork Background Effect Flawless Layout Fresh Tutorials:
Last Update: 2.14.2007
Online: 117 Users
Adverts
Advetise on Photoshopforce.com For only $50 per month!
PhotoshopForce.com
PhotoshopForce.com 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:


Stroke:





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 www.PhotoshopForce.com tutorial!




Author: Oliver
Discuss this tutorial on the PhotoshopForce.com Forums
Affiliates:
Free online adobe Photoshop tutorials! Learn webdesign easy with our adobe photoshop CS2 and Adobe Photoshop CS tutorials BladeWorkz - Photoshop Tutorials Tutorio.com - Free Webmaster Tutorials
All Affiliates / Your Link Here
HOME   |   TUTORIALS   |   FORUMS   |   DOWNLOADS   |   CONTACT US
© 2007 - 2008 www.PhotoshopForce.com Duplication/Redistribution prohibited. Map
Top of Page