Her

Home Photoshop Tutorials Drawing Techniques XP Style Floppy Icon

XP Style Floppy Icon

Author: Mopacity.com Author's URL: mopacity.com More by this author

Start by creating a rectangle using rectangular shape tool.

image 1

Select the rectangular path using direct selection tool. Select add anchor point tool. Add two point as shown in the image below. Select convert point tool and click on the top right node.

image 2

Adjust the nodes to create a rounded corner.

image 3

image 4

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 5

image 6

Create a rectangle using rectangular shape tool.

image 7

Enable subtract form shape area form the top bar.

image 8

Create a rectangle using rectangular shape tool.

image 9

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 10

image 11

image 12

Create a rectangle using rectangular shape tool.

image 13

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 14

image 15

image 16

image 17

Create a small square using rectangular shape tool.

image 18

Double click the layer to open layer style window. Apply layer style with the settings shown.

image 19

image 20

Select and merge all the layers. Press Ctrl+T. Right click the layer and select distort. Adjust nodes to get the shape as shown.

image 21

Duplicate the layer. Select the layer below in layer order.Move the layer a few pixels bottom left. Enable lock transparency pixels from the layer palette. Fill it with black color.

image 22

Duplicate the layer and repeat the above step. This'll create an illusion of 3d depth.

image 23

Select and merge all the layers. Press Ctrl+T. Scale down. Double click the layer to open layer style window. Apply layer style with the settings shown.

image 24

XP Style Floppy Icon