Photoshop  Home Photoshop Drawing Techniques Download Icon
rss

Download Icon

Author: YourPhotoshopGuide.com More by this author


This tutorial teaches you to create nice looking Download Icon. Final output of the Download Icon can be seen below :

Download Icon Tutorial: Final Result

First we will draw floppy which means storage. Draw this shape with rounded rectangle tool having 4 pixel radius.

image 2

Apply gradient overlay & stroke as shown:

image 3

image 4

image 5

Draw this dark gray colored shape with rectangle tool :

image 6

Apply Bevel & Emboss as shown:

image 7

image 8

Draw black color shape with rectangle tool :

image 9

Draw this white color shape again with rectangle tool :

image 10

Add 1 pixel wide black color lines in it:

image 11

Draw small dark gray color square with rectangle tool at the left top part of the floppy :

image 12

Group and merge all layers. Duplicate the layer and send it to back. Rotate it around 15 degree.

image 13

Now select this autoshape :

image 14

Draw the shape as shown :

image 15

Apply gradient overlay and stroke as shown:

image 16

image 17

image 18

Control+click on its layer name in layer palette to select it. Go to Select>Modify>Contract and contract the selection by 1 pixel. Create a new layer and fill the layer by selecting #EA7440 as foreground and white as background color. Select linear gradient and fill the shape. Press control+d to deselect and change the layer style from normal to screen.

image 19

Group and merge these two layers. ( arrow layer and glossy layer). Erase the top part of the shape. Download Icon is ready :)

Download Icon Tutorial: Final Result




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Download Icon"