Create a Pixel-Perfect Social Icon Using Vectors

---

Step 5

Set the foreground color at #a1d8ff and pick the Rounded Rectangle Tool. Make sure that the radius is set at 25px, create an 80 by 40px vector shape and place it as shown in the first image. Open the Layer Style window for this new shape and enter the properties shown in the following images.

---

Step 6

Duplicate the vector shape made in the previous step (Control + J). Focus on the Layers panel, right click on this copy and go to Clear Layer Style. Select this copy, lower its Fill to 0% then open the Layer Style window and enter the properties shown in the following images.

---

Step 7

Set the foreground color at #dcdcdc, pick the Rounded Rectangle Tool and set the radius is set at 5px. Create a 70 by 40px vector shape and place it as shown in the first image. Open the Layer Style window for this new shape and enter the properties shown in the following images.

---

Step 8

Using the Type Tool add the “Share” piece of text and place it as shown in the first image. Use the Lobster font with the size set at 15pt and the color at #414141. Open the Layer Style window for this little piece of text and enter the properties shown in the following images.

---

Step 9

For the following steps you need a grid every 1px. Simply go to Edit > Preferences > Guides, Grid & Slices and enter 1 in the Gridline Every box. Set the foreground color at black, pick the Rectangle Tool, create a 1 by 38px vector shape and place it as shown in the first image. Make a copy of this thin rectangle, move it 1px to the right and replace the black used for the color with a white.

---

Step 10

Focus on the Layers panel and open the Layer Style window for the black rectangle made in the previous step. Enter the properties shown in the second image and click OK. Move to the white rectangle made in the previous step, open the Layer Style window and enter the properties shown in the third image.

---

Step 11

Set the foreground color at #4865a7, pick the Rounded Rectangle Tool, set the radius at 3px and create a 9 by 19px vector shape. Make sure that this new shape stays selected and switch to the Rectangle Tool. Check the Subtract button from the top bar and draw a 6 by 16px vector shape as shown in the second image.

Pages: 1 2 3