PI6 Haunted House

haunted house, 50% sizeIt's Halloween, that spooky, creepy time of year when things get a little silly around here!

This tutorial was adapted, with her kind permission, from Amber Kindig's terrific PSP haunted house tutorial for the Pixelitas Ezine, of which yours truly is the editor.

Start with a new file 500 pixels wide by 400 pixels high. You should be able to see the entire base image at 100% magnification. Select the Path Drawing tool. In the Attributes toolbar, click Shape and select Rectangle. Select 2D from the Mode dropdown list. Click in the Color box and select black. Draw a big rectangle like this one.

black rectangle

Click in the base image to deactivate the object. Select the Paintbrush tool. In the Attributes toolbar, choose Fine Brush from the Preset dropdown. Click Lines and select Straight lines. Click Mode to paint in object mode. Drag a horizontal line about 1/4" above the top of the rectangle. You can make it perfectly straight because you'll see the "trail" behind the cursor (shown below) as you drag.

drag a straight line over rectangle

While you're still in Mode, draw a series of vertical straight lines that touch the top of the big rectangle. Don't try to get them equally distant from each other or perfectly upright, you want to create the look of a run down fence. Click Mode to get out of Paint as Object mode. While the painted fence lines are still active, right click, Select All Objects, then right click, Group. It should look something like this.

Select the Path Drawing tool again, same settings. Draw a tall rectangle. Drag it over to the center, top of the first rectangle. Draw a slightly taller and less wide rectangle. Choose the Transform tool. In the Attributes toolbar, rotate this rectangle 10 degrees counterclockwise. Right click and Duplicate it. Then click Rotate & Flip in the Attributes toolbar and select Flip Horizontally. Drag the 3 objects so that they are arranged as shown below, like a ramshackle, tilted house.

add 3 rectangle objects

Right click, Select All Objects, then right click, Group. That way you can move the house objects around as a unit without losing or misaligning anything.

To create gables for the top of the house, select the Path Drawing tool. Click Shape and Custom Shape. When the Custom Shape dialog box opens, select Triangle. Draw a big triangle to cover the top of the middle rectangle. Use the Transform tool, Resize option, to resize the triangle if necessary. Draw a slightly smaller rectangle to top the left rectangle that sticks up. Choose the Transform tool and rotate it 10 degrees counterclockwise. Right click and Duplicate. While the duplicate is active, choose Rotate & Flip, Flip Horizontally. Drag it over to top the right rectangle sticking up.

add triangles for gables

Select the Line and Arrow Path tool. In the Attributes toolbar, Click Shape and select Bezier/Polygon. Click in the Color box and select a very dark gray (RGB=46, 46, 46). From the Mode dropdown list, choose 3D Round. Width=7 and Line=Straight line. Starting with the left side triangle, click once to start, then drag to the point at the top to click, then drag down to the other side and double click to close the path. 

draw gable for roof

Now you have a peaked gable on top of the roof. Right click on it and Duplicate. Select the Transform tool, and click Rotate & Flip. Choose Flip Horizontally. Drag it over to the right side triangle. 

added gable to roof

Return to the Line and Arrow Path tool again, and draw another gable for the top of the middle triangle. Add a slight shadow to each of the three gables by right clicking and selecting Shadow. When the Shadow dialog box opens, add a shadow with this attributes.

add shadow

Now the image looks like this.

gables and shadows added

Next let's make some windows for the haunted house. Select the Path Drawing tool. In the Attributes toolbar, click Shape and select Custom Shape. When the Custom Shape dialog box opens, select Arch 3.   Draw a path shape for the window. 

From the EasyPalette's Material Gallery, 3D Collection, double click on Shiny Rim. In the Attributes toolbar, select 3D Pipe from the Mode dropdown and drag the Border slider to 3. Switch to the Transform tool, Resize option, to make the window slightly less wide.

make basic window shape

Select the Line and Arrow Path tool again. In the EasyPalette, 3D Collection, double click on Shiny Rim to set up for drawing the rest of the window. In the Attributes toolbar, click Shape and select Straight lines, Width=2.  Draw a vertical line through the center of the window. Draw two vertical  lines across the window. Position them so that they evenly divide the window into panes. 

add panes to window

Click on the window outline with the Pick tool and use the Order options to bring it to the top of the stack. While it's active, Shift+Click the rest of the window objects so that they are all selected at one time. Right click and Merge as Single Object. Right click and Duplicate the window 4X. Distribute them on the house as shown. Use the Transform tool's Rotate option to rotate the leftmost window 10 degrees counterclockwise, and the rightmost window 10 degrees clockwise.

distribute 5 windows on house

Select the Path Drawing tool again. Click Shape and choose Rectangle. From the Mode dropdown, select 3D Round. Draw a tall rectangle for the door of the house, dragging the Border slider to about 6 or so. Position it as shown.

add front door

Click Shape in the Attributes toolbar and select Circle. Drag a small, 3D Round circle object for the door handle. In the EasyPalette's Material Gallery, Metallic, double click on Silver 1. Position the door handle on the door. 

add door handle

Right click and Select All Objects, then right click again and choose Group. This would be a really good time to save the entire house to My Library in the EasyPalette. 

Drag the house up to the top of the image. Choose Edit, Expand, and Expand the canvas 50 pixels at the bottom only. We need to do this so we have some room to add grass and a walkway up to the house. This will probably put you into less than 100% magnification. To remedy this, choose View, Actual Size, and use the image window sliders to focus in on the bottom of the image.

Choose the standard Selection tool with the Shape set to Rectangle. Click in the base image to deactivate all objects. Make a selection like this.

make a selection 

Choose Edit, Fill (or hit Ctrl+F) to open the Fill dialog box. Click the Texture tab and select Natural Texture, Grass 4, then hit OK to fill the selection area with grass. Notice that the house remains free of the grass.

fill selection with grass

Since this is supposed to be a wild, spooky night, the grass is too bright. While the selection is still active, click the Quick Controls sun key's minus (1) sign 4X to darken the grass. 

Quick Controls to darken grass

Now well make a walkway object. Select the Path Drawing tool. Click Shape in the Attributes toolbar and select Rectangle. Make a narrow rectangular object as wide as the door, which stretches to the bottom of the image. 

Switch to the Transform tool. In the Attributes toolbar, choose the Perspective option. Drag one of the lower control points outward slightly, widening the part of the walk that's closest to the edge of the image.

distort path shape

From the Mode dropdown list, choose 2D. Now choose Edit, Fill (Ctrl+F) to open the Fill dialog box. Click Texture, select Sand 1 and click OK. This paving is a bit light for nighttime. Choose Format, Hue & Saturation, edit the Lightness value to -20 and click OK.

fill and darken walkway

Time to fill the sky! Choose the Selection tool with Shape set to Rectangle. Start in the upper left corner and drag to select the entire "sky" area, all the way down to overlap the grass by about 1/8 inch.

Select the Linear Gradient Fill tool. In the Attributes toolbar, from the Fill Method dropdown select Two-Color. Click in the beginning Color box and select black. Click in the ending Color box and select a medium gray, RGB=77, 77, 77. Drag straight down in the selection area, from top to bottom.

fill sky with black to gray gradient

While the sky area is still selected, go the EasyPalette's Lighting Gallery. Right click on Lightning 4 and choose Modify Properties and Apply. When the Lighting dialog box opens, in the Elements section you'll see that Lightning 1 is selected. Click in the Color box to change the bright orange-yellow color to white. In the Preview window, drag the lightning's end point up and to the left slightly, so it doesn't extent into the middle of the house. Click Preview and take a good look. Make any adjustments, then click OK to apply.

add lightning

Right click on the Grouped house objects and choose Merge as Single Object. Right click and choose Shadow. When the Shadow dialog box opens, let's add a ghostly white shadow with these attributes.

add white shadow

You'll notice that some of the white shadow spills onto the grass at the base of the house. To get rid of that part, choose Object, Split Shadow. In the EasyPalette's Layer Manager, select the thumbnail for the white shadow to make it active. Select the Object Paint Eraser tool and erase only the part of the white shadow that shows under the base of the house around the grass. 

erase shadow from base of house

Click on the walkway leading up to the door and add the same white shadow to it that you used around the house.

add white shadow to walkway

Next we'll make a moon for the sky. Choose File, New and make a new white canvas image 200 X 200 pixels. Choose the Selection tool with the Shape set to Circle. Draw a circle selection. Right click on it and choose Soften. When the Soften dialog box opens, soften the edge by 10 pixels and click OK.

Select the Elliptical Gradient Fill tool. In the Attributes toolbar, select Two-Color for the Fill method. Click in the beginning Color box and select white. Click in the ending Color box and choose very light gray, RGB=200, 200, 200. Start in the middle of the selection and drag the fill out to the edges. Copy the filled selection into the Clipboard (Ctrl+C) and paste it into the haunted house image (Ctrl+V). Position it in the upper left corner.

add moon

Add some wispy clouds to the sky. Select the Airbrush Paint tool. In the Attributes toolbar, select gray paint (RGB=180, 180, 180). Set the Transparency to 75 and Soft edge=0. This is really important -- click Mode to enter Paint as Object mode. Spray wispy clouds across the sky. Switch to black paint and spray a little across the moon. Click on Mode again when you're done. Select the Pick tool and while the clouds are still active, use the Order options to send them to the back of the stack, then click the Bring Forward button one time to bring them up into the sky. 

change object stacking order

Right click and Merge All. Add some little ghosts or goblins to the foreground of your image if you wish, like these little Halloween objects I've made, and now you're done!

finished image

This tutorial uploaded 10/20/00

Do not duplicate, translate, copy, archive, appropriate or redistribute this document.

 

 

Contact
Back to Homepage