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

Hi-Tech Buttons


Result:

image 1

Step One

Lets start off with a 75px by 15px image and set the foreground to #EEEEEE and the background color to #CCCCCC. Using the Gradient Tool, fill the document.

image 2

Step Two

Now make a new layer and set the foreground color to #FFFFFF. Press Ctrl + A. Now go to Edit > Stroke use Location to Inside, and Width with 1px.

Step Three

Then, click the Right arrow and Down arrow of your Keyboard once. You should see something like this.

image 3

Step Four

Now set the foreground color to #999999 and press Ctrl + A. Go to Edit > Stroke for the final touch up. After adding some text, this what I came up with.

image 1



Author's URL: PS2178
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 "Hi-Tech Buttons"

Captcha