Artists have long combined color with the strength and definitionof pen and ink drawings. In the simplest cases, the effect is called a"Wash", in which one or two shades of watercolor are used to create a feelingof depth. This is often seen in Old Master drawings. A more colorful techniquecombines Gouache (watercolors mixed with chalk to make them thicker andmore opaque) and India Ink. This method was once very popular for producingcommercial illustrations

This tutorial will show you a technique for producing such a coloredline drawing from a photo. The lines in some cases can be very subtle.The effect seems to work best when the subject is architectural (lots ofnice straight lines), but almost any image can be used.

Start with a suitable image, preferably one with a depth of 16 millioncolors. If you start with a GIF (which has only 256 colors), be sure toincrease your color depth to 16 million (Colors > Increase Color Depth> 16 Million Colors.) before you begin.  Here I've used a photo thatI took of McCormick Hall, on the campus of HastingsCollege. The title graphic above, by the way, is an image of the College'sArt Center.

To begin, we need to remove some of the detail. We want broadareas of color. To do this we use one of the Noise filters, Edge PreservingSmooth (Effects > Noise > Edge Preserving Smooth.) Set the Amount of Smoothingto 25.

Next, we want to sharpen the edges just a bit. Go to Effects> Sharpen > Sharpen More.

Now we're going to use a Mask created from our image to createthe dark outlines. Start by making a copy of you image window (Window >Duplicate.) A new copy of your image should pop up. Be sure to keep trackof where your original window is, because we're goign to return to it afterwe create our Mask.

We need this new image to have very clearly delineated edges and verylittle fine detail, so the next few steps are designed to accomplish this.First we apply the Edge Preserving Smooth again (Effects > Noise > EdgePreserving Smooth.) As we did last time, set the Amount of Smoothing to25.

Again apply the Sharpen More filter (Effects > Sharpen > SharpenMore.)

Finally, Enhance the edges (Effects > Edge > Enhance.)

Here's where we start to see the edges that are going to showup in our final image. Trace the contour of the drawing (Effects > Edge> Trace Contour.) This gives a series of colored outlines on a white background.

Now Grayscale your image to create the final mask template.(Colors> Grey Scale.)

Take note of the name of your mask image, because you'll needto know later. Now minimize it and return to your original image. Startby duplicating your background layer (Layers > Duplicate.) In your LayersMenu you should see two layers listed: "Background", and "Copy of Background."Use the Layers Menu or Layer Palette to make the Background Layer the activelayer. Next, choose your Flood Fill tool and then set the Foreground colorto Black. In the Tool Options palette, set the Blend Mode to Normal, theMatch Mode to None, and the Opacity to 100. Click on your image. You shouldactually see absolutely no change, because your top layer is covering upwhat you did. But if you go to the Layer Palette and hold your cursor overthe Background layer, you should see a thumbnail picture of a simple blackimage.

Next we apply the mask to start creating those dark outlines.A mask is simply a template that PSP can use to make certain parts of alayer transparent. In our case, we're going to use the outline image thatwe created, and use that to make our mask. All of the dark (black and gray)areas will become transparent, all the white areas will stay opaque. Thetransparent areas that we create will allow the black background layerto show through.

To add the mask, first return to your second layer by choosing it inthe Layers Menu or the Layer Palette. Be sure that the Layer labelled "Copyof Background" is the active one. Now go to the Masks Menu. Choose New> From Image. In the dialogue box that pops up, for the Source window pickthe name of the outline image you made, check the Source Luminance box,and be sure that the Invert Mask Data box is UNchecked. This should addsome dark otlines to your image.

To create the final effect, simply Edge Enhance twice (Effects> Edge > Enhance.)

You may want to do a few touch-up steps on your final image.Below I cleaned up the subtle contour effect in the blue sky, and sprucedup the crimson on the two banners hanging from the light post in the lowerleft.

Though the effects works nicely on images of buildings, itcan be used on almost anything. Below is an image of an eagle from ArtToday that was treated using the steps outlined above.