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:

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: PS2178
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Hi-Tech Buttons"

Only registered users can write comment

No comments yet...