Create Black Briefcase Icon in Photoshop

briefcase

In today’s Photoshop tutorial, we will create an cool black briefcase icon from scratch using simple shapes and layer styles. Let’s get started!

Step 1

Create a new document with size of 1280 x 1024 pixels at a resolution of 300ppi, select white as the background color. Actually a good background for an icon is Transparent, but in this tutorial i use the white color just to make it easier, whereas after the icon is complete, you can disable this white background and save it in PNG.

First we create the base, use the Rounded Rectangle Tool (U) with a radius of 45px, make a shape as shown in the following figure.

Create black briefcase icon from scratch in Photoshop

Step 2

Now on the menu select Layer > New Fill Layer > Solid Color, when a dialog box click OK, the next will appear Color Picker window, select black # 000000 and click OK.

Create black briefcase icon from scratch in Photoshop

Step 3

In the layers palette, click the double-layer Solid Color 1 to display the Layer Style window. As our basic colors create smooth gradient from dark gray to a little light. Check the Gradient Overlay layer style and set it as follows. Do not press OK because we’ll move on to step 4.

Create black briefcase icon from scratch in Photoshop

Step 4

Now give Stroke on a Solid Color 1 layer, set it as the picture below. Press OK when done.

Create black briefcase icon from scratch in Photoshop

Up here we get a picture as follows.

Create black briefcase icon from scratch in Photoshop

Step 5

Create another shape using Rounded Rectangle Tool (U) radius 45px. Make sure the top line, right and left cheek by jowl with the line on a shape. So shape 2 has a width equal to shape 1 with a height less than half. Use the Add Anchor Point Tool, add a new anchor point at the center of the bottom line second shape, then drag the anchor point slightly downward to obtain a curved line.

Create black briefcase icon from scratch in Photoshop

Step 6

Back as we did in Step 2, choose Layer > New Fill Layer > Solid Color on the menu, when a dialog box click OK, the next will appear Color Picker window, select the color # 353535 and click OK.

Create black briefcase icon from scratch in Photoshop

Step 7

Double-click the Solid Color 2 layer to display the Layer Style window. First we use the Drop Shadow, select it and set it as follows.

Create black briefcase icon from scratch in Photoshop

Step 8

The next Layer Style is Gradient Overlay.

Create black briefcase icon from scratch in Photoshop

Step 9

Next add the Stroke to Color Fill 2 layer. Set the following and press OK.

Create black briefcase icon from scratch in Photoshop

After completing the nine steps we obtain the following results.

Create black briefcase icon from scratch in Photoshop

Step 10

Create new shape using the Rounded Rectangle Tool (U) with a radius of 10px. Select Layer > New fill layer > Solid Color, select color # abacb0 on the Color Picker.

Create black briefcase icon from scratch in Photoshop

Step 11

We need to give some Layer Style on the Color Fill 3 layer. Here is a screenshot that may help you give a Drop Shadow, Inner Shadow, Bevel and Emboss and Gradient Overlay layer.

Create black briefcase icon from scratch in Photoshop

Up here we get the following picture.

Create black briefcase icon from scratch in Photoshop

Step 12

Create a new shape again, and as before, use shapes to make the Color Fill layer, but the colors that we use in this step is the # 6e6e6e. With the same width with which we created in step 10 while the height is half.

Create black briefcase icon from scratch in Photoshop

Step 13

As we did in the Color Fill 3 Layer, we need to give some Layer Style on the Color Fill 4 Layer. Here is a screenshot that may help you give a Drop Shadow, Inner Shadow, Bevel and Emboss and Gradient Overlay layer.

Create black briefcase icon from scratch in Photoshop

Up here we get the following picture.

Create black briefcase icon from scratch in Photoshop

Step 14

Add a new shape and fill with color #383838. Put this new Color Fill layer under all layers.

Create black briefcase icon from scratch in Photoshop

Step 15

Give Color Overlay Layer Style on the Color Fill 5 layer. Set as follows.

Create black briefcase icon from scratch in Photoshop

Duplicate Layer and Color Fill 5 and shift one of the two leftist, try to make the position of the two symmetries, we will get the following picture.

Create black briefcase icon from scratch in Photoshop

Step 16

Create a new shape again, this time fill it with black # 000000. Place the Color Fill 6 layer under all the existing layers.

Create black briefcase icon from scratch in Photoshop

Step 17

Click Color Fill 6 layer two times to display the Layer Style window, add a Layer Style as follows.

Create black briefcase icon from scratch in Photoshop

Duplicate Layer and Color Fill 6 and shift one of the two leftist, try to make the position of the two symmetries, we will get the following picture.

Create black briefcase icon from scratch in Photoshop

Step 18

Now we make the handle, do as the steps we have already passed before, first make a new shape and then filled with black # 000000, put the position of Color Fill 7 layer above all layers.

Create black briefcase icon from scratch in Photoshop

Step 19

As before also, double click on the Color Fill 7 layer to display the Layer Style.

Create black briefcase icon from scratch in Photoshop

arrive at this step we obtain the following picture.

Create black briefcase icon from scratch in Photoshop

Step 20

Create new Color Fill layer again but this time fill it with #151515.

Create black briefcase icon from scratch in Photoshop

Step 21

Adding the Layer Styles,

Create black briefcase icon from scratch in Photoshop

and we get this image,

Create black briefcase icon from scratch in Photoshop

Final Result

Just add a shadow on our images, we’ll get a cool icon as you wish. I hope you enjoy this tutorial, please subscribe to Grafisia RSS feed or simply share this tutorial to your friends.

Create black briefcase icon from scratch in Photoshop

Download psd file

One Comment

  1. sathiyendran

    best

Leave a Reply