Figure 11-8: The buttonized border in VS .NET

Encoding Denso QR Bar Code in VS .NET Figure 11-8: The buttonized border

Your simple 3-D border already looks good, but you can make it look even better by adding a couple of details In this section, you add two rivets to the 3-D rectangle so that it looks as if it s been attached to the screen Of course, to pull off this embellishment, you need to be an accomplished artist Well, not really Anyone who can click an on-screen button can add the rivets These steps show you how to add two rivets:

1 Create a new blank image with a size of 24 x 24 pixels Also, in the Image Characteristics box, select the Transparent option The new image appears in Paint Shop Pro s work area 2 Click the Pan tool (the top tool in the toolbox, the one that looks like an arrow mouse cursor) The tool s settings appear in the toolbar near the top of the window (see Figure 11-9)

3 In the box labeled Zoom By 5 Steps, click the 5+ selection twice Paint Shop Pro magnifies the new 24 x 24 image to ten times its original size (see Figure 11-10)

4 Click the Preset Shape tool in the toolbox The Preset Shape tool is the third tool from the bottom, the one that looks like an oval on top of a rectangle The tool s settings appear in the toolbar, as shown in Figure 11-11

5 In the drop-down list to the left of the toolbar, make sure that Ellipse is selected 6 Deselect the Retain Style option and deselect the Create As Vector option 7 In the upper-right corner of Paint Shop Pro s window, make sure both boxes in the Material pane (where you previously set the gray color) are set to the same light gray color You ll probably have to change the second one from white to gray (If you re not sure how to change colors, refer to the previous section) The first box controls the color of the shape s outline, and the second box controls the color of the fill 8 Place the mouse cursor in the 24 x 24 image s upper-left corner and, while holding down the left mouse button, drag the cursor to the lowerright corner, releasing the button when you re done A light-gray, filled circle appears in the image s window, as shown in Figure 11-12 (Ignore the gray checkerboard in the background That s just the pattern Paint Shop Pro uses to display a transparent background)

9 Choose Effects 3D Effects Inner Bevel The Inner Bevel dialog box, shown in Figure 11-13, appears 10 Set the Width box to 4 11 Set Smoothness to 0 12 Set Depth to 15 13 Set Ambience to -25 14 Set Shininess to 0 15 Set Angle to 315 16 Set Intensity to 50 17 Set Elevation to 30 Note that the preview pane to the right shows the result of the settings on your image

18 Click OK Paint Shop Pro applies your settings, changing your simple circle into a rivet (see Figure 11-14)

If you have two images, a 3-D rectangle and a rivet graphic, you re ready to combine everything into a single browser border Just follow these steps: 1 Select the entire rivet image To do so, choose Selections Select All or press Ctrl+A on your keyboard An animated outline appears around the rivet to indicate that it s been selected 2 Choose Edit Copy (or just press Ctrl+C) to copy your image to the Clipboard 3 Click the 784 x 32 rectangle title bar to select that window 4 Paste the copied rivet graphic into the 3-D rectangle s window To perform this paste, either choose Edit Paste Paste As New Selection or press Ctrl+E The rivet image appears under the mouse pointer (If it doesn t, be sure that your mouse pointer is over the 3-D rectangle) 5 Use your mouse to position the rivet near the left end of the rectangle and click the left mouse button to paste it there Paint Shop Pro drops the image in the selected location 6 Paste another copy of the rivet into the window 7 Position this rivet at the other end of the border graphic 8 Deselect the rivet image To deselect a selection, choose Selections Select None or press Ctrl+D Paint Shop Pro deselects the second rivet image in the border Figure 11-15 shows the completed border image