Welcome to Fiery Darts. We are striving to be your home for learning what you can about Adobe Photoshop by providing uniqe, timely and regular tutorials. Please take a moment to bookmark our site.

XP Style Hardware Icon

Filed under: Web Graphics — Fiery Darts @ 6:28 pm

XP Style Hardware Icon
Start by creating a rounded rectangle shape using rounded rectangle shape tool.
Create a circular frame shape using custom shape tool.
Select both the layers. Press Ctrl+t. Right click the layer and select distort. Adjust nodes to get the shape as shown.
Select the circular frame layer. Double click the layer to open layer style window. Apply layer style with the settings shown.
Select the rounded rectangle layer. Double click the layer to open layer style window. Apply layer style with the settings shown.
Press Alt key and keep hitting down arrow to create a 3D extrusion.
Select and merge all the duplicate layers. Double click the layer to open layer style window. Apply layer style with the settings shown.
Create a circular frame shape using custom shape tool. Enable subtract from shape area at the top bar. Create two rectangle as to create a quarter circular frame.
Apply the same layer style we used for rounded rectangle layer.
Press Alt key and keep hitting down arrow to create a 3D extrusion. Select and merge all the duplicate layers and apply the same layer style we used for the 3D extrusion layer.
Create a circle shape using elliptical shape tool. Enable add to shape area at the top bar. Create some more overlapping rectangular shapes as shown.
Press Ctrl+T. Right click the layer and select distort. Adjust nodes to get the shape as shown.
Repeat the above steps to create 3D extrusion.
Select and merge all the layers. Double click the layer to open layer style window. Apply layer style with the settings shown.
« Crystal Background Effect   Tree Style Text Effect »

4 Comments »

  1. XP Style Hardware Icon…

    Create an effective hardware icon that has the XP look to it using this tutorial….

    Trackback by meneame.net — May 11, 2006 @ 6:59 pm

  2. nice tutorial dude;)

    Comment by ourvoice — May 16, 2006 @ 8:54 am

  3. very nice n detailed tutorial

    Comment by kory — May 16, 2006 @ 10:59 am

  4. How do you put that icon as ur hard drive?

    Comment by Carlos — May 16, 2006 @ 6:55 pm

RSS feed for comments on this post. | TrackBack URI

Leave a comment

XHTML ( You can use these tags): <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong> .