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

Blue Icon


We'll begin this tutorial, by creating a new canvas at a size of 300 x 155. Then grab the "Rounded Rectangle Tool" with 3 as the radius and 43abed as the color and draw the below shape.

image 1

Now right click on the blue shape layer in the Layers Palette and select, "Blending Options...". Now click on "Drop Shadow".

image 2

Do not click "OK" yet. Still more to do.

Now click on "Bevel and Emboss".

image 3

Do not click "OK" yet. Still more to do.

Now click on "Satin".

image 4

Do not click "OK" yet. Still more to do.

Now click on "Gradient Overlay".

image 5

You may now click OK.

You should now have the below image.

image 6

Then select the "Polygon Tool". Use the below settings with e1effa as the color.

image 7

Now draw the below shapes.

image 8

Select the "Text Tool" and use the below settings:

image 9

Now type your preferred text.

image 10

Using the "Pen Tool" draw the below shape with white as your color.

image 11

The Results!!!

Next, turn the fill down to 18% on the gloss layer and your done. I hope you enjoyed this tutorial.

Blue Icon Tutorial: Final Result



Author's URL: EmpireDezign
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 "Blue Icon"

Only registered users can write comment

No comments yet...