Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Creation of Stylish Button "Bosco"

Creation of Stylish Button "Bosco"


Step 1

image 1

Open photoshop and create the new image 350x350 pixels with a white background. Pass on the panel of channels and create the new channel. Name channel Button. Now choose tool Rectangle Marquee Tool and make allocation in the sizes similar that in a picture. Fill your rectangular white color. Now cancel allocation (Ctrl+D). Step 2

image 2

Go: Filters> Blur> Gaussian Blur. Also wash away on 10 pixels.

Step 3

image 3

Now go in Image> Adjust> Levels. Establish in the opened window parameters which are specified in figure. Click "OK".

Step 4

image 4

Having clamped Ctrl click on channel "Button". Then go back on the panel of layers. Create a new layer (Ctrl+Shift+N), name it(him) "Bosco" and fill allocation by color: R- 26 G- 105 B- 31 (#1AE61F).

Now we have form of the button.

Step 5

image 5

Take tool Rectangle Marquee Tool. Having clamped Shift, move a framework of allocation upwards buttons Upwards and Downwards. Now keeping Ctrl+Alt also click on a layer "Bosco".

Step 6

image 6

Now again press Shift and then downwards on the keyboard to move your allocation downwards. Create a new layer (Ctrl+Shift+N) " "Bosco2". Press D, then X is will establish colors by default. Take tool Gradient Tool. Then, in options, establish a gradient: "Transparency" .

Step 7

image 7

Now drag a gradient from top of allocation up to a bottom.

Step 8

image 8

OK. Remove(take off) allocation (Ctrl+D). Now copy the given layer (Layer> Duplicate Layer) and go: Edit> Transform> Rotate 180. Now move a patch of light to a bottom of the button. Change updating a layer with Normal on Color Dodge. Establish opacity (opacity) " Bosco2 Copy " equal 62. Click on " Bosco2 Copy " and go: Filters> Blur> Gaussian Blur. Wash away the image on 1,6 pixels. Step 9

image 9

Now click on "Bosco" and go: Layer> Effects> Drop Shadow to add a shadow.

Creation of Stylish Button 'Bosco' Tutorial: Final Result

When you will add your text on the button change " Blend Mode " a text layer c "Normal" on "Overlay" for excellent(different) effect



Author's URL: Bosco
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 "Creation of Stylish Button "Bosco""

Only registered users can write comment

No comments yet...