Figure 10-3: The first button s options page in Java

Drawing Code 3 of 9 in Java Figure 10-3: The first button s options page

6 Enter a font size in the Size text box 7 If desired, select the Bold and/or the Italics check box 8 Select the thickness and color for the Outline The thickness options are None, Thin, Medium, Thick, and Huge The colors work the same way as for the text 9 Select the type of shadow and its color The shadow options are None, Sharp, Soft, and Glow The colors work the same way as for the text 10 Choose an offset (values range from 30 to 30 pixels) 11 Select a shape for the button Values are Rounded, Rectangle, Pill, Ellipse, and Circle 12 For Fill, select a type of gradient and two colors Gradient types are Flat, Vertical Gradient, Horizontal Gradient, Diagonal Down Gradient, Diagonal Up Gradient, and Radial Gradient The colors work the same as before 13 Choose an outline thickness for the button This works just like the thickness for the text that you set in Step 8 14 Select the button s shadow type and color Shadow types are None, Drop, Glow, and Mirror Colors are set the usual way 15 Under Other, choose an Effect of Flat, Glass, Gel, or 3D For Mouse Over, choose from None, Bright, Spot, or Glow The Mouse Over options set how the button s appearance changes when a user places a mouse pointer over the button (see 9 for info on mouseovers) 16 If you want to set a custom size for the button that is different from the one that the program automatically chooses (based on the text you entered back in Step 3), deselect the Auto check boxes and enter a specific size in pixels in the Width and Height text boxes 17 Click the Render Button button to finish If you chose one of the other three types of buttons, then you ll follow a similar set of options: 1 Enter the text under Logo Text 2 Click the Font name and choose the one you want

3 Under Text Color, you have various ways to specify a color If you click the blank box, you end up looking at a color picker like the one shown in Figure 10-6 Click anywhere to select the desired color, and then click the X in the upper-right corner to finish Alternatively, click the eyedropper icon to select a color from anywhere on your computer screen You can also click the color chart icon on the right, which will give you a list of named colors as shown in Figure 10-7 Finally, you might enter a color value in RGB (red, green, blue) or hexadecimal values in the text boxes 4 Choose whether you want any of the three text effects: Outline Text, Bold, or Italics 5 Under Text Shadow, choose None, Soft, or Crisp 6 Select a text offset ranging from 50 to 50 pixels 7 Under Shape Options, choose Rounded, Rectangle, Pill, Ellipse, or Circle 8 Under Effect, select Flat, 3D Sharp, 3D Round, Bordered, Metal 3D, Gel, or Glass (see Figure 10-8)

9 Choose the Button Color the same way you chose text color in Step 3 10 Select a Shadow value of None, Drop, Glow, or Mirror 11 If you want exact values for width and height, deselect the Auto Width and Auto Height check boxes and enter specific dimensions 12 For Mouse Over, choose from None, Bright, Spot, Glow, or Emboss The Mouse Over options set how the button s appearance changes when a user places a mouse pointer over the button 13 Choose a background color in the usual way 14 Click the Render Button button to finish