This tutorial shows you how to make embossed background tiles, for a web page, from a photograph. It will be based around a photograph in the PhotoImpact 4 textures folder - rose2.jpg. When you load this photograph it is far too large for our purpose, so use Format/Dimensions with the settings below to reduce it.

Save the reduced photograph in your working directory, and always work on a copy, so that if anything goes wrong you can start again. If you cannot find rose2.jpg in your PhotoImpact textures folder you can download this copy by right clicking on it and using Save Image As. It is already reduced for you so omit the step above.

Use Format/Data Type/Grayscale, which will give you this image.

On the quick colour adustment panel, (left) click 5 times on increase contrast and once on decrease brightness. Use Effect/Special/Emboss and click on the centre image on the left hand column of the samples, which will give you the image on the right.

Now use the opposite buttons and click 10 times on increase brightness and twice on decrease contrast.

Next use Effect/Blur & Sharpen/Sharpen. Click on the top left of the sample thumbnails. Click once more on increase brightness. You will now have a white, embossed image. Use Format/Data Type/True Color to make it a 16 million colour image.

It is important to note that the number of clicks on the quick colour adjustment buttons will depend on the image you are using. This tutorial guides you to the sort of effect that is needed for embossing and for the final image, if you are using this photograph, but you will have to experiment when you are using different images. The number of clicks I suggest here apply only to this one.

Use the standard selection tool and set the parameters as shown below. Click on options and make sure that Move Selection Marquee is checked.

Click in the centre of the image to place a square selection marquee in it. Place your cursor inside the marquee and move the selection to as near as you can get it to the centre. (The screen capture process has slightly degraded this image. Yours will look whiter and clearer).

Use Web/Create seamless tile. Do not unlock the Merge Size parameters. Set the Top/Bottom figure as high as the program will let you - probably 4 - and set the Left/Right figures to match. Set Merge Ratio at 50. If you click Tiled Preview you will see how the background tile will look on a web page. After you have previewed it, Click OK and use the Web Smart Saver to save it as a jpeg.

You can use this method to make an embossed background tile from any image, though the original should either be repetitive or a have distinct shape. With a black and white original you can go straight to the embossing stage. Then the musical note below will give you the tile alongside.



Carol Brooksbank 2003
This tutorial may not be copied to any other website nor distributed in any way. It may be downloaded for personal use only. Links to my tutorials at are welcome.


tutsbut.gif - 4kb Return to tutorials


 Click this button to return to the graphics page