Hello welcome to another tutorial by hv-designs, in this tutorial il show you how to make a simple stylish “share this icon” you mainly see icons like this on blogs to promote posts and stuff. Now you can add one to your blog.

Lets get started create a new document 496 x 496 pixels. Use your prefered background color, ive choses a nice light blue gradient background.

Select the custom shapes tool from the sidebar menu.

Select the sheild shape from the custom shapes libary, change to “shape layers” (see image below).

Using “shape layers” will retain the shapes quality when needed to resize your document at a later stage. Drag your sheild onto your canvas then add these layer styles.

You should have something like this.

Select the pen tool, change from “shape layers” to “paths”, create a path like this.

Right click in the middle of your canvas and goto “fill path”, make sure you have the color white selected and that you’ve create a new layer. Select the new layer (so the layer turns blue) then holding the CTRL key on the keyboard click your sheild layer. You should have loaded a selection, now goto “select > inverse” then press the delete key on the keyboard. Set the new layers opacity to about 23%, label your layer as “sheild shine”.

Head back into the custom shapes libary and select the heart shape, draw out your heart shape in the middle of you sheild, fill with any color then add these layer styles.

You should have something like this.

Using the pen tool once more make two selections (one at a time) like the image below. Use the same method as when we create the shine for the sheild.

Fill the selections with the color white then set layer opacity to 20%.

Select the type tool and simple add a plus sign to the heart.

Thats it all done, now just merge your layers (bar the background layer) and resize as you wish. Thanks for reading…. dont forget to subscrive to our RSS feeds and TWITTER. Till next time, have a good day.