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

Style in the Button


Step 1

Create in photoshop the new image with a white background in the size 200x100px.

image 1

With the help of tool Rectangular Marquee Tool allocate a figure.

image 2

Pass on the panel of channels and create the new channel. Name the channel "artchannel".

image 3

Fill a zone of allocation by white color. Remove(take off) allocation (Ctrl+D).

Step 2

image 4

image 5

image 6

Choose filter Blur (Filter> Blur> Gaussian Blur) and wash away the channel "artchannel" on 11 px.

Step 3

image 7

image 8

image 9

With the help of function Levels (Image> Adjust> Levels) make edges(territories) precise.

Step 4

image 10

Press on Ctrl and allocate the channel "artchannel". Pass to panel Layers. Create new layer. Name it(him) "artbosco".

image 11

Fill on a layer "artbosco" a zone of allocation by dark blue color R-29 G - 86 B - 248 (*1d56f8).

Step 5

image 12

Pass back on the panel of channels. Allocate the channel "artchannel". Wash away a zone of allocation (Filter> Blur> Gaussian Blur) consistently on 5 px, 3px.

image 13

image 14

Pass on the panel of layers and allocate a layer "artbosco". Apply filter Lighting Effects (Filter> Render> Lighting Effects) with parameters as in a picture.

Step 6

image 15

Wash away a layer "artbosco" (Filter> Blur> Gaussian Blur) on 1px.

image 16

Then go Image> Adjust> Levels and establish such parameters:

image 17

Make the image more contrast as in a picture.

Style in the Button

That should turn out



Author's URL: Bosco
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Style in the Button"

Captcha