Pracken's Paint Shop Pro Tutorials

Southwestern Series:
Pixel Houses with Cacti


swhousesfront"


I decided to make a few Southwestern items. As I find time, I will try to add more. You will find the other southwestern items here..

This is my first pixel tutorial. I've just not really gotten into the whole pixel craze, but thought I'd just go ahead and do one anyway, and since I am in a southwestern mood these days, I figured that'd be a good place to start. So, here you have it.

I have drawn this tutorial from scratch, but am providing selections for the outlines for you to use. If you wish, you could also use mine as a guide and draw your own instead of using the selections.

To do this tutorial, I assume that you have a basic working knowledge of PSP and its tools; however, I also provide screenshots to guide you along the way. And of course, if you run into difficulty, just let me know.


For this tutorial, you will need the following:

Paint Shop Pro. I used version 7.04 but if you are familiar with PSP, you should be able to convert the tutorial without problems. You can download the latest PSP version demo here.

My outlines. I have saved these as selections. Make a folder for the selections and save them there. You may download the selections here.

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

swhousescolors


Step 1. Open a new image 250x 150, white background.

Open up the color chart you saved. To make it easier to use, you can paste it as a new layer onto your graphic and move it to the very top. That way, it's easy to refer back to, and when you're done with the tutorial, you can delete that layer.

You'll basically be using two colors for each of the various pieces of this tutorial. You'll use the darker color for the outline, and then the lighter color for the fill. To make it easier, just set your foreground color to the darker color and your background to the lighter color.

Step 2. Add a new layer. Load selection 1 (go to selections>load from disk - then navigate to the location where you placed the selection files). Flood fill with color #1. Deselect it.

01swhouses

Step 3. Choose your magic wand and click inside the house outline. Flood fill with color #2. Float the selection (you can do this by going to selections>float, or you can hit "ctrl+F" on your keyboard).

Now you will apply a cutout. For each cutout you do, you'll be using the darker color for the shadow color. To do this, you'll need the html color code of the color. To find this number, jJust click on your styles foreground color

02aswhouses

Your color popup window will appear. You'll see the html code at the bottom (I've circled it). Highlight the number with your mouse, right click, and choose "copy."

03swhouses

Now apply your cutout (go to effects>3d effects>cutout), using the settings in the screenshot below. (To set the shadow color, just click on that box with your mouse. Your color popup window will appear again. Highlight the html code at the bottom again, right click and choose "paste." Then click ok. Your shadow color will be set.)

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

02swhouses   04swhouses

Step 4. Add a new layer. Load selection 2 (window). Flood fill with color #1. Deselect. With magic wand, click inside the window and flood fill with color #2. Float. Apply cutout with these settings: horizontal 1, vertical 1, opacity 100, blur 3. Shadow color is same as in previous step.

05swhouses   06swhouses

Step 5. Choose your magic wand and click on the innermost part of the window. Expand by 2 (go to selections>modify>expand). Add a new layer. Place this layer underneath the window. Flood fill with color #8. Float the selection. Apply a cutout, using these settings: horizontal 1, vertical 1, opacity 100, blur 7, shadow color is #7.

07swhouses   08swhouses

Step 6. Hide all layers except your window pieces. Merge visible layers. Duplicate this layer. Then turn all your layers back on.

Move the duplicated window layer to the other side of your house.

09swhouses

Step 7. Add a new layer. Load selection 3 (door). Flood fill with color #1. Deselect. Click inside the door and flood fill with color #2. Float. Apply a cutout, using these settings: horizontal 1, vertical 1, opacity 100, blur 3, shadow color is #1.

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

10swhouses

Step 8. Set your foreground color to black and your background color to null. Choose your paintbrush, size 1, and paint a couple of pixels for a door handle.

11swhouses

Step 9. Add a new layer. Load selection 4 (top cross). Flood fill with color #1. Deselect. Click inside and flood fill with color #2. Float. Apply an inner bevel using the following settings.

12swhouses   13swhouses

Step 10. Now your house is done. Hide all layers except for all the bits of your house. Merge visible layers. Turn your other layers back on.

Step 11. Set your foreground color to #3 and your background color to #4. Add a new layer. Load selection 5 (large house). Flood fill with color #3. Deselect. Click inside and fill with color #4. Float. Apply a cutout using the same settings as in Step 3 above (Note: your shadow color is color #4).

14swhouses

Step 12. Repeat Steps 4- 10 above. The only difference will be in the two colors you use. (Note: Instead of making whole new selections for the identical pieces, I am just letting you reuse the same selections you used for the first house. You'll have to move them into place). When done, you should have this.

15swhouses

Step 13. Change your foreground color to #5 and your background color to #6. Repeat Steps 4 - 10 above. The only difference will be in the two colors you use (Note: you'll use the same selections again - you'll need to move them into place. When done, you should have this.

16swhouses
Now all of your houses are done. You could stop here if you wish, or if you want to add the cacti and plants, hang in there and go to the next step.


Step 14. Add a new layer. Set your foreground color to #9 and your background color to #10. Load selection 6 (cactus). Flood fill with color #9. Deselect. Click inside and flood fill with color #10. Float. Apply a cutout, using these settings: horizontal 1, vertical 1, opacity 100, blur 7.

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

17swhouses

Duplicate this layer twice (or as many times as you like).

Step 15. Now to draw some scrubby bushy thingies. Add a new layer. Set your foreground color to color #9 and your background color to null. Choose your paintbrush, size 1 and draw some lines, similar to mine.

Select the bush (go to selections>select all>float). Apply a drop shadow using these settings: vertical 1, horizontal 1, opacity 5, blur 1. Duplicate this layer twice, or as many times as you like.

18swhouses

Now all you have left to do is put the pieces together as you like them. When satisfied, delete your color chart layer, hide your background layer, and merge visible. And that's it, all done!

swhousesfront"

I hope you've enjoyed this tutorial, and please let me know if you have any feedback, questions, or comments.





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