• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Matt Doyle | Elated Communications

Web and WordPress Development

  • About Me
  • Blog
    • Design & Multimedia
      • Photoshop
      • Paint Shop Pro
      • Video & Audio
    • Online Marketing
      • E-Commerce
      • Social Media
    • Running a Website
      • WordPress
      • Apache
      • UNIX and Linux
      • Using FTP
    • Web Development
      • HTML
      • CSS
      • JavaScript
      • PHP
      • Perl and CGI Scripting
  • Services
    • WordPress Websites
    • WordPress Maintenance Package
    • WordPress Security Package
    • WordPress Turbo Tune‑Up
    • For Designers & Agencies
  • Portfolio
  • Contact Me
  • Hire Me
Home / Blog / Design & Multimedia / Paint Shop Pro / Cutout Text

Cutout Text

17 April 2001 / Leave a Comment

In this tutorial, I’m going to look at Paint Shop Pro’s Cutout effect, and show how you can use it to produce some nice cutout text. The text will be used as a template to “cut out” part of an image.

Our starting point

Open a nice image that you’d like to use for the cutout – in this case we’ve chosen a shot of the Paris skyline. It’s a good idea to choose a medium-brightness, low-contrast image such as this one, in order to highlight the cutout effect:

Starting image

Creating the text

The next stage is to produce the text template that we can then use for the cutout effect. To do this, we need to create the text in the form of a selection.

Click on the Text tool and click in your image to open the Text dialog. Choose your favourite font and a large point size (e.g. 72pt) and type some text in. Click the Selection radio button in the “Create as” area to make sure you create the text as a selection, then click OK:

Text dialog

You should then see your text appear on top of your image as a selection (with marching ants):

Text selection with marching ants

If you want to reposition your text, click the Move tool (or press the V key) and then click on your text selection with the right mouse button and drag it around.

Saving the selection

This selection is the template that we’re going to use for our cutout effect. It’s always a good idea to save your selections, so you can recall them later on. Save this selection by clicking Selections > Save To Alpha Channel. Select New Channel in the dialog box and press OK. When asked to name the channel, call it something you’ll remember, like “Text”.

Let the fun begin!

Let’s do some cutting out! Create a new layer for the cutout effect (Layers > New Raster Layer… or the New Layer icon in the Layers palette) and press OK in the dialog that pops up. You should now have a new layer called something like “Layer1”, above your background layer in the Layers palette. Make sure this layer is selected (if in doubt, click on it in the Layers palette).

Now let’s add the Cutout effect. With your selection (marching ants) still active, go to Effects > 3D Effects > Cutout…. Make sure the Shadow color: is black, and the Fill interior with color: option is un-checked. Experiment with different offsets and blur settings until you get a nice clear cutout shadow effect. Here’s what we used:

Cutout dialog

When you’re happy with the cutout effect, click the OK button. The new layer you created should now contain the cutout shadow (if you like, you can press Shift+Ctrl+M to hide the marquee; the selection will still be active):

Cutout shadow

Enhancing the effect

This looks pretty good, but we can enhance the cutout effect further by adding a white highlight. Create another new layer and select Effects > 3D Effects > Drop Shadow…. We can actually use the Drop Shadow effect to make a highlight by selecting a white colour for the shadow, as follows:

Drop Shadow dialog

Click OK and your white highlight should then be created on your new layer:

Cutout with highlight

That’s looking great now! The cutout effect is a bit intense though. Luckily, because the cutout and highlight are on separate layers, we can tweak their opacities individually to get a more pleasing effect. I chose to knock the highlight layer down from 100% to 90% opacity, and the cutout layer down to 80% opacity:

Layer palette

These settings produced a more “laid-back” cutout effect that’s easier on the eye:

Cutout with reduced opacity

And that’s how you create cutout text! Try using the Cutout effect on different objects such as geometric and freehand shapes. You can get some really cool looking graphics this way!

Filed Under: Paint Shop Pro Tagged With: inset text, type

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

To include a block of code in your comment, surround it with <pre> ... </pre> tags. You can include smaller code snippets inside some normal text by surrounding them with <code> ... </code> tags.

Allowed tags in comments: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre> .

Primary Sidebar

Hire Matt!

Matt Doyle headshot

Need a little help with your website? I have over 20 years of web development experience under my belt. Let’s chat!

Matt Doyle - Codeable Expert Certificate

Hire Me Today

Call Me: +61 2 8006 0622

Stay in Touch!

Subscribe to get a quick email whenever I add new articles, free goodies, or special offers. I won’t spam you.

Subscribe

Recent Posts

  • Make a Rotatable 3D Product Boxshot with Three.js
  • Speed Up Your WordPress Website: 11 Simple Steps to a Faster Site
  • Reboot!
  • Wordfence Tutorial: How to Keep Your WordPress Site Safe from Hackers
  • How to Make Awesome-Looking Images for Your Website

Footer

Contact Matt

  • Email Me
  • Call Me: +61 2 8006 0622

Follow Matt

  • E-mail
  • Facebook
  • GitHub
  • LinkedIn
  • Twitter

Copyright © 1996-2022 Elated Communications. All rights reserved.
Affiliate Disclaimer | Privacy Policy | Terms of Use | Service T&C | Credits