Photoshop  Home Photoshop Web Layout Hi-Tech Buttons
rss

Hi-Tech Buttons

Author: PS2178 More by this author


Result:

Hi-Tech Buttons Tutorial: Final Result

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.

Hi-Tech Buttons Tutorial: Final Result



Author's URL: www.tutorialfx.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Hi-Tech Buttons"