PNG images with transparent backgrounds are sometimes displayed as opaque in Picture-in-Picture feature

Jun 22, 2015

I'm inserting custom PNGs with transparent backgrounds in the "B" roll (AKA Picture-in-Picture, or PIP). I used Illustrator to create the images.

Sometimes the images show an opaque white background. Some variations of the image show correctly, others don't. 

I'm perplexed.  Has anybody else experienced this issue?

9 Replies
Ashley Terwilliger-Pollard

Hi Sarah,

I can't say I've ever seen that or tried it - but since you mentioned it's only some that don't show correctly I'd want to confirm that you were working with local project files as described here. Additionally, are you adding in the images as described here?  

If you're still having difficulty could you share a .replay file here with us to take a look at? 

Sarah Dewar

Hi Ashley

The answer is yes to both questions. The files are all stored locally, and I’m using .png files for the images.

I've attached a replay file.  Check out the images at 1:02 - 1:15.  Some are fine, some have opaque backgrounds. All created with the same software (Illustrator) and all exported the same way.

Curious!

Ashley Terwilliger-Pollard

Hi Sarah,

Thanks for sharing the images here. When I took a look at them in your file and in the new Replay file I started, they are not transparent in the sense that you can't see the video behind the image? That's what you're looking to see, correct? When opening up the images just in the Windows photo viewer I don't see any background just white - which  I assume is the transparent part - but both of these images behave similarly for me in Replay. Do you have the "listen up" or "new!" images as shown in your videos? Those ones look as expected in Replay with a transparent background. I don't have an image editor to check these out further, but I'd look at how those were created vs. the two you shared here. 

Sarah Dewar

Hi Ashley

Of course it always works when someone is watching :)

The issue might be on my end, but I'm not sure how or why. I created all of the images the same way (they come from the same source file) and it's really odd that they don't all appear with a transparent background.

Bottom line: let's leave this for now.  I just wanted to log the issue, in case others were experiencing it.

Thanks for your help!

Sarah

 

 

 

This discussion is closed. You can start a new discussion or contact Articulate Support.