How to Create a Facebook Icon Using Photoshop

Step-by-Step Guide

1. 1

   Step 1: Open a new document.

   You can choose any settings as preferred.
   
   Press OK when everything is set.
   
   Set the document to the following values:
   Size: 500 x 500 Resolution: 72 pixels/inch Color Mode:
   RGB Color at 8 bit Background Contents:
   Transparent
2. 2

   Step 2: On Tool options

   ,, Set all the values and press OK once done. , Press Ctrl + Shift + N.
   
   Name it (e.g. “Button Gloss”) and click OK. , Grab the Elliptical Marquee Tool.
   
   Set white as your foreground color. , Select the the Foreground to Transparent gradient.
   
   Drag the gradient from bottom to the top. ,, You can set it to 20% or to whatever you feel looks better. , Draw like bellow and change layer opacity to 30%. , Create a rectangular shape just at the bottom part of the image.
   
   Set the properties into the following values: , Set the values into Arial Bold for the Font Style and 300 sharp for the Font Size. , Position it at the middle of the right side. ,
3. 3

   Step 3: select Rounded Rectangle Tool.

4. 4

   Step 4: Drag mouse on the editor pad to create a rounded rectangle image.

5. 5

   Step 5: Apply a blue gradient overlay to the image.

6. 6

   Step 6: Create a new layer.

7. 7

   Step 7: Create an ellipse over the top of the image.

8. 8

   Step 8: Open the Gradient Editor.

9. 9

   Step 9: Clean up the excess gradient around the edges of the image by pressing Alt + Left Click between the Button Gloss layer and the Button Layer.

10. 10

    Step 10: Set the Opacity of the Button Gloss.

11. 11

    Step 11: Select Elliptical Marquee Tool again and set properties.

12. 12

    Step 12: Select Elliptical Marquee Tool one more time.

13. 13

    Step 13: Click on the Text Tool.

14. 14

    Step 14: Type letter “f”.

15. 15

    Step 15: Your final Facebook icon should look like this.

Detailed Guide

About the Author