This is our another Photoshop tutorial to design social icons. Today we will design postage stamp type social icons in Adobe Photoshop. At the end of tutorial, you can download PSD file and PNG files of all social icons.
Before I start the tutorial, let’s see the final image of the social icons that we will design in this tutorial.
Create a new document of size 350 X 350px and transparent background.
Select rectangle tool.
Press and hold SHIFT key and draw a square shape in color #d7d7d7 as shown below.
Now Rasterize this square shape layer.
Select brush tool with following settings.
Load square shape.
Right click and select “Make Work Path..”
Select Pen tool. Right click again and select Stroke path >> Eraser
And then delete the path.
It looks like this now.
Apply following layer style to this shape.
Select Rectangle tool again. Create a new layer and draw another square shape in color #e7f3f9 as shown below.
Create a new layer and paste a social icon. Like here I am pasting twitter icon.
Now rotate all layer as shown below.
Create a new layer. Select Ellipse tool, and draw a elliptical shape in black color as shown below.
Apply Gaussian blur (Filter >> Blur >> Gaussian Blur) so it looks like a shadow.
So, our first social icon, Twitter icon is ready. Now just replace twitter icon by another social icons to make other social icons.
Below you can download PSD and PNG files of social icon set.