Chapter 17: Drawing Graphics for Duck Blast in Paint Shop Pro

In the previous chapter, we began to look at simulating 3D in MMF. In this chapter, we are going to create the graphics for the game we are now working on. We’ll be drawing a background image along with an image of a duck. We’ll actually create the duck twice (once in this chapter and once in the next) as a way to compare drawing the graphic in 2D in Paint Shop Pro as opposed to rendering it in 3D with MilkShape.

Step-by-Step Drawing Background

Unlike most of the chapters in this book, this one basically amounts to a series of steps that can be followed in order to get the desired results.

1. Create a new image in Paint Shop Pro using Figure 17.1 as a guide for settings.

   
   Figure 17.1: These are the correct settings for the new image.

2. Click Preset Shapes in the toolbar (see Figure 17.2).

   
   Figure 17.2: Choose Preset Shapes from the toolbar.

3. Choose the triangle shape from the drop-down list (see Figure 17.3).

   
   Figure 17.3: The triangle shape needs to be selected.

4. Do not create as a vector (see Figure 17.4).

   
   Figure 17.4: We do not want this to be a vector.

5. Position your mouse approximately halfway down the left side of the image as seen in Figure 17.5.

   
   Figure 17.5: Position it near the middle of the screen.

6. Click and drag to draw a triangle similar to that in Figure 17.6.

   
   Figure 17.6: Draw the triangle using this image as a guide.

7. Continue to draw uneven triangles across the middle (see Figure 17.7). Don’t worry if they are even at the bottom or top.

   
   Figure 17.7: Draw uneven triangles.

8. Choose the Magic Wand tool (see Figure 17.8).

   
   Figure 17.8: Select the Magic Wand tool.

9. Click above the triangle to select the uppermost portion of the page. You can see the selection box in Figure 17.9.

   
   Figure 17.9: The selection box is visible.

10. Choose the Flood Fill tool (see Figure 17.10).

    
    Figure 17.10: The Flood Fill tool is selected next.

11. Along the right side of the interface, choose the Style button and make sure Solid is selected (see Figure 17.11).

    
    Figure 17.11: Choose a solid style.

12. Change the color to a shade of blue that will represent a sky, using Figure 17.12 as a guide.

    
    Figure 17.12: Change the color to a shade for a blue sky.

13. Position the Flood Fill tool inside the selection box created with the Magic Wand and left-click (see Figure 17.13).

    
    Figure 17.13: Flood fill the selection box.

14. Choose Invert from the Selections menu to change the selection from the top to the remaining image (see Figure 17.14).

    
    Figure 17.14: Invert from the menu.

15. Change the color to dark green and use the Flood Fill tool in the new selection (see Figure 17.15).

    
    Figure 17.15: Change the color to green.

16. Choose the selection tool (see Figure 17.16).

    
    Figure 17.16: We need to use the selection tool.

17. Right-click on the image to deselect the current selection.

18. Position the cursor at the lowest point on the leftmost triangle (see Figure 17.17).

    
    Figure 17.17: Position the cursor using this as an approximate guide.

19. Click and drag to the lower right to create a new selection box (see Figure 17.18).

    
    Figure 17.18: Click and drag to create the selection.

20. Choose the Flood Fill tool, change the color to darker blue, and fill the selection (see Figure 17.19).

    
    Figure 17.19: Change the color to a darker shade of blue.