Create a Hosting Server Tutorial

Made by: Nick

Hosting Server End Result

Step 1:


Let’s start out by creating a new file of 480 X 500px, then grab the backgound image below and insert into your canvas:

Step 1 result

Step 2:


Now select the Rounded Rectangle Tool, under the options palette choose Fill Pixels, set the radius to 6px and check the anti-aliased checkbox. In a new layer draw a gray rounded rectangle with 57 X 112px dimensions.

Step 2 result

Step 3:


Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow, Satin and Gradient Overlay blending options to your gray rounded rectangle layer as shown below:

step 3 part 1

step 3 part 2

step 3 part 3

Result:

step 3 result

Step 4:


Create a new layer and draw a rounded rectangle with a #070B0C color shade and 53 x 41px dimensions. Then make another rounded rectangle with 53 x 66px dimensions as shown below (the below image is in two steps, left to right).

step 4 result

Step 5:


Now cut three 1 px lines on the top side of the rounded rectangle shape as shown below.

step 5 result

Step 6:


Under Layer Style(Layer > Layer Style) add an Inner Glow and Gradient Overlay blending options to your rounded rectangle shape layer with the settings below.

step 6 part 1

step 6 part 2


Result:

step 6 result

Step 7:


Create a new layer and draw a black rounded rectangle with 57 x 112px dimensions.

step 7 result

Step 8:


Under Layer Style(Layer > Layer Style) add a Satin blending option to the black rounded rectangle layer. Then set the layer's blending mode to Lighten.

step 8 part 1

Result:

step 8 result

Step 9:


Now duplicate the line design twice and position them next to each other as shown below.

step 9 result

Step 10:


Now make a new layer and draw a small green circle with a #7D9631 color shade on the center of the hosting server.

step 10 result

Step 11:


Under Layer Style(Layer > Layer Style) add an Inner Glow and Gradient Overlay blending options to the small green circle layer.

step 11 part 1

step 11 part 2


Result:

step 11 result

Step 12:


In a new layer draw two small black rounded rectangle on the bottom side of the hosting server.

step 12 result

Step 13:


Under Layer Style(Layer > Layer Style) add an Inner Glow blending option to the black rounded rectangles layer.

step 13

Result:

step 13 result

Step 14:


Now add more rounded rectangle designs.

step 14 result

Now you can duplicate that and change it around as much as you like, what I ended up with is shown below.

End Result:


My end result looked like this, hopefully yours will look similar (if not the same):

Hosting Server End Result

Feed the Dragon MySpace Tutorials