header.jpg - 17kb

If you wish to work this tutorial offline, click here to download a zip copy. Unzip all the files into the same folder, and open index.html in your browser.

This tutorial will show you a simple way to make a marble room, with steps, pillars and windows. You can vary the number and position of all the elements in it, to make your own individual room.

material.gif - 19kb
First, you need to choose the marble for your room. The pink one that I have used came from http://www.grsites.com and you will find a huge selection of marble tiles there to choose from.

Open a new image, 400x300, 72dpi, transparent background. You can make a bigger image, of course, but I am using this size to keep the tutorial images a reasonable size.

ex1.gif - 12kbSet the foreground style to gradient, and choose the summer field gradient, using the settings shown here. Use the fill tool ex2.gif - 1kb and left click in your image to fill it with the gradient. That will give you a nice sky in the top half of your image. Don't worry about the green area at the bottom - we shall be covering that up.

Add a new layer to your image and name it 'back wall'. Click on this layer to make it the current one.

Now use the selection tool, ex3.gif - 1kb and in the tool options palette set the selection type to rectangle, feather to 0 and uncheck antialias. Now put your cursor in the top left corner of the image. Check in the status bar that it is at position 0,0. Click and drag to select an area the whole width of the image and just into the green, below the light coloured line. The selection should be 400x188 and the status bar figures will look like this. ex4.gif - 2kb

Make sure that your marble image is open in PSP. Set your background style to texture, (the dots on the flyout that appears when you click on the triangle in the corner of the style).

ex5.gif - 72kb
Click on the texture that appears in the style and you will get the small box in the centre of the image above (the one with 'bean thing' displayed). Click on the arrow to the right of the displayed texture, and the display on the left will appear. Scroll to the top and you will see your marble displayed, as mine is here - mine is called material.gif. Click on it and OK the box. Your marble will now show as the background fill. Use the fill tool ex2.gif - 1kb and right click in the selection in your image, which will be filled with the marble, and look like the image below.
ex6.gif - 67kb

It is a good idea to save your image regularly in case you have some disaster like a crash. Save it now as room.psp and continue to save it after every step that we do from now on.

We need to darken the back wall, because we shall be using the original shade of the marble for the floor and the top of the steps, so keeping your marble wall selected, use Colours>Adjust>Gamma Correction. In the Gamma Correction box, make sure that all the sliders are showing the same figure. If they are not, uncheck Link, move them till they are all the same, and check Link again. With Link checked, draw one slider to 0.66. The others will follow to the same figure. OK that, and your wall will be darker. Release the selection (use Selection>Select none).

Use the selection tool, ex3.gif - 1kb still set at rectangle as before, and place your cursor at 50,40. (use the status bar to make sure it is in the right place. Drag down and right till the second pair of figures in the status bar show 89,136. ex7.gif - 2kb

ex9.gif - 9kbMake sure you are still on the back wall layer, and now hit the delete key. A hole will appear in your marble wall, with the sky showing through it. Release the selection. This rectangular window is OK, but it would be nicer with a rounded top, so keep the selection tool as the current tool, but change the selection type to circle. Place your cursor at 69,40 and drag left till it shows ex8.gif - 2kb. Your window area will now look like the image on the right. Hit the delete key again, and you have a nicely shaped window.

Release the selection, and then click inside the window with the magic wand tool. ex10.gif - 1kb Only the window should be selected. If any of the marble area is selected, undo the selection, and lower the tolerance figure on the tool options palette to 4 and try again.

Now select the mover tool.ex11.gif - 1kb Right click inside your selected window and drag the selection over to the right, leaving about half a centimeter of marble between the window and the selection. The distance apart is not critical, but make sure that you keep the selection level with the window. Hit the delete key, and you have another window. Repeat this until you have a row of windows all across the wall - as many as you want. I made six altogether. Release the selection.

Now we have to give our windows some depth. Use Layers>duplicate. A new layer called 'copy of back wall' will be created. Once again use Colours>adjust>gamma correction, still set at 0.66, which will darken this new layer even more.

Still using the mover tool, ex11.gif - 1kb drag this new layer down and to the right, till its top left corner is at 12,12. There is now a bit of it below the level of the back wall layer, which we must cut off. Use the selection tool, ex3.gif - 1kb set the selection type to rectangle, and select a rectangle at the bottom of the copy of back wall layer, which takes in all the bit which is below the back wall level, and a little bit more. Hit the delete key.

ex12.gif - 6kbNow on the layer palette, take the copy of back wall layer below the back wall, so that your layers look like this. Your windows will look like the picture below. You can adjust the depth of the window if it does not look quite right to you by using the mover tool, ex11.gif - 1kb placing it on the rebate part of the window and moving it till it looks right to you. If you do this, check that a bit of copy of back wall layer has not become visible at the bottom right of the back wall. Select and delete it if it has.

ex13.gif - 61kb


On the next page we will start adding the floor, and some steps and pillars. next page