Realistic 3D rack server

admin · #1 (**permalink**) 11-21-2007, 11:46 PM

Today i will create Tutorial Number 140 from 500 Tutorial Marathon
I will show you a very nice technique to create 3D servers

Or you can see another variation:

Start with a new document. Size 600x600 Pixels with a white background
Select Rectangle tool and create 2 shapes

Then rasterize this layers
Layer > rasterize > shape

Select Polygonal Lasso Tool and make a selection like mine

Then Hit Delete on your Keyboard
Press CTRL+D to deselect

With The same tool ( Polygonal lasso Tool, and create a selection like mine )

After you create this selection , hit the Delete key from your keyboard, and do not forget to press CTRL+D to deselect

Now apply the following layer styles for this layer

This is my result

Now please download the attachment from this thread ( you can find it at the end of this thread )
Inside this package you can find a photo with some servers. open this servers in photoshop, and place this servers like me

Be sure you place this rack servers right above the background layer
in the attachment you will find only one server. please duplicate this layer a few times ( to duplicate a layer be sure you have the layer selected , then press CTRL+J )

I have used also another images with a switch. feel free to experiment with different images

Now for all this server layers please add the following layer styles

This is my result

Create a new layer on top of all layers ( press CTRL+SHIFT+ALT+N)
Select Brush Tool ( soft round brush - 21 pixels )
On the new layer create the following drawing

Drag this layer aright above the servers, and lower the opacity for this layer to 30-40 %

Now for the right side of the server please add the following layer style

This is my result

now let's merge all the layers except the layer you have already applied an gradient style.
To merge the layers into a single one, please select the layers in your layer palette, then press CTRL+E

then you can see the merged files

Now it comes the best part.
select the left part of the server ( the one with servers ) and go to Edit > Transform > Distort
Move the corners of the server until you have the following result

Create a new layer, then select Polygonal Lasso Tool, and create the following selection

Then go to Edit > stroke ,and use the following settings

now go to Select > modify > contract and select Contract by 1 pixel

Again go to Edit Stroke and use the following settings

Now go one more time at Select > modify > expand , and chose Expand by 3 pixels

go to Edit > stroke for the last time and use the following settings

This is my result, after i click CTRL+D to deselect

With the same technique you can add the same details for the right side of the server

The server looks good but not good enough
please create a new layer, then with brush tool do the following lines

Then change the layer blending mode to Overlay

With Pen tool , create the following shape

For this shape add a simple layer style. maybe a drop shadow and some gradients

this is my final result

And a small variation, after i have created some clones

I hope you like it. It will be nice to see some other types of servers

useps2bcomemillionaire · #2 (**permalink**) 11-22-2007, 04:05 AM

doesnt look real at all!!

you've gotta be kidding me...

huge disappointment admin...

gspx · #3 (**permalink**) 11-22-2007, 01:06 PM

I reakon it's pretty cool *Makes* xD

hello123456 · #4 (**permalink**) 11-24-2007, 10:49 PM

The server is nice, i would only take some more modern looking computers to put in it, also the bar on the right at the front doensn't look really 3D

But i'll try this one fore sure