Home Restoration Tutorials How to Fill Vector Text or Objects with Another Image in Paintshop Pro
How to Fill Vector Text or Objects with Another Image in Paintshop Pro

Last update:  12-31-1969

Submitted by bart_hickman

Quite often, it is desirable to put text that is filled with one image onto another image and you want to do this non-destructively. In Photoshop, there are two features specifically for this called the clipping mask and the knockout. Paintshop Pro doesn't not have this feature. This tutorial shows you how to partially simulate the Photoshop knockout capability. This applies to Paintshop Pro 8 and later.

This tutorial is Copyright © bart_hickman, who has sole responsiblity for its content.
Have a question for the author? Or simply want to discuss this topic further? Click "Discuss" up at the top. If you'd like to publish a tutorial of your own, simply click on "Publish" over on the menubar.


Overall Recommendation





Expertise     10
Utility     -
Clarity     3
Relevance   -

This tutorial will describe how to use Paintshop Pro to make text like this.

The screen captures are done in Paintshop Pro X, however it should work on version 8 or later.

The above is done with vector text so that you can endlessly re-distort the text or type in next text without having to repeat any copy-paste functions.  In other words, it enables non-destructive editing of graphical text.

We start with the mountain on bottom layer and the flowers on the top layer as shown here:

Next, create a raster layer filled with white (I turned off the flower layer so we can see what we're doing.):

Now, create a new vector layer.  This is where the text will go.  You want the text to be completely black.  I set the text stroke to be transparent and the fill to be black.  I typed in the text "Flowers!"

Next, select the plain white layer and create a layer group (which I've named "Knockout").  Then drag and drop both the text layer and the flower layer into the group.  Keep them all in the same order.  It should now look like this:

I've labelled the layer group "knockout" because what we will now do is very similar to the knockout blend feature in Photoshop.

Open the properties dialog box for the "flower" layer and select the "blend ranges" tab.  Go to the "underlying layer" sliders.  There are four sliders--two on the left and two on the right.  Drag upper right slider from 255 all the way over to 0.

What does this do?  This slider causes the pixels in the current layer (flowers) to change their opacity based on the pixels in the underlying layers (black text on a white background.)  You have set it so that anywhere there are black pixels, keep the opacity at 100%.  This means everywhere there is text, the flowers remain visible.  You have also set it so that everywhere there are white pixels, set the opacity to 0%.  This means everywhere there is not text, the flowers disappear revealing the text BG layer.  Grey pixels are between 0 and 100% opacity with lighter pixels being more transparent.  We do this so any anti-aliasing or fuzziness in the text will be preserved.

Click the okay button in the dialog box.

We now have our text, but we need to get rid of the white.  So go down to the text BG layer and change the opacity to 1% (we would change it to 0% except that makes the text disappear.  1% is close enough.)

Wow!  It's magic.  So we have our flowery text on our mountain photo and we never even had to use copy or paste!  The text is creating a window in the moutain scene for the flowers to show through--this is what the knockout feature in Photoshop does.  The great part is you can now go back to the text layer and edit the text or distort the text or even add new text or vector objects and the flowers will show through--here I just distorted the text for illustration purposes.

You can also repeat this procedure using something besides flowers if you want other patterns.  You can also use the pick tool/distort tool to change the flowers if you want a different part of the flowers to show through the text.