If you don’t like the look of the rectangular circles, you can always use other shapes like a square or circle. To make a perfect circle or square, be sure to hold the SHIFT key as you are making them.
If you are already pleased with what we have just done, you can stop here but if you would like to spice up the icons some more go on and continue reading. We shall start by adding some Drop Shadow to the icons. Open the ‘symbols’ group, select one of the icons and click the fx icon > Drop Shadow. Use the following settings:
Repeat the previous step with the rest of the icons. To make your work a lot easier, right click on the layer > Copy Layer Style. Then select the rest of the icons/symbols layers, right click > Paste Layer Style.
Now add some Inner Shadow to the background of each icon. So open up the ‘icons bg’ group, select the layer and click the fx icon > Inner Shadow. Use the following settings:
Create a new layer and name it Gloss Effect. Change the foreground color to #ffffff; using the Rectangular Marquee Tool, create some rectangles that is just half the size of your icon (approx. 50x25pixels). Do this for all of the icons.
Then Change the Blend Mode to Soft Light and Opacity to 20% and Fill to 80%.
(If you are doing this step, be sure to not show the Gloss Effect) Create a new layer and name it to Long Shadow. This step is a bit harder compared to rest of the effects. Place the new layer below the Gloss Effect layer.
Grab the Polygonal Lasso Tool and start creating some tilted rectangles: start by following the shape of your icon only from the bottom-right side then make a diagonal line until it reaches the bottom-right end of the icon’s background,make a straight line just until it reaches the center of the background then connect the lines.
Last step! Change the layer’s opacity to 10% and it’s fill to 0%.
Now Click on the fx icon and select Color Overlay…. Use the following settings:
Now Select Gradient Overlay.. and use these settings:
Download the PSD
[vc_column width=”1/1″ el_position=”first last”] [vc_cta_button title=”Download” href=”http://downloads.photoshoptutorials.ws/Social Media Icons.zip” color=”btn” size=”btn-large” icon=”none” target=”_self” position=”cta_align_right” call_text=”FILENAME.zip | 5.6 MB” width=”1/1″ el_position=”first last”] [/vc_column]