Forum Discussion
Color mode (multiply) for image overlay
I need to overlay 2 images, the top one with overlay mode. I noticed this isn't working as it should. The top image displays as a black rectangle. Any solution for this?
Thank you.
With a little Javascript this is not hard to do.
https://360.articulate.com/review/content/73c07ae3-b423-432b-8bc8-af5138f0fce2/review
Choose your blendmode and the opacity ( 0-100 ) and apply... and you see your images in the wanted mixBlendmode.
The code for this is actually quite simple.let overlay = document.querySelector("[data-acc-text='overlay.png']");overlay.style.mixBlendMode = "multiply";overlay.style.opacity = "0.8";
In my sample i added quite some more mixBlendModes so you can see what happens.
I used Diarmaid Collins images so you can see it is exactly as his samples.
Adding the Storyline...
For Articulate and the developers...The image effects in Storyline itself still fail !