Pasting an image into another image and making it partially transparent

  • 1
  • Question
  • Updated 4 months ago
I would like to paste a small image into a larger image. No problem. However, I would like the smaller image to partially transparent so that the larger image can be partially seen through the smaller image. I cannot figure had to make that smaller image transparent. Can you help?
Photo of Troy Wells

Troy Wells

  • 2 Posts
  • 1 Reply Like

Posted 4 months ago

  • 1
Photo of Joe Morgan

Joe Morgan

  • 8260 Posts
  • 4445 Reply Likes
Unfortunately,
You would have to apply the opacity filter to the smaller image first. Then drag it form the tray or copy and paste it.
Which means your guesstimating how much opacity to apply first.Thats the unfortunate part. You might chose the wrong value.


Regards,Joe
Photo of Kelly Mullins

Kelly Mullins, TechSmith Employee & Helper

  • 2926 Posts
  • 681 Reply Likes
Hello,

To make this work, you need to add the transparency to the object BEFORE you combine the images.


In the example below.. I have two images in the Tray.




I don't want the black to show when I put the green circle on the red square. So I use the FILL TOOL with the transparency color selected to fill the black.



Then I drag the circle over to the red square and drop it there.


There is an opacity setting so you can easily choose how transparent to make the fill amount. 



Here is a help article that has more information.
https://support.techsmith.com/hc/en-us/articles/360030961991-Transparency-Tips



I hope this helps.
Thanks for using Snagit.

Kelly
(Edited)
Photo of Rick Stone

Rick Stone

  • 6442 Posts
  • 3065 Reply Likes
I suspect you may not be all that familiar with SnagIt based on the question. 

To expound on what Joe suggested earlier, this is an Effect. So you first will need to ensure you click the Effects tab in the lower right corner of the SnagIt Editor before you will see the Filters Joe mentioned.


(Edited)
Photo of Troy Wells

Troy Wells

  • 2 Posts
  • 1 Reply Like
Thanks all!! Just what I needed!!
Photo of Rick Stone

Rick Stone

  • 6442 Posts
  • 3065 Reply Likes
Just another clarification on this. I think Joe actually described what you were looking for and Kelly described another useful feature. Personally I use both of these quite a lot.

It strikes me that one could easily read this thread and construe that this is an either/or situation. That one can use transparency for images OR one can use opacity, but not both. But you CAN indeed use both to achieve what you want.

In the example below, I blended both suggestions. I used the images from Kelly, then superimposed some text on the base image. With the image that has a transparent background, I also adjusted the opacity of the image to 57 as Joe shows. I ended up with this.







Note that it's not really super clear to see what's going on here, so I adjusted filter opacity to 77 and tried again.



Cheers... Rick :)

Photo of dmey503

dmey503

  • 112 Posts
  • 72 Reply Likes
I would also suggest you download Inkscape. You can do a lot more with shapes and your images than you can in a video editor. It's a free, open-source app and one of the most useful tools you'll ever have for video production. 
Photo of dmey503

dmey503

  • 112 Posts
  • 72 Reply Likes
It's an awesomely powerful tool and you can open and edit both SVGs and AIs. It can get a little wonky with AI files if there are a lot of gradients and other Adobe filters but it handles SVGs like a champ. You can also trace images and convert them into vector format. I had to do that on a job where they had lost the original files for their logo.

If you want a polygon or custom shape that Camtasia doesn't have, it's super easy to draw one and export it as a PNG with a transparent background (which is its default export format). I think there's also a plugin for EPS images but I stick with Illustrator for those. 

I probably storyboard 90 percent of my Camtasia projects in Inkscape--you won't regret downloading it!

Sincerely,
Inkscape Fanboy
Photo of Rick Stone

Rick Stone

  • 6406 Posts
  • 3047 Reply Likes
I was curious where Camtasia entered the picture here. 
Photo of dmey503

dmey503

  • 112 Posts
  • 72 Reply Likes
How to use Inkscape with Camtasia to impress the crap out of your clients:


1. Use Inkscape to draw a custom series of vector graphic avatars modeled off of Bitmoji:



2. Use Inkscape to draw large shots of interiors and exteriors of buildings, matching the colors and design of your client's buildings. Making an image that's larger than your video dimensions lets you use Camtasia animation functionality to liven up your e-learning with panning and zooming:



3. Mix and match your artwork in Camtasia, add transitions and animations, screen recordings, quiz questions, etc: 



4. Impress the crap out of your clients:



Photo of Ed Covney

Ed Covney

  • 760 Posts
  • 423 Reply Likes
If neither Snagit or Camtasia handle vector graphics, then as you suspect,  they won't enter the picture. And whether they do or not, thanks to 503, I'll have a new toy to play with Excel's graphics.  But it took a comment in this snagit thread to find out about Inkscape. BTW, it reminds me of an old application I used in DOS - GEM by Digital Research.
Photo of dmey503

dmey503

  • 112 Posts
  • 72 Reply Likes
Snagit and Camtasia definitely don't handle SVGs but Inkscape makes it super easy to export beautiful PNGs with alpha channels. I know how to use 20 different design applications but the one that I've found the most useful is Inkscape. Have fun with it--you'll be editing nodes and creating tiled clones before you know it!