PNG shows with white background

Questions about ATEM Switchers, Camera Converter and everything live!
  • Author
  • Message
Offline

ClaytonMoore

  • Posts: 174
  • Joined: Tue Mar 26, 2013 3:14 pm

PNG shows with white background

PostWed Jan 26, 2022 6:47 pm

Lower third transparency problem.

ATEM Mini Pro ISO
M1 Air
ATEM software 8.6.4
Current updated versions of all software.

PNG's created in photoshop with transparent background show as transparent perfectly in Resolve and FCP, even appear normal in the media pool of ATEM (software) but on the actual ATEM itself, it shows as a lower 3rd with a white background only.

One more thing, these work fine in a Tricaster as well.

Following the process outlined but must be overlooking something.

Separately just as an FYI - don't think its related:
The photoshop plugin for direct export wont work even though its in the right place. Photoshop and ATEM dont see each other.
Offline
User avatar

Mark Foster

  • Posts: 2089
  • Joined: Tue Oct 27, 2015 10:59 am
  • Location: austria - no kangaroos +g*

Re: PNG shows with white background

PostWed Jan 26, 2022 7:29 pm

have a look at this setting (pre multplied key - on or off)

Screenshot 2022-01-26 at 20.27.49.jpg
Screenshot 2022-01-26 at 20.27.49.jpg (15.25 KiB) Viewed 3834 times
cMP 5.1 2x3,46/96GB/2x2TB SSD/4x4TB/7101A 4x2TB 970evo+/HP1344/BMD4k/RadeonVII
macOS 12.6.3
BMPCC 6k pro (7.9.1)
meike s35 cine 25mm, 35mm, 50mm, 75mm
resolve studio 18.1.4
mini panel
speed editor
desktop video 12.1
intensity pro 4k
atem extreme (8.6.1)
Offline

ClaytonMoore

  • Posts: 174
  • Joined: Tue Mar 26, 2013 3:14 pm

Re: PNG shows with white background

PostWed Jan 26, 2022 11:33 pm

I checked ......... Its just not working. The latest version of photoshop wont direct export as it cannot connect to the ATEM. Gone off the wheels a bit - guess I have more work to do. Sigh......
Offline

eMilty

  • Posts: 164
  • Joined: Mon Oct 22, 2018 9:54 pm
  • Location: The Netherlands
  • Real Name: Marco Miltenburg

Re: PNG shows with white background

PostFri Jan 28, 2022 9:19 am

The ATEM switcher doesn't work with PNG images that have transparency. Bad decision by BMD if you ask me as it's the default for transparancy on the web. They should just support importing transparent PNGs and convert them on the fly.

In order to get transparancy to work on an ATEM switcher you need an image with an premultiplied key. This is what the BMD Photoshop plugin creates for you when you export to the ATEM directly. There are two videos by PhotoJoseph on YouTube (
,
) that clearly explain the difference and shows you how to create an image with a premultiplied key manually.

For Photoshop the steps are:

1. Load the image with transparency into Photoshop.
2. Duplicate the layer
3. Create a new layer at the bottom and fill that entirely with a black color.
4. Select the bottom two layers (the transparent image and black fill layer) and press Ctrl-E (or Cmd-E on Mac).
5. Hold the Ctrl (Cmd on Mac) while clicking the thumbnail of the original layer with transparancy.
6. Select the newly created merged layer and from the menu select Layer -> Layer Mask -> Reveal Selection
7. Delete the layer with the original transparent image.
8. Save the image to a PNG with transparancy.
9 Load that image into the ATEM and make sure to enable the Pre Multiplied Key checkbox in the keyer.

PS: For some cases where you don't need semi transparency (e.g. shadows, gradients) a simple transparent PNG will work just fine as the black added in the above steps will not be visible.
Offline

ClaytonMoore

  • Posts: 174
  • Joined: Tue Mar 26, 2013 3:14 pm

Re: PNG shows with white background

PostFri Jan 28, 2022 5:46 pm

I figured it out and I'm good now. Once I fixed the communications issue between Photoshop and my ATEM, its all good!
Offline

ClaytonMoore

  • Posts: 174
  • Joined: Tue Mar 26, 2013 3:14 pm

Re: PNG shows with white background

PostFri Jan 28, 2022 6:41 pm

Offline

MattStreet

  • Posts: 1
  • Joined: Thu Aug 18, 2022 3:39 pm
  • Real Name: Matt Street

Re: PNG shows with white background

PostThu Aug 18, 2022 4:08 pm

Hi guys,
Just signed up for this forum.
I'm having the same problem as the original poster, whenever I make a PNG in photoshop to use a lower third, the entire image is white. I tried the steps mentioned above and that just made the whole image black instead.

I'm not very good with photoshop, any idea what I might be doing wrong.

Kit I'm using:

ATEM Mini Pro ISO with latest update installed

Photoshop 23.4.1

Any help much appreciated. It's really frustrating because I downloaded a stock photo PNG to use a lower third and it worked, but none of the PNGs I've created myself using photoshop work. They just fill the entire frame.
Offline
User avatar

Roman Pytkin Pekarek

  • Posts: 2314
  • Joined: Tue Oct 30, 2012 1:11 pm
  • Location: SVK

Re: PNG shows with white background

PostSun Aug 21, 2022 9:42 pm

eMilty wrote:The ATEM switcher doesn't work with PNG images that have transparency.

Why ? im using it daily , about 8 years ..
http://tally.pytkin.sk
http://chucktv.eu
http://www.stonepp.tv
http://www.media-planet.sk
Offline

eMilty

  • Posts: 164
  • Joined: Mon Oct 22, 2018 9:54 pm
  • Location: The Netherlands
  • Real Name: Marco Miltenburg

Re: PNG shows with white background

PostMon Aug 22, 2022 11:00 am

Roman Pytkin Pekarek wrote:
eMilty wrote:The ATEM switcher doesn't work with PNG images that have transparency.

Why ? im using it daily , about 8 years ..

It works fine if you use 100% transparent. But not when you want something semi-transparent.
Offline

Rowante

  • Posts: 4
  • Joined: Wed Jun 07, 2023 2:52 am
  • Real Name: Rowan Togami Evans

Re: PNG shows with white background

PostSun Nov 26, 2023 1:32 am

It works fine if you use 100% transparent. But not when you want something semi-transparent.


I downloaded a PNG with transparency from the net, works fine in the ATEM, but if I edit the PNG in photoshop maintaining 100% transparency I get white instead of transparent. Same file, I add text to it in Apple Preview and save it, it works perfectly. It's definitely a problem with how PS is saving the file. Does anyone know why this is happening?
Offline

uli peters

  • Posts: 108
  • Joined: Mon Aug 27, 2012 12:44 pm

Re: PNG shows with white background

PostSun Nov 26, 2023 7:15 pm

Simply but very annoying reason: The PNG importer of the ATEM Software is broken since ever. :roll:
It assumes that imported PNG has premultiplied key but PNG has ALWAYS linear (direct) key per definition.
It simply lacks the premultiply operation inside the internal conversion before upload to the ATEM.

So the only correctly working way is to import TGA with premuliplied alpha key channel.
You may use a tool like Pixelformer (https://www.qualibyte.com/pixelformer/) to do it the right way.

By the way it is the same with export: PNGs downloaded and exported by ATEM software has premultiplied key which is NOT compatible to the PNG specification so any other application will have issues with the key. :roll: Anyway you can reupload it correctly again :lol:

Return to Live Production

Who is online

Users browsing this forum: No registered users and 49 guests