The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Download Icon

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



Author's URL: YourPhotoshopGuide.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Download Icon"

Only registered users can write comment

No comments yet...