Make the basic shape into which your buttons are to be placed and then merge it.If you wish to download this tutorial to work offline, download the Zip file here. Unzip all the files into the same folder and open the index.html page in your browser.
Make the basic shape into which your buttons are to be placed and then merge it.
Draw a circle selection the size and position of the recess.
Use the web button designer, any shape.
These settings will give a recess with a raised edge. Note the preset shape being used. Scroll right down to the last page of presets, then back up two pages. It is the left one.
Exit the button designer, which gives you the recess as an object on top of the shape. Merge it.
Make a button the right size for the recess. Merge it.
For a recess without a rim, use settings like these on the web button designer. The bevel size and smoothness will depend on the button size. This one will come out larger than your original selection circle. The rimmed one is the same size. Merge it again
Add a suitable sized button as before. Here is the finished shape with two recessed buttons. You can work in much smaller ones, of course, but it is easier to show the steps with bigger ones like these. Here are some tiny ones to prove it can be done. These are the plain recesses without a rim.
© 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 http://www.caroluk.co.uk/tutindex/ are welcome.
Return to tutorials