15
Feb
2013

Design Clipboard Icon in photoshop

Posted in: Photoshop , Comments Off

In this Photoshop tutorial we will design a cool looking clipboard icon. At the end of the tutorial you can download PSD file and PNG file of the icon.

Final preview

Below is the final preview of the clipboard icon.
54

So, lets start the tutorial.

Step 1:

Create a new document in Photoshop of size 256 X 256 px and transparent background.
32

Select “Rounded Rectangle tool” with 3px radius.
Rounded rectangle tool

Set color to #bb7107 and draw a round rectangle shape as shown below.
34

Apply following layer style to this rectangle shape.
35

36

So, it looks like this now.
37

Step 2:

Select “Rectangle Tool“.
rectangle tool

With color set to #cbc8c3 draw a rectangle shape as shown below.
38

Apply following layer style to this rectangle shape.
39

40

So, it looks like this now.
41

Step 3:

Again select “rectangle tool” and set color to #dfddd9 and draw another rectangle shape as shown below.
42

Apply following layer style to this rectangle shape.
39

40

So, it looks like this now.
43

Step 4:

Create a new layer (layer >> New >> layer). Select “Rounded Rectangle tool” with radius set to 3px and color set to #aca598
Draw a shape as shown below.
44

Go to Edit >> Transform >> Perspective
Now drag the top right point to slightly right side.
45

So, it looks like this now.
46

Again create a new layer and draw a rounded rectangle shape as shown below.
47

Now merge layers of both these rounded rectangle shape. Apply following layer style to the merged layer.
39

49

Step 5:

Using line tool draw few lines.
50

Now using custom shape, I will put a pen shape.
51

Step 6:

Create a new layer. Select “Ellipse tool”.
ellipse tool

With black color draw a shape as shown below.
52

Now apply Gaussian blur to this shape. (Filter >> Blur >> Gaussian Blur).
53

Free transform the shape (CTRL + T) and adjust it to have a shadow type effect. Our clipboard icon is ready.
54

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 icon source.

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

download

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.