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

Blue Butterfly Button


1. Start Photoshop. Open a new document 300 x 300 with white background. Now set your foreground color to a dark one and go to Layer - New Layer.

2. With your Rounded Rectangle Tool draw a shape as big as you want. Go to Layer - Layer Style and the first stop is Drop Shadow

image 1

3. Next is the Inner Shadow and use the color (#417DC3).

image 2

4. Gradient Overlay. The colors are (#F5F2F2) and (#F1ECEC).

image 3

5. The final Layer Style is the Stroke

image 4

6. Now we add the picture with the blue butterfly.

image 5

7. Now create a new layer and set "Soft Light" and "75% Opacity". With your Elliptical Marquee Tool draw a circle , half over the button , and half outside it and fill it with white. The result is this.

Blue Butterfly Button



About the Author:

Alexandra Groza, 20, junior web-designer and journalist. Contact informations: alexis-design.info and alex.groza@gmail.com

Author's URL: Alexandra Groza
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 "Blue Butterfly Button"

Captcha