Help My Capture! How Do I Make Part of My Capture Transparent with Snagit 11?

We’ve been asked by Mary, one of our Snagit customers, how to remove the black color from her logo background so she can overlay the image on other colored backgrounds.

Logo ExampleIt might seem that simply replacing the black with transparency fill would do the trick. However, while the background may look like solid black, upon closer inspection, you see there is a wide range of colors in the image:
Lots of Colors

Therefore, filling with transparency gives this unsatisfactory result:
Blocky Results

In this tutorial you’ll find step-by-step directions for turning all shades of a background color into one unified color then replacing that color with transparency.

Part 1: Change the Color Settings
First, to eliminate some of the color variations, change the image into a 16 color image. This retains the primary colors of the images but eliminates many of the color variations.
1. Choose Snagit ball > Save As.
2. In the Save As dialog box, select PNG as the Save as type.
3. Click Options.
4. Select 16 colors from the dropdown menu. Click OK.
5. Click Save.
Many of the colors variations are now gone, but not all.
Some Colors Remain

Part 2: Use Color Substitution to Remove Color Variations
In this next step, Color Substitution is used to fine tune the background color. In our example, the background color will be changed to green rather than black. This is helpful for seeing all the colors that need to be changed.Color Substitution

  1. Zoom in on the image so you can clearly see the colors to be removed.
  2. Click Image tab > Modify group > Color Effects > Color Substitution. The Color Substitution dialog box appears.
  3. Click the Add button.
  4. Use the Old Color tool to select the color to remove from the capture.
  5. Use the Color swatch to select the color to replace the old color in the capture. In this case, green is used. This is how the image now appears. Notice how clearly the color variations stand out.
    Change Background Color
  6. Click the Add button.
  7. Use the Old Color tool to select the next color to be removed from the background.
  8. Use the Color swatch to select the green color to replace the old color in the capture.
  9. Repeat this process as needed. For this image, it took three color additions to remove all of the color variations from the background and replace them with green.
    Replace All Color Variations
  10. Click Close when finished.
    This is how the image now  appears.
    Background Color Replaced

Part 3: Apply Transparency
Now it’s time to apply the transparency.

  1. Select the Draw tab > Drawing Tools group > Fill tool.
  2. Select the Draw tab > Styles group > Fill option > choose Transparent.
    Fill Transparent Color
  3. Click on the color you have set for the background. In this case, green. Immediately that color is made transparent.
    Fill Transparent
  4. Continue as needed. When all transparency has been applied, click Save.

Your partially transparent image is now ready to be used on any color background.

Do you have a Snagit capture that needs help?
Send us your Snagit graphic along with a description of the problem you need to solve and each month we’ll pick one or two Snagit transformations to showcase in this blog.
Interested? Send your images to helpmycapture@techsmith.com. We’re ready and waiting!

This entry was posted in Tips & How To's and tagged , by Kelly Mullins. Bookmark the permalink.

About Kelly Mullins

Kelly Mullins is an Information Developer within the User Assistance group at TechSmith. Her hobby is collecting creepy, vintage clown dolls so as to protect children from their strange and menacing influences. Her coworkers haven't fared as well. Her reading list includes anything "Nero Wolfe" and vintage Mary Roberts Rinehart intrigues. She is a 12 year veteran Power Seller on eBay peddling all manner of junque-n-stuff nobody really needs.
  • Mocasta

    That’s wonderful if only my Snagit 11 version had a 16-bit selection in the drop-down box.

    • Lizzy

      Click on ‘Options’ below the ‘Save as type’ and select 16-bit.

  • http://blogs.techsmith.com/ Renee Badra

    Hello! I believe it is 16-color, which is 4-bit

  • cool

    Now THIS is a good tip which should be in the Snagit newsletter “News you can use!” Finally something that I can apply right away to my images. BIG THANKS!

  • Tom

    This would be very helpful for me if I could get it to work. I’m with you down to the point of changing the green to transparent fill. When I go to Draw/Fill/Fill Options/Transparent, it makes the background white, not transparent, and I don’t get the checkerboard background, nor is the checkerboard background suggested on the transparent fill option. Is there some setting where perhaps I have the transparent fill capability turned off? I’m using SnagIt 11.0.0. Thanks.

    • Kelly

      Hello, It sounds like you might have your background color set to white instead of transparent. Perhaps check this setting and see what it is set to. Click the image below to make it larger so you can see the location of this setting.
      Thanks for using Snagit!

      • Kelly

        It was also just brought to my attention if you are not working with an original image that is not “true color – 32 bit, you will not see the Transparency option in the fill dropdown menu.
        Overall:

        * Once you change the image to the “4 color – 16-bit” format (or any format that is not 32-bit) and then close the image from the tray or close
        Snagit, and then you come back to work on the image, you will NOT see the transparency option.

        * Also, if your original image is not “true color – 32 bit” you will not see the transparency option.

        We hope this helps!!

  • michael krisa

    Great tutorial but I’m sort of surprised that you wouldn’t have done this as a video using Camtasia?

    • Kelly

      Hi,
      We try to do a mix of video and written tutorials. Some people like video, some prefer written. When it comes to a tutorial that has a lot of steps like this one, I personally favor doing a written tutorial. This way, people can view online or print it and have the step-by-step instructions in sight. With a video, you would have to pause, back up, replay, search, etc.
      But, I am generally interested in how people feel about this topic as a whole:
      When is video useful… when is written better… etc.
      Great topic for discussion. Maybe others will leave their comments.
      Thanks!

    • tgneB

      If you are a “senior citizen” and don’t have English as your native tounge, it’s often more difficult to follow a video than a written tutorial. Many times the presentator tends to speek to fast for a non-English speaking listener to catch up.

  • tgneB

    I often use Snagit to capture parts from a text but want to remove/obscure some of it within the capture. Could you please make a tutorial on that? It would save me a lot of time experimenting.