16
Feb
2013

Design great looking curly social icons in photoshop

Posted in: Photoshop , , Comments Off

Today we will design file type curly social icons in Adobe Photoshop. At the end of tutorial, you can download PSD files and PNG files of all social icons.

Final Preview

Before I start the tutorial, let’s see the final image of the social icons that we will design in this tutorial.

Step: 1

Create a new document of size 400 X 400px and transparent background.

Step: 2

Select rectangle tool and draw a shape as shown below.


Apply following layer style to this rectangle shape layer.






So, it looks like this now.

Step: 3

Select brush tool with soft rounded shape of 300 px master diameter.


Select white color and apply brush once on this rectangle shape.

Step: 4

Select Polygonal Lasso Tool
Polygonal Lasso Tool

And select right bottom corner.


Rasterize the rectangle shape layer and cut the selected part (CTRL + X)

Step: 5

Create a new layer, paste the cut part as shown below.


Apply following layer style to this paste part.




So, it looks like this now.

Step: 6

Paste a social icon. Here I am pasting twitter icon.


Apply following layer style to twitter icon layer.




So, it looks like this now.

Step: 7

Load icon shape.


Using elliptical marquee tool, select upper half as shown below.


Create a new layer, and fill the selected part with #fff color.


Change layer mode to Soft Light and opacity to 20%. So, it looks like this now.


Our first social icon is ready. Now we will only change social icon, and make other social icons.

Below you can download PSD and PNG files of social icon set.

download

About the Author

Name: Ravi Shekhar
I love learning and sharing web stuffs.

Share this post

Twitter Facebook Google Buzz Digg StumbleUpon Delicious Technorati
Both comments and pings are currently closed.

Comments are closed.