14: Painting Status Bars in .NET

Generation QR Code 2d barcode in .NET 14: Painting Status Bars

7 Select the Color tab 8 Click the light gray square in the color selections The R, G, and B values should all change to 192, as shown in Figure 14-5 If they didn t, you clicked the wrong color Try again

10 Click OK The selected foreground color in the Materials pane changes to light gray 11 Place the tool over the image and click again Paint Shop Pro fills the image with light gray

12 Save your work To save your work, choose File Save If you haven t previously given this image a filename, the Save As dialog box appears In this dialog box, give the image a filename and select the type of image format you want to use I suggest that you save your browser graphics in the jpg format

Paint Shop Pro provides many effects for changing a 2-D image to 3-D, but with your status bar, you re going to discover some tricks to draw 3-D detail from scratch Perform the following steps to see how to add 3-D ridges to your status bar: 1 Click the Pen tool, which is the second tool from the bottom in Paint Shop Pro s toolbox The Pen settings appear in the toolbar (see Figure 14-6)

2 Turn off the Create As Vector option 3 In the Line Style box, use the drop-down list to select the Solid option, as shown in Figure 14-7 4 Set Width to 10 This setting results in thin lines The higher the width setting, the thicker the lines 5 Turn off the Anti-alias option, located to the right of the Width setting Anti-aliasing combines colors in such a way as to help hide the stair-step effect you often get with computer graphics, especially on curved lines You don t need this effect for this project 6 Click the foreground color box in the Materials pane The Material dialog box appears

7 Select the white color and make sure that the Texture option is off Normally, you don t want to use textures, which add various kinds of patterns to images, as you re drawing 8 Place your mouse cursor in the upper-left corner of the status bar, at the location (x:0 y:0) This is the location at which you ll begin drawing a line You can see these coordinates in Paint Shop Pro s status bar 9 Hold down your left mouse button and drag the cursor to the upperright corner of the status bar image, drawing a straight line between the two points In Paint Shop Pro s status bar, you should see 900 degrees to the right of the line s coordinates 10 Release the mouse button Paint Shop Pro draws a white line where you indicated 11 Change the foreground color to black

12 Draw a black line right below the white line, starting at point (x:0 y:1) This setting gives you a black line one pixel below the white line When you re done drawing, the white lines look like reflective edges, and the black lines look like shadowed edges 13 Draw a black line at the bottom of the status bar image, starting at point (x:0 y:23) 14 Draw a white line right above the black line you drew in the previous step, starting at point (x:0 y:22) Figure 14-8 shows your completed status bar image

15 Save your work To save your work, choose File Save If you haven t previously given this image a filename, the Save As dialog box appears In this dialog box, give the image a filename and select the type of image format you want to use I suggest that you save your browser graphics in the jpg format The white and black lines make your status bar s edges look 3-D because the colors simulate reflection and shadow