Creating a computer

In this tutorial, we will learn to create a xp style computer case.

Click on auto shapes and select rectangle tool to draw this shape. Color is not important here, as we change it very soon :)


Go to Edit>Transform>Skew. Adjust the points to have this shape.

Now, right click on its laye name. Select Blending options and select gradient overlay with these settings :-

Image after applying gradient overlay.

Again draw this shape with rectangle tool.

Go to Edit>Transform>Skew and adjust the points to have this shape.

Apply gradient overlay and stroke as shown :-

Image after applying above layer styles.

Using the same technique, draw another shape with rectangle tool. Use same stroke settings as we did for our previous two shapes and apply gradient overlay as shown.

Image after applying above layer styles :-

Draw this shape with pen tool.

Apply gradient overlay and stroke as shown :-

Image after applying above layer styles :-

Draw a shape with rectangle tool. Use #2C2E45 as foreground color.

Draw 1 pixel wide #ABABAF color line with line tool below the shape.

Draw similar colored shape and line as shown in the figure.

Draw a #30FE3F color circle and below this a #F01011 colored circle with ellipse tool. Also add white color dots in them.

Draw a white colored circle as shown :-

Apply gradient overlay as shown :-

Our xp style computer case is ready :-