Pracken's Paint Shop Pro Tutorials

Houses on a Hill (Pixel)

hillfront

This tutorial was inspired by a piece of embroidery. It's a pixel tutorial, and I'm providing you with the outline and colors I used; however, feel free to change the colors to suit yourself.


For this tutorial, you will need the following:

Paint Shop Pro. This tutorial was written for versions 10 (PSP X), 9 and 7.04; however, if you are familiar with PSP, you should be able to convert the tutorial for use with other versions without problems. You can download the latest PSP version demo here.

My pixel outline in PSP format. You may download it here.

You'll also need my color chart. Right click on this image and save it to your computer.

hillcolors


My image is just a guide. Feel free to change the colors, apply cutouts or not, or add other effects to your liking. I put everything on its own layer (and name each one). That way you can easily go back and change colors later and correct any mistakes you've made. It makes a lot of layers, but it also keeps things organized and will save you a lot of heartache.

It makes it easier if you enlarge your graphic (use your magnifier tool) so you can see the pixels clearly. Feel free to save my images in this tut too, and enlarge them as necessary to see.

The basic procedure for each piece will be the same. You'll add a new layer. Set your brush size to 1 and paint the outline of the piece in a darker color and then paint the inside in a lighter color (Hint: to do the inside coloring, make the outline layer active, choose your magic wand and click inside the section you want to color - then apply the color on your new layer).

I've applied a cutout to some pieces, usually using the same color as its outline color. To apply the cutout, select and float the selection (selections>select all>selections>float). You'll see the marquee ("marching ants") around the selection. Apply a cutout (effects>3d effects>cutout), using the settings in the screenshot (the shadow color will change for each selection). For some items, I repeated the cutout, changing the horizontal and vertical to -1 instead. Just play with the settings, it's a bit of a personal preference.

[Hint: When you're going to add a cutout, set your foreground or background color to the shadow color you're going to use. Then, when you apply your cutout, just right click on the shadow color box and choose the color from the recent colors displayed there.]

Step 1. Open up the pixel outline you downloaded. There are two layers - a white background layer and the outline layer. Copy the color chart you downloaded and paste it as a new layer onto your canvas. Move it to the top of your image out of the way. When you need a color, just click on it with your dropper tool

Step 2. Here are the colors I've used for each section of the graphic. along with the color charts for each.

Grass
Outline - 1
Inside - 2
Cutout - 1


Houses
Red House Outline - 3
Red House Inside - 4
Red House Cutout - 3

Blue House Outline - 5
Blue House Inside - 6
Blue House Cutout - 5

Yellow House Outline - 7
Yellow House Inside - 8
Yellow House Cutout - 7

Purple House Outline - 9
Purple House Inside - 10
Purple House Cutout - 9


Doors
Door outlines and knobs - 11
Door insides (in order from left to right):
6, 8, 10, 4
No cutout


Windows and Steps
Steps Outline - 11
Steps Inside - 12
Windows Outline - 11
Windows Inside - 13
No cutouts


Chimneys
Outline - 3
Inside - 4
No cutouts


Clouds and Sky
Clouds Outline - 14
Clouds Inside - 15
Clouds Cutout - 14
Sky - 16


Flowers
Leaves - 1

Flower 1 Outline - 5
Flower 1 Inside - 6
Flowe 1 Center Outline - 7
Flower 1 Center Inside - 8

Flower 2 Outline - 7
Flower 2 Inside - 8
Flowe 2 Center Outline - 3
Flower 2 Center Inside - 4

Flower 3 Outline - 3
Flower 3 Inside - 4
Flowe 3 Center Outline - 7
Flower 3 Center Inside - 8

No cutouts


Step 3. This is optional, but I decided to add a drop shadow to my clouds and flowers, to make them stand out a bit from the picture. To do that, hide all layers except the clouds. Merge visible layers. Apply a drop shadow, using settings in the screenshot.

 

Repeat for the flowers.

Once you have things to your liking, delete the outline color chart, and background layers. Merge all layers. Save in whatever format you prefer (mine's saved in jpg format).

And that's it, all finished. I hope you've enjoyed the tut, and as always, I would love to see your results.




: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 October 3, 2005.
All content, graphics, and tutorials on this site are
ŠPracken 2003-2012