Photoshop  Home Photoshop Drawing Techniques 3D Callout Icon
rss

3D Callout Icon

Author: YourPhotoshopGuide.com More by this author


In this tutorial, you will learn to create a nice looking callout icon. Final outcome of the tutorial can be seen below :

3D Callout Icon Tutorial: Final Result

Fill the background with black color. Draw this white colored shape with the help of ellipse tool :

image 2

Press "+" from the numeric keypad. Select pen tool and draw the shape as shown :

image 3

image 4

Now, apply gradient overlay as shown :

image 5

image 6

Create another shape with ellipse tool as shown :

image 7

Apply similar gradient overlay as we applied in our first shape but change the angle from -90 degree ( as in previous shape ) to +90 degree.

image 8

image 9

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

image 10

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

image 11

Fill the selection with #0588BC color.

image 12

Now, control+click on the third layer's name in layer palette to select it (the layer which we duplicated, and sent it to back )

image 13

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

image 14

image 15

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.

image 16

Finally, change the opacity of this layer around 50%. Our 3d callout icon is ready :)

3D Callout Icon Tutorial: Final Result




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "3D Callout Icon"