Colours don't match
Oct 13, 2023
Hi guys
I have had this problem for a while now and wonder if you can help.
When creating videos in Character Animator or Adobe Photoshop, I colour the background so that when it is imported on to SL, it should match the background there.
In the example here, you can see the visible colour difference between the character background and SL shape. Example - In Glitch 3 - the pink background is #DAACD0. The visible colour difference to the area around the character is odd as this is also #DAACD0.
I can't find any way to make the colours match. The only way I can do it is spending hours slowly moving the colour of the bg lighter until I get close. But it's a finger in the air method and isn't effective.
Is there a reason that colours never match even though the hex codes are exactly the same?
This isn't a one off bug - this is every time.
6 Replies
a short test with background color #daacd0
I have exported in photoshop with "export > save for web (Legacy) > png with transparency"
no problems with the color (#daacd0 is identical on the background and the pict)
https://360.articulate.com/review/content/e72b87d5-1843-4491-88d5-1ead0ba1df06/review
but there is a light border around the non transparent area in the pict (only with Firefox)
https://360.articulate.com/review/content/2ad4ac0b-a85c-472f-adfa-76bc2e3fcf8c/review
but now back to the original topic - which file format are you using
Thanks - ok I have managed to replicate this - great help - thanks!
What I still can't do is export from Adobe Character Animator to keep the colours matching.
Exporting as an MP4 - not many people use Character Animator so I am struggling to find a fix on this second point.
compressed video is not made for identical color reproduction as for still images
compression and playback (!!!) may slightly change colors, brightness and contrast
example Adobe Charakter Animator exported "Quick Export High Quality"
top: original, bottom: a windows video player
top: original, bottom: Firefox
top: original, bottom: MS Edge (Chromium)
now as example the left eye
and now the same with png and jpg
not tested on Safari - but on mac there have always been significant differences in video playback compared to windows
=> no chance to embed video seemless into a background - you will always see the edges on one or the other browser
Ah ok! Thank you for the advice! That's sad. Maybe I can create my character animation with a transparent background - but don't know if that's possible!
mp4 video don't support alpha channel
video with alpha channel is possible in the browser with video codec H265 or WebM
in detail
and H265 is not free to use
video with alpha channel => not a real option
Thanks Jurgen!