Design 3D social icons in Photoshop
Hello, today we will design 3D social icons in Photoshop. I will explain step by step. We will transform shapes few times to give 3d look to icons.
Completion time: 20-30 minutes.
Tools: Adobe Photoshop
Before I start the tutorial, lets see the final image of the social icons that we will design in this tutorial.
Create a new layer between First Face and Second Face layers and name new layer as “Bottom Corner“. Select “Pen Tool“.
Using pen tool make a triangle path in left bottom corner as shown below.
Now right click and select “Fill path”
And fill path with color #e4cf9d (Its same color we used for First face shape).
using CTRL key select First Face, Bottom Corner and Top Corner layers.
Now right click on any layer and select “Merge layers“.
Rename merged layer as “Back Face“.
Apply following layer style to Back Face layer.
It should look like this now.
Press and hold CTRL key and click on Back Face layer. This will load Back Face layer.
Set foreground color to #ad8c2b and select Gradient tool with “Foreground to Transparent“.
Press and hold SHIFT key and drag mouse from top right corner to slightly left side to apply gradient.
Similarly apply gradient in left bottom corner.
Create a new layer just above Background layer and name it as Shadow. Using Pen Tool make a path and fill it with black color as shown below.
Apply motion blur (Filter >> Blur >> Motion Blur) to “Shadow layer” with -27 angle.
Our one social icon, ie. RSS icon is ready.
I hope you liked the tutorial.
Free to use for personal and commercial use. Everyone is free to distribute it. A kind request, please put a link back to our website as source.