<a name="1002275"> </a>Using Shapes and Selections
</h3>
<p id="1007839" class="Body">
<a name="1007839"> </a>You can create Web buttons using shapes or by choosing a selection from the Selection Portfolio. For information about creating shapes, refer to <a href="19-Shapes4.html#999065">"Creating Shapes"</a>. For information about using selections, refer to <a href="12-Selections11.html#999582">"To use a selection from the portfolio:"</a>.
</p>
<h3 id="1007830" class="Heading2">
<a name="1007830"> </a>3D Techniques
</h3>
<p id="1002276" class="Body">
<a name="1002276"> </a>You may want to use one or more of the texturing options in Corel Painter to create 3D effects. The following sections describe several powerful ways to quickly add texture to the buttons you create.
</p>
<p id="1011612" class="Body">
<a name="1011612"> </a>Once you've added a desired 3D effect, try altering the light source to create a second image that represents the button in a different state, or try using the Hue Shift slider in the <span style="color: #000000; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none; vertical-align: baseline">Effects menu > Tonal Color > Adjust Colors</span> dialog.
</p>
<h3 id="1007407" class="Heading2">
<a name="1007407"> </a>Adding Shadows
</h3>
<p id="1007408" class="Body">
<a name="1007408"> </a>Shadows lend a definite 3D flare to a Web page. You can quickly add drop shadows to text, buttons, shapes, and layers. When you apply a drop shadow to a shape, the shape loses its vector quality and becomes a pixel-based layer. For more information about creating drop shadows, refer to <a href="14-Layers9.html#999536">"Adding Drop Shadows"</a>.
</p>
<h3 id="1007500" class="Heading2">
<a name="1007500"> </a>Applying Surface Texture
</h3>
<p id="1007564" class="Body">
<a name="1007564"> </a>Leading the array of Corel Painter Web-friendly tools, Apply Surface Texture could easily become a Web designer's best friend. You can use the Apply Surface Texture feature to apply 3D effects to Web buttons, bars, or other elements.
</p>
<p id="1007565" class="Body">
<a name="1007565"> </a>You can use the Reflection option to create an effect you would expect to see in objects made of glass or polished metal, like a chrome bumper on a classic car. You can use the Mask setting to round the edges of layers. The Image Luminance option gives your buttons an "embossed" look.
</p>
<p id="1007566" class="Body">
<a name="1007566"> </a>Using Apply Surface Texture in these ways can make your Web buttons take on an interesting 3D appearance. For more information about applying surface texture, refer to <a href="15-Effects9.html#999878">"Apply Surface Texture"</a>.
</p>
<h3 id="1007459" class="Heading2">
<a name="1007459"> </a>Using the Impasto Technique
</h3>
<p id="1007460" class="Body">
<a name="1007460"> </a>The Impasto feature lets you create the illusion of depth by applying thick paint to the canvas. You can use the Impasto technique to add a 3D appearance to all or discrete areas of your image. For more information, refer to <a href="09-Impasto2.html#1004047">"Impasto"</a>.
</p>
<h3 id="1007361" class="Heading2">
<a name="1007361"> </a>Indicating Button States
</h3>
<p id="1013862" class="Body">
<a name="1013862"> </a>You can create a rollover effect by displaying a second image when a Web button is clicked. This creates two states for the button ("normal" and "clicked"). For more information about creating rollover effects, refer to <a href="21-Web7.html#1008405">"Creating Rollovers"</a>.
</p>
<h3 id="999760" class="Heading2">
<a name="999760"> </a>Using Bevel World
</h3>
<p id="1007619" class="Body">
<a name="1007619"> </a>No discussion of creating Web buttons would be complete without mentioning Bevel World. Bevel World is a dynamic plug-in that can add 3D angled edges to your shapes and selections.
<a name="1007944"> </a><i>You can bevel any element in your painting, then turn it into a 3D button.
</i></p>
<p id="1007938" class="Body">
<a name="1007938"> </a>Bevel World has controls that affect the 3D bevel shape being applied, as well as controls to adjust lighting. Try experimenting with lighting controls. By changing the lighting on a bevelled surface, you can easily create different states for your Web buttons.
<a name="1007666"> </a><i>Altering lighting in the Bevel World dialog is an easy way to create images that indicate button states.
</i></p>
<p id="1007815" class="Body">
<a name="1007815"> </a>For more information about Bevel World, refer to <a href="16-Dynamic%20Plug-ins7.html#999187">"Bevel World"</a>.
</p>
<p id="1008396" class="Body">
<a name="1008396"> </a>You can decide later to change settings, as long as you have not committed the layer. Double-click the Plug-in Layer in the Layer List. Corel Painter opens the dialog so you can change the settings. To understand more about committing a layer, refer to <a href="16-Dynamic%20Plug-ins3.html#999010">"Committing Dynamic Layers"</a>.
