Pracken's Paint Shop Pro Tutorials

Halloween 2006: Graveyard

I'm continuing with my Halloween 2006 tutorials. This one's a spooky graveyard. You will make all of the pieces in this scene from scratch (except fro the Grim Reaper), using vectors, some freehand drawing, and some shading. If you're new to vectors, don't panic! I give you screenshots to help you along the way, and if you run into problems, you can always contact me.

The Grim Reaper you see in this scene was an afterthought, and he's not part of this tutorial. He's a separate tutorial (using selections) in my members' area. If you are a member, just sign in and navigate to the "reaper" tutorial. If you're not a member and would like to join, just click here.

This is a fairly long tutorial, but please stick with it to the end. When you finish, you'll have the satisfaction of knowing that you created the image from scratch!


For this tutorial, you will need the following:

Paint Shop Pro.This tutorial was written for versions 10 (PSP X), and 9. If you have earlier versions, you should still be able to complete the tutorial by making some minor adjustments. You may download the latest PSP version demo here.

My color chart. Right click on it and save to your computer.


Step 1. Open up a new image approximately 600 x 500, white background.

Step 2. Copy your color chart and paste it as a new layer onto your canvas. Move it to the top out of the way. When you need a color, just click on it with your eye dropper tool.


SKY AND GROUND

Step 3. Flood fill your canvas with color #1 (this will be your sky).

Step 4. Add a new layer. Choose your selection tool, rectangle. Start at the bottom of your canvas and draw a rectangle all the way across the bottom and up about 1/4 of your canvas. Flood fill with color #2.

Go to Effects>texture effects>Fine leather, and use the settings in the screenshot.

Choose your retouch tool>smudge brush, using settings in the screenshot.

Smudge the border between the ground and sky just a bit, to soften it.

Here's a screenshot of what you should have so far (the first one is greatly reduced in size; the second one shows the detail of the ground and smudging).

 



CHURCH

You may find it easier to work against a white background than the sky/ground ones you just did. If so, just turn those layers off. Add a new layer on top of them and flood fill with white (when you're done with the tut, you can just delete the white layer).

Now you'll draw the church, using vectors, but first, a brief word about vectors. The procedure when working with vectors is pretty much always the same.

  • You draw your shape (and it'll automatically be placed on its own layer).
  • Convert it to path (to make it ready for editing)
  • Choose the pen tool to edit
  • When done editing, click "apply"
  • If for any reason you exit out of edit mode, just right click on your image, choose "edit mode" and you'll be back. Then just use your pen tool

Step 5. Set your foreground color to black, background to color #3. Choose your preset shapes tool>rectangle, using settings in the screenshot.

Draw a rectangle approximately 126 x 106 (watch the numbers at the bottom of your screen). Right click on the image and choose "apply."

Go to your layers palette and right click on this layer (it should say "rectangle." Rename it to "bottom left").

Step 6. Draw another rectangle to the right, slightly smaller (about 82 x 106). Line the left edge up with the right edge of the first rectangle (click on your object selection tool to move the box into position, and also to lengthen or shorten the rectangle if necessary). Name this layer "bottom right."

Now you need to edit the bottom right layer a wee bit. Right click on it and choose "convert to path." This gets it ready to edit (note: each time you draw a vector shape and want to edit it, you'll need to convert it to path before you can do so).

Now click on your pen tool and your image will look like the screenshot.

Those 4 little boxes are called nodes. You edit them to change the shape. All you need to do with this one is change it a wee bit. Place your mouse over the node at the top right and move it down a bit. Place your mouse over the node on the bottom right and move it up a bit. (I've circled the ones you need to move in red in the screenshot).

Make sure the right edge is straight, like this not this

When your shape looks the way you want it, click on it and choose "apply."

This is what you should have so far.


Step 7. Set your foreground color to black, background to color #4. Choose your preset shapes tool>rectangle and draw a shape approximately 124 x 44 (name it "roof left").

You need to edit it, so right click>convert to path. Choose your pen tool again, and move the nodes like mine (be sure to line up the bottom right node with the black vertical line). When it looks the way you want it, right click>apply.

Step 8. Change your background color to #3. Change your preset shape to triangle. Draw a small shape to the right of your roof. Name this layer "roof right."

Now for some reason, you don't have to convert triangles to path in order to edit them - they're already converted. so, all you need to do is choose your pen tool and edit the nodes, like mine.

This is what you should have so far.

Step 9. Change background color to #5. Change your preset shapes tool back to rectangle.

Draw a shape approximagely 58 x 70 (name it "top left"). Go to your layers palette and move this layer underneath your roof layers).

Right click>convert to path. Choose your pen tool and edit the nodes like mine (again, make sure that right side is straight).

Right click on the image>apply.

Step 10. Change your background color to #3. Draw another rectangle, to the right of the one you just drew, approximately the same size (name it "top right"). Move this layer underneath all the the roof layers.

Right click>convert to path. Choose your pen tool and edit the nodes similar to mine (be sure that the top left node lines up with the top node of your "top left" layer. Also, make sure the right side of your rectangle is straight). When done, right click on the image>apply.

This is what you should have so far.

Step 11. Change your background color to #4. Change your preset shape to triangle. Draw a triangle at the top (name it "rooftop"), the width of both the "top left" and "top right" layers. Move this layer underneath both of those layers.

Choose your pen tool and edit the nodes similar to mine. Be sure to line up the bottom right node of the triangle with the edge of the "top right" layer, and the left node of the triangle with the edge of the "top left" layer. When done, right click>apply.

Step 12. Set foreground color to black, background to null. Choose your pen tool, using settings in the screenshot.

Draw a line on your roof, lining it up with the center line between the "top left" and "top right" layers.

Step 13. Set foreground color to black, background to color #4. Choose your preset shapes tool>rectangle, and draw a door.

Right click>convert to path. Choose your pen tool and edit the nodes, similar to mine. When done, right click>apply.

Step 14. Change background color to #5. Draw a rectangle for the window, approximately 32 x 50. Right click>convert to path.

Move your mouse to the center of the top of the box while holding down the "Ctrl" key. You'll see an arrow and "+ADD" appear, like this (note: I've turned the visibility of the layer off for a second so you can see it).

You're going to add a node. Just click on the line and a new node will appear (it's circled in red in the screenshot.

Now move the node up just a bit, like this.

Right click on the node>node type>symmetric. Now you'll see an arrow with a box on one end and an arrowhead on the other, like this.

You want to make your shape a little bit round on the top, so grab either end of the arrow, and pull outwards, to round the shape, like this.

When done, right click>apply. (Note: If, for any reason, you exit out of edit mode, you can always return by right clicking on your image>edit mode, and then use the pen tool).

Now you just want to make another window. Go to Edit>copy. Then Edit>paste>paste as new vector selection. Move both windows into position as you like.

Are ya still with me? You're done drawing the church now. Woohoo! All you need to do now is the finishing up.

Step 15. I'd recommend saving this vector image as a psp file now. That way, you'll have all the layers of your church intact, should you ever want to go back and use it again for something else, or if you want to change it in any way.

Once you've saved the church in psp format, go to your layers palette. Right click on the vector layer>convert to raster layer. This will merge all of the layers down to a raster image.

Choose your magic wand. Click on the bottom left area of the church (the side with the windows). Go to Effects>Texture Effects>Texture, and use the settings in the screenshot.

 

Repeat for each of the green areas of the church, including the dark green area at the top left. When done, you should have this.

Choose your magic wand again, and click on all the other areas of the church. Go to selections>Float. Apply a cutout (Effects>3d effects>cutout), using settings in the screenshot.

Repeat the cutout, but change the horizontal and vertical to -2.

And that's it, your church is all done!



FENCE

Ok, now you'll make the fence.

Step 16. Set your foreground color to null, background to color #6.

Choose your preset shapes tool>rectangle. Draw a horizontal shape approximately 5 x 300.

Now duplicate it (Edit>copy. Edit>paste>paste as a new vector selection). Move the duplicate up to the top of your fence, like this (note: I've turned all my layers off so you can see the fence bits better).


Step 17. Now draw a vertical rectangle, approximately 4 x 80.

Choose your preset shapes tool>triangle, and draw a small triangle on top of this vertical line.


Go to your layers palette. Hold down your shift key and click on the vertical rectangle and the triangle shapes. Right click>Group.

Step 18. Now all you need to do is copy this group and paste it as many times as you want across your fence. To do so, go to Edit>copy. Edit>Paste as New Vector Selection. Align your groups along the fence (use your grid to help you. Go to view>grid. To turn the grid off, just repeat this, i.e., view>grid). Here's how mine looks when done.


When you're satisfied with your fence, right click on the layer>convert to raster layer.

Step 19. Go to Effects>3d Effects>Inner bevel, and apply the settings in the screenshot.

 


Go to your layers palette, right click>duplicate. Move the duplicated layer over to the right side of your image, leaving an opening for the walkway to the church. When done, you should have something similar to this.



TOMBSTONES

Now to make the tombstones. I'll show you how to make one, and then you can use your imagination (and the vectoring skills you've learned in this tut) to make other, different ones.

Step 20. Set foreground color to null, background to color #7.

Choose your preset shapes tool>rectangle. Draw a small rectangle, approximately 60 x 70.

Right click>convert to path. Choose your pen tool. Hold down the "Ctrl" key and move your mouse to the center of the top line. Click on it, and you will have added a node.

Move the node up a bit, like this.

Right click on the node you added>Node type>symmetric. Now pull the handles out a bit to round the top (just like you did for the windows above). When it looks the way you want it, right click>apply.

This is your basic tombstone. I'd recommend saving this is a preset shape. Then you can use it as a base to make different stones. To do that, go to your layers palette. Right click on the layer and rename it to whatever you would like your shape to be named. Then go to File>Export>Shape. Retype the name of your shape. It should then be saved and will show up in your list of preset shapes (check it to be sure).

Step 21. Now that you've got a basic shape, here's how to embellish it a little bit.

Hold down the "Ctrl" key and add a node on each side of the center node at the top of your shape (circled in red in the screenshot).

Move these nodes down a bit. Hold down the shift key and click on each of them. Right click>Node type>symmetric.

Finally, pull the top node down a bit.

 

Now add two nodes at the bottom, like this:

Then pull the bottom nodes outwards a wee bit, like this.

Play with your shape until you have something you like. Then right click>apply.

Step 22. Set foreground to color #6, background to color #7. choose your preset shapes tool again>rectangle. Draw a small horizontal rectangle at the bottom of your tombstone.

If you'd like to save this as a preset shape, just repeat the same steps above.

Step 23. Go to your layers palette. Right click on the vector layer>convert to raster layer.

There are lots of ways to add details to your stone. Here's one I like. Go to Effects>Texture effects>Sculpture, and use the settings in the screenshot.

 

Step 24. Now just make as many tombstones as you wish. Use your new vectoring skills to create different shapes. Then use your imagination to create different textures (try PSP's texture effects, inner bevels, cutouts, etc). Get creative! Here are the tombstones I made for my image.



TREES

Step 25. Now to draw the trees in your image. Add a new layer. Set foreground and background colors to #8. Choose your pen tool>draw freehand, using settings the same settings as in Step 12 above, except change the width to about 5 and uncheck "create on vector."

Draw a scraggly tree shape, similar to mine. Hint: it's easier if, once you put your pen on the canvas, that you continue to draw until done without lifting the pen. If you have any gaps, just go back and fill them in with your pen or paintbrush. The tree is supposed to look old and barren, so you don't have to make it look perfect!


I added some shading to my tree. To do so, go to selections>select all>selections>float. You'll see the marquee ("marching ants") around the tree.

Add a new layer. Set foreground color to black. Choose your airbrush, using settings in the screenshot.


Spray some color along the right side and along the branches.

Step 26. I drew just a limb over the top of the church. To do that, add a new layer. Leave foreground color as is and change background to null. Choose your pen tool again, width about 5. Start drawing the larger branches inward. As you move into the canvas, decrease the size of your pen gradually. The smallest bits of the branches are done with width of 1.

Step 27. Add a new layer - we're going to add some moss to the large tree. Set foreground color to #2.

Choose your airbrush again, same settings as before, except change the size down to about 8. Spray on color wherever you'd like it on your branches.

Choose your retouch tool>smudge brush, using settings in the screenshot.

Pull the color downward, to make it look like moss. Decrease the size of your brush as you need to (smaller sizes makes the color wispier).



FINISHING UP

You're almost done now, just a few more finishing touches to finsh things up.

Step 28: Ghost. Set foreground and background colors to white. Add a new layer. Choose your pen tool, same settings as before (change size if you need to). Decide where you'd like your ghost to be and move the layer into position. Then just draw your ghost - he needs to be irregular shaped, so again, don't worry about it being perfect.

When you have a ghost that you like, lower the opacity of the layer down to about 35.

I decided to make my ghost a little glowy. To do that, just duplicate your ghost layer. Move the duplicated layer underneath the original. Turn the opacity of the duplicated layer up to about 70. Choose your smudge brush and smudge the colors outward to get a glow.

Step 29: Moon. Add a new raster layer. Set foreground color to null, background to color #9. Choose your preset shapes tool>circle (uncheck "create on vector"). Draw a circle for your moon. Place this layer underneath the tree branch layer.

Repeat the same technique used for the ghost if you'd like the moon to have a glowing effect.

Step 30: Clouds/Fog. Add a new raster layer and place it behind all the items in your image (except for the sky and ground). Choose your picture tube tool and navigate to your clouds tube. Place a cloud wherever you wish on your image. Now it's too bright (I wanted it to have a more "foggy" look to it), so you need to soften it out a bit. To do so, choose your retouch tool>smudge brush, using same settings as before, and soften the cloud.

Now just add more layers of clouds wherever you need them on your image. You may also want to lower the opacity of some of your layers to make them less bright.

Step 31: Grass. I wanted a bit of scraggly grass in my graveyard. Add a new layer and place it underneath any tombstones you want (I put a layer right on top of my fence). Set foreground to color #10. Choose your airbrush again and spray on some color where you want the grass to be. Choose your smudge brush, same settings as before, except change the brush size down to 15-20, and use a vertical motion to make it look like grass.

Now you can duplicate this layer and place it wherever else you want grass.

Step 32. Shadows. To make the graveyard spookier, you need some shadows. Take a look at the moon and note how the shadow would fall for each item, i.e, for those on the left of the screen, the shadows would tilt left; for those in the center, the shadows would be more straight down; and for those on the right, shadows would move to the right.

As an example, I've chosen one of the items in the middle, where the shadow would almost be directly underneath it. Go to Effects>3d effects>drop shadow, and use settings in the screenshot (feel free to change these to suit your personal preferences). (Note: I always put drop shadows on their own layers. That way you can adjust the opacity as you need to. I've moved mine down to about 35).

As you add shadows to other areas, you'll need to change the vertical and horizontal settings of the drop shadow effect - just play with it until you find something you like.

Step 33. Bat(s). I decided to add a bat to my scene. Just choose your picture tube tool and navigate to your bat tube. Add a new layer and place him wherever you'd like.

Step 34. Optional: Grim Reaper. You can do this tutorial without the grim reaper. I'd already finished this tut when I decided to make a reaper to go in the graveyard. The Grim Reaper is a separate tutorial, and it's in my members' area (sorry, had to put something in there too for Halloween). If you are a member, just log in and navigate to the "reaper" tutorial (if you want to join my members' area, click here. [Note: The colors in the reaper tut are a bit different than the one you see here. If you want to add him to your graveyard, just change the colors (I changed his clothes to dark gray and his face to white)].

Step 35. And, believe it or not, you are almost done. When your image looks the way you want it, delete the color chart and merge all layers.

Whew! If you've stayed with this tut all the way, you deserve a medal or something lol. It's a long one, but I hope you've enjoyed making this scene, all from scratch!




:Terms Of Use:    :Tutorials Main Page:    :Homepage:     :Email Me:



Screenshots of programs used in this tutorial are copyrighted to their respective authors.
This tutorial was created on September 3, 2006.
All content, graphics, and tutorials on this site are
ŠPracken, 2003-2012