Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Tech Button

Tech Button


Start with a new document. Fill it with the background color of your choice.

Make a new layer and grab your Rounded rectangle tool and make a shape like this:

image 1

Now create a selection on the left of your shape and press delete

image 2

Apply these settings:

image 3

You should now have this:

image 4

Now create a new layer underneath the formal layer and create the same shape we did before, only this time a bit bigger. And again delete some of the left.

image 5

Apply the following settings:

image 6

You should now have this:

image 7

Create a new layer on top of all the other layers and generate the selection of our first shape by ctrl+clicking on the shape's layer (in CS2, click on the layer's thumbnail) delete half of the selection, by creating a new selection on top other selection, while holding down alt. Fill the selection with white.

image 8

Lower the opacity to 10%. and your done! you could add some text to it if you like. Here's my result, your final result should look similar to this:

Tech Button



Author's URL: Frankenkill
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Tech Button"

Captcha