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 Tutorial: Final Result



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
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Share print this page subscribe to newsletter subscribe to rss

Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Blue Butterfly Button"

Captcha