Page 1 of 1

Trying to understand Blend modes - Inks

Posted: Mon Apr 24, 2017 1:26 am
by capellan
Hi All,

Where could I find clear and concise explanations of the way in which every blend mode work?

I am writing an exercise for my classes about using all 48 blend modes and the only modes
that I could understand (and explain) are those few blend modes that produce very predictable
results as reverse, set, srcCopy, notSrcCopy and others.

Could you help to explain in plain words how these blend modes work?

Download this stack Blendmodes Test v01 and check if you could explain (in simple words) the method
behind the madness of the unexpected colorful results produced by many blend modes (or inks). :lol:

Thanks in advance!

Al
BlendModes_Test01.zip
Screenshot_Stack_Blendmodes_Test_v01.PNG

Re: Trying to understand Blend modes - Inks

Posted: Mon Apr 24, 2017 2:32 am
by capellan
Probably, this multicolored conical gradient is too complex for this purpose.
I will look for (or draw) a simpler image (with flat colors) to keep testing.

Many websites that explain these blend modes uses grayscale images :shock:
but I prefer to keep using color images.

Al

Re: Trying to understand Blend modes - Inks

Posted: Mon Apr 24, 2017 4:26 pm
by [-hh]
Very exact and basic:
The math formulas explain immediately the name of some blend modes (e.g. "multiply").

https://en.wikipedia.org/wiki/Blend_modes
See also more good weblinks there.

p.s. Please note that not all inks in LC are available or do the same on all platforms.

Re: Trying to understand Blend modes - Inks

Posted: Tue Apr 25, 2017 3:08 am
by capellan
Great! Many thanks for posting this link. I have found this webpage very useful too:
http://ssp.impulsetrain.com/porterduff.html

Using the same image (a small 512 or 256 pixel image), it's possible
to test if LiveCode Blend modes are identical to their counterparts
in other graphics software, like Gimp, Photoshop and many others.

Experimenting with grayscale channels extracted from RGB images,
I have found many inks combinations that allows to recreate exactly
the RGB image. For example, check the attached stack to this post.

This attached stack shows only one blendmode combination that reproduce
the original image from the superposition of it's own grayscale channels,
colored as cyan, magenta and yellow... but I am still looking for the
winning combination that reproduce the original image using a Red, Green
and Blue colored channels.

After I complete some pending design work, I will continue with
these color channels and blendmodes tests.

Al
Color_Image_from_RGB_Channels.zip
Screenshot_Stack_RGBImage_from_ColorChannels.PNG

Re: Trying to understand Blend modes - Inks

Posted: Tue May 23, 2017 3:13 pm
by MaxV
Here there are some images with examples: http://livecode.wikia.com/wiki/Ink

Re: Trying to understand Blend modes - Inks

Posted: Sun Jul 23, 2017 5:57 am
by capellan
Great! Many Thanks, Max :D

Al