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

Custom Hard Drive Icon


Create a new document 600x460 pixels with your desired background, create a new layer called "hd_top" select the rounded rectangle tool, once you have the rounded rectangle selected we need to change a few options, change the selection type to "shape layers" and change "radius" to 20 pixels.

Custom Hard Drive Icon image 1

Select the color black then drag out your rectangle whilst holding down the shift key, this will ensure we get a nice even square. Goto "edit > transform > perspective" drag the top right or left anchor point inwards untill you have a look like this.

Custom Hard Drive Icon image 2

The rectangle we just created will be the top of our hard drive so lets give it abit of depth and add these layer styles.

Custom Hard Drive Icon image 3

Custom Hard Drive Icon image 4

The gradient overlay is not really important you can change that to any color you like. You should now have something like this.

Custom Hard Drive Icon image 5

Duplicate your layer "hd_top" then drag the new layer underneath its orginal, right click it and goto "clear layer styles" now add a color overlay using the color "#5e5e5e". Name this layer "hd_middle" then move it down a couple of times.

Custom Hard Drive Icon image 6

Duplicate the "hd_top" layer then right click and clear the layer styles. Now whilst holding the "ALT" key on the keyboard press the down arrow key about 40-42 times. Now doing this will create 40-42 new layers and with each press of the down arrow key it shifts it down 1 pixel. HIDE all layers apart from the ones you just duplicated, then goto "layer > merge visable" the 40-42 layers should now have been merged into one layer, unhide all your other items then drag the layer underneath "hd_middle". Name this new layer "hd_bottom".

Custom Hard Drive Icon image 7

Now add these layer styles to "hd_bottom".

Custom Hard Drive Icon image 8

Custom Hard Drive Icon image 9

Custom Hard Drive Icon image 10

You should be left with this.

Custom Hard Drive Icon image 11

Now we have our basic shape for our hard drive, now its time to dress it up with some extras, firstly create a new layer above "hd_top" called "hd_shine" select the pen tool and create a selection like this.

Custom Hard Drive Icon image 12

Fill the selection with the color white then set layer opacity to about 15%.

Custom Hard Drive Icon image 13

Now were going to make the indent in the top of our hard drive, duplicate "hd_top" then press "CTRL + T" now whilst holding down the shift key resize it and place in the middle of the hard drive. rename this layer "hd_indent".

Custom Hard Drive Icon image 14

Add this inner shadow to your indent shape.

Custom Hard Drive Icon image 15

Now set layer blending mode to "lighten", your indent layer should now look like this.

Custom Hard Drive Icon image 16

Select the rectangular marquee tool and create 2 small squares, make sure the two squares are on seperate layers labelled "light 1 on" and "light 2 off".

Custom Hard Drive Icon image 17

Add these layer styles to your "light 1 on" layer.

Custom Hard Drive Icon image 18

Custom Hard Drive Icon image 19

Custom Hard Drive Icon image 20

Add these layer styles to your "light 2 off" layer.

Custom Hard Drive Icon image 21

Custom Hard Drive Icon image 22

You should now have something like this.

Custom Hard Drive Icon image 23

Now create a long rectangle in the middle, and a small square on the right. Add these layer styles to these two items.

Custom Hard Drive Icon image 24

Custom Hard Drive Icon image 25

On the small square change the color overlay to white, you should have something like this.

Custom Hard Drive Icon image 26

Inside the long rectangle add a 1 pixel yellow line then add a 2 pixel dark grey line using the rectangular marquee tool. In the small white box add 4 dots. (see image below).

Custom Hard Drive Icon image 27

To finish the icon add a simple name for your hard drive.

Custom Hard Drive Icon Tutorial: Final Result



Author's URL: Hv-Designs.co.uk
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 "Custom Hard Drive Icon"

Only registered users can write comment

No comments yet...