This is a Premium Blog

3D Callout Icon

Written on June 9, 2007 by admin

In this tutorial, you will learn how to create 3D callout icon. It look really cool. The result will be like this:

3D Callout Icon - Photoshop Tutorials

Fill the background with black color. Draw this white colored shape using ellipse tool.

3D Callout Icon - Photoshop Tutorials

Press “+” from the numeric keypad. Select pen tool and draw the shape as shown.

3D Callout Icon - Photoshop Tutorials

It’ll be like this.

3D Callout Icon - Photoshop Tutorials

Apply the gradient

3D Callout Icon - Photoshop Tutorials

It’ll be like this.

3D Callout Icon - Photoshop Tutorials

Create another ellipse.

3D Callout Icon - Photoshop Tutorials

Apply similar gradient overlay as we applied in our first shape but the angle is +90 degree.

3D Callout Icon - Photoshop Tutorials

It will be like this.

3D Callout Icon - Photoshop Tutorials

Duplicate the first layer and rasterize it. Send it to back (by pressing shift+control+{ ) and place it as shown.

3D Callout Icon - Photoshop Tutorials

Create a new layer. Draw a selection like shown in the figure with polygonal lasso tool.

3D Callout Icon - Photoshop Tutorials

Fill the selection with #0588BC color.

3D Callout Icon - Photoshop Tutorials

Create a new layer. Use high feather brush. Select #013C54 as fill color and fill the color below the first shape so that we can have a shadow like effect.

3D Callout Icon - Photoshop Tutorials

3D Callout Icon - Photoshop Tutorials

Now, group and merge all the layers. Duplicate the layer once again and send it to back. Also move the new layer 12-15 pixel downward by pressing down arrow key for 12-15 times.

3D Callout Icon - Photoshop Tutorials
>Finally, change the opacity of this layer around 50%.

3D Callout Icon - Photoshop Tutorials

Done..! Our 3D Callout Icon is ready..

If you enjoyed this post Subscribe to our feed

2 Comments on “3D Callout Icon”

  1. sql server lover |

    great article

  2. SEO Forum |

    omg !!!! great !!!!

Leave a Reply