PNGs are washed out in Motion 5

When I import a png with a transparent background the artwork looks almost like it has a lower opacity. blacks look grey. Opening the same image in preview, photoshop or after effects doesn't have the same problem. Could anyone tell me what the issue could be? You can see how much lighter the one on the right (motion) looks. Why is this?


iMac 27", macOS 10.12

Posted on Feb 28, 2019 9:44 AM

Reply
Question marked as Top-ranking reply

Posted on Mar 5, 2019 1:56 PM

You are right. Motion does "let more light through" the alpha channel than Preview and other apps. The black pixels are opaque. Where the "brush strokes" thin out, the alpha treatment is more "lenient" in Motion and more of the background is coming through. You can tighten that up considerably!


[screen capture, not an export]


To the PNG, add a Filters > Color > Levels, then across from the "Histogram" label, click on RGB to access the individual channels. Select Alpha, then drag the white tab down towards the middle (or to your liking.)



— but you might not want to do this!


While this "faded appearance" is somewhat annoying pertaining to this specific image, in general, there is a general preference for the alpha transparency to be a little more liberal [to avoid a kind of fringing along the edges of the alpha channel]. Motion changed after v.4. In the old days, color was 8-bits per channel (including alpha), and that is like *most* graphics applications. With Motion 5, Motion went to 32-bit floating point color *all the [d**n] time* with no option to go back to the older color system. This can be somewhat annoying from time to time because some of the original filters that come with Motion are still 8-bit color... :P This can lead to other issues like "banding".


BTW — Motion converts from the 32-bit floating point color to the typical RGBA formats upon export. I loaded up your PNG in Motion and exported (Save Current Frame) the image unchanged (although I set the Canvas settings to Best Quality for export). I cannot tell the difference between your original and the exported PNG from Motion even though the image in Motion had that "faded" effect you were concerned about...


It's very difficult to "have faith" in what you see when what you see is somewhat different than what you expect. Just realize that Motion treats color differently than other apps while the images are "in Motion". Motion's exports are to standard formats. In most cases, it simply won't be an issue... just something to keep in mind.


6 replies
Question marked as Top-ranking reply

Mar 5, 2019 1:56 PM in response to raghunathr

You are right. Motion does "let more light through" the alpha channel than Preview and other apps. The black pixels are opaque. Where the "brush strokes" thin out, the alpha treatment is more "lenient" in Motion and more of the background is coming through. You can tighten that up considerably!


[screen capture, not an export]


To the PNG, add a Filters > Color > Levels, then across from the "Histogram" label, click on RGB to access the individual channels. Select Alpha, then drag the white tab down towards the middle (or to your liking.)



— but you might not want to do this!


While this "faded appearance" is somewhat annoying pertaining to this specific image, in general, there is a general preference for the alpha transparency to be a little more liberal [to avoid a kind of fringing along the edges of the alpha channel]. Motion changed after v.4. In the old days, color was 8-bits per channel (including alpha), and that is like *most* graphics applications. With Motion 5, Motion went to 32-bit floating point color *all the [d**n] time* with no option to go back to the older color system. This can be somewhat annoying from time to time because some of the original filters that come with Motion are still 8-bit color... :P This can lead to other issues like "banding".


BTW — Motion converts from the 32-bit floating point color to the typical RGBA formats upon export. I loaded up your PNG in Motion and exported (Save Current Frame) the image unchanged (although I set the Canvas settings to Best Quality for export). I cannot tell the difference between your original and the exported PNG from Motion even though the image in Motion had that "faded" effect you were concerned about...


It's very difficult to "have faith" in what you see when what you see is somewhat different than what you expect. Just realize that Motion treats color differently than other apps while the images are "in Motion". Motion's exports are to standard formats. In most cases, it simply won't be an issue... just something to keep in mind.


Mar 1, 2019 1:41 AM in response to fox_m

Yes the left is how it looks in after effects and the right is motion. Ignore the gradient, that's just what macOS adds under windows that overlap each other. Also, I have added no blend modes or changed any settings at all. I've just dragged the same png into the 2 different programs and somehow motion makes it look washed out and almost like it's lower in opacity. I also went into the properties to make sure that the opacity was indeed at 100% and it was. So yeah, I literally just dragged a png into motion and this shift in appearance happens. Not sure why.

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

PNGs are washed out in Motion 5

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.