Create Stylish Clipboard Icon

This step-by-step Photoshop graphic design tutorial involves designing  stylish clipboard icon.

Preview:

Stylish Clipboard Icon Design.

icon (20)

Step 1:

Let’s start out by creating a new file. I used a 400×400 pixels canvas set at 72dpi, and I filled my background with white. Now make a new layer set and name it ‘Clipboard’. In a new layer draw a light blue rounded rectangle with a very low corner radius, #477ED1 color shade and 119 x 141 px dimensions.

icon (1)

Step 2:

Under Layer Style(Layer > Layer Style) add an Inner Shadow, Satin, and Gradient Overlay blending options to the light blue rounded rectangle layer.

icon (3)

icon (4)

icon (5)

Result:

icon (2)

Step 3:

In a new layer draw a white rectangle with 103 x 128 px dimensions.

icon (6)

Step 4:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Outer Glow, Inner Glow, and Gradient Overlay blending options to your white rectangle layer.

icon (8)

icon (9)

icon (10)

icon (11)

Result:

icon (7)

Step 5:

Duplicate the white rectangle layer and rotate it to the left by a few pixels. On the layers window place the duplicate white rectangle behind the original white rectangle layer.

icon (12)

Step 6:

In a new layer draw a small gray rounded rectangle with a 10 px corner radius, #B2B6B9 color shade and 71 x 11 px dimensions. Then draw a smaller gray rounded rectangle on top of the first.

icon (13)

Step 7:

Under Layer Style(Layer > Layer Style) add an Outer Glow, Inner Glow, Satin, and Gradient Overlay blending options to the gray rounded rectangle design from the last step.

icon (15)

icon (16)

icon (17)

icon (18)

Result:

icon (14)

Step 8:

Select the Horizontal Type Tool. Set the font family to Arial, regular, 6 pt, smooth and black color shade. In a new text layer type some random text on the clipboard.

icon (19)

Results:

Stylish Clipboard Design.

icon (20)

skyje

Skyje is a Blog for Web Designers and Web Developers featuring Social Networking news and everything that Web 2.0. You can Subscribe to Skyje feed.

You may also like...

2 Responses

  1. Very nice result. Keep up the good work!

  2. nate says:

    Great tutorial. Very 3d looking. You’d think that clipboard icons would be much easier to find. Thanks.

Leave a Reply