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

Green Search Button


1. First make a new file or open a file where you can make the button

Make a new layer then a selection (My selection is 60 x 20)

image 1

Set your foreground color to #afee00 and background color to #3b9d00

image 2

Drag with the gradient tool from above the top of the selection to the middle area

image 3

2. Reset the colors to black and white (D then X) now select the button again and make a new layer, right click the selection and go to Stroke, use these settings:

image 4

Set the layer mode to Overlay and the layer opacity to 40%

3. Create another new layer then make a selection a bit smaller than the height of the button

image 5

Use the gradient tool to make a white gradient from the top to the bottom

image 6

Set the layer mode to Overlay and the layer opacity to 30%

image 7

4. Get the text tool and make some text for the button, I used the font Tahoma, 11pt with no Anti Aliasing

Green Search Button Tutorial: Final Result

image 9



Author's URL: PhotoshopStar
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 "Green Search Button"

Only registered users can write comment

Reader's comments