Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Beveled Button
by Axialabs.com
Useful Button (and a bit about gradients)
by Adam Priestley
Fancy Buttons
by Atul Thakur
Texture Buttons
by Atul Thakur
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
Photoshop  Home Photoshop Web Layout Basic Button
rss

Basic Button

Author: fstutorials.com More by this author
Browse Pages: << <  1  2

Added: Nov 08, 2005 Rating:  Average Rating: 2.93 Votes: 14 Position: 8692 of 12257Average Rating: 2.93 Votes: 14 Position: 8692 of 12257Average Rating: 2.93 Votes: 14 Position: 8692 of 12257Average Rating: 2.93 Votes: 14 Position: 8692 of 12257Average Rating: 2.93 Votes: 14 Position: 8692 of 12257 Level: Beginner Software:  Photoshop

Step 1 : First of all make a new document (Ctrl + N)
width = 150
height = 30
Right-click on the background and select Duplicate layer...

image 1

Step 2 : Right-click on the copy of background and select Blending Options -> Bevel and Emboss.

image 2

Step 3 : Then select Inner shadow in the Blending Options:

image 3

Step 4 : Then Stroke in the Blending Option:

image 4

Step 5: Now it should look like this:

Basic Button Effect Tutorial: Final Result


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

Photoshop  More Photoshop: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials
Add comments to "Basic Button"