15
Feb
2013

Design cool looking Briefcase icon in Photoshop

Posted in: Photoshop , Comments Off

Hello friends, today we will design a nice looking briefcase icon in Adobe photoshop. You can download the layered PSD file and PNG file of the icon at the end of tutorial.
Difficulty: Intermediate
Completion time: 15-30 minutes.
Tools: Adobe Photoshop

Final Icon

Before I start the tutorial, lets see the final image of the briefcase icon we will design in this tutorial.
final-briefcase-icon

Step 1:

Create a new document of size 512 X 512px and transparent background.
1

Create a new layer and name it as Briefcase Body. Select “Rounded rectangle tool” with radius 20px and set color to #85450f
Rounded rectangle tool

Draw a rounded rectangle shape as shown below.
2

Apply following layer style.
3

So, it looks like this now.
4

Step 2:

Press and hold CTRL key and click on Briefcase body layer.
5

This will load the rounded rectangle shape.
6

Create a new layer. Select Elliptical marquee tool with Intersect with selection.
10

Now select upper half of the rectangle shape.
7

Only upper half will be selected.
8

Create a new layer and name it as Top Half. Fill the selection with #995316 color.
9

Apply following layer style to this shape.
10

11

12

13

So, it looks like this now.
14

Step 3:

Create a new layer and name it as “Lock”. Select “Rounded rectangle tool” with radius 10px and set color to #cbcbca
Rounded rectangle tool

Draw a rounded rectangle shape as shown below.
16

Apply following layer style to lock layer.
17

18

So, it looks like this now.
19

Step 4:

Create a new layer just below “Briefcase body” layer and name it as “Handle”. Now select “Rounded Rectangle tool” with 20px radius and “paths”.
Rounded rectangle tool

21

Make a path as shown below.
22

Now select “brush tool” and set master diameter to 19px.
23

Now again select “Rounded rectangle tool” and set color to #64330b
Right click and select “Stroke Path”.
24

Select “brush” and click OK button.
25

So, it looks like this now.
26

Apply following layer style from blending options to handle layer.

So, it looks like this now.
28

Step 5:

Now we will add a small shadow at bottom of briefcase. Create a new layer and name it as shadow. select “Ellipse tool” and draw a elliptical shape in black color just below the briefcase as shown in below image.
29

Apply Motion Blur (Filter >> Blur >> Motion Blur).
18

And now apply Gaussian Blur (Filter >> Blur >> Gaussian Blur).

Free transform (CTRL + T) the shape and stretch to both side.
31

Change opacity of shadow layer to 70%. Our Briefcase icon is ready.
final-briefcase-icon

Icon License

Free to use for personal and commercial use. Everyone is free to distribute it. A kind request, please put a link back to our site as source.

Below you can download PSD file and PNG file of the icon.
download
Hope you liked the tutorial.

About the Author

Name: Ravi Shekhar
I love learning and sharing web stuffs.

Share this post

Twitter Facebook Google Buzz Digg StumbleUpon Delicious Technorati
Both comments and pings are currently closed.

Comments are closed.