Trying to understand Blend modes - Inks

Visuals, audio, animation. Blended, not stirred. If LiveCode is part of your rich media production toolbox, this is the forum for you.

Moderators: heatherlaine, Klaus, FourthWorld, robinmiller, kevinmiller

Post Reply
capellan
Posts: 418
Joined: Wed Aug 15, 2007 11:09 pm
Contact:

Trying to understand Blend modes - Inks

Post by capellan » Mon Apr 24, 2017 1:26 am

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
Compressed Stack Blendmodes Test v01
(20.44 KiB) Downloaded 70 times
Screenshot_Stack_Blendmodes_Test_v01.PNG
Screenshot of attached stack

capellan
Posts: 418
Joined: Wed Aug 15, 2007 11:09 pm
Contact:

Re: Trying to understand Blend modes - Inks

Post by capellan » Mon Apr 24, 2017 2:32 am

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

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 1680
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Trying to understand Blend modes - Inks

Post by [-hh] » Mon Apr 24, 2017 4:26 pm

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.
shiftLock happens

capellan
Posts: 418
Joined: Wed Aug 15, 2007 11:09 pm
Contact:

Re: Trying to understand Blend modes - Inks

Post by capellan » Tue Apr 25, 2017 3:08 am

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
Compressed stack
(81.72 KiB) Downloaded 69 times
Screenshot_Stack_RGBImage_from_ColorChannels.PNG
Screenshot of stack

MaxV
Posts: 1484
Joined: Tue May 28, 2013 2:20 pm
Location: Italy
Contact:

Re: Trying to understand Blend modes - Inks

Post by MaxV » Tue May 23, 2017 3:13 pm

Here there are some images with examples: http://livecode.wikia.com/wiki/Ink
Livecode Wiki: http://livecode.wikia.com
My blog: http://livecodeitalia.blogspot.it
To post code use this: http://tinyurl.com/ogp6d5w

capellan
Posts: 418
Joined: Wed Aug 15, 2007 11:09 pm
Contact:

Re: Trying to understand Blend modes - Inks

Post by capellan » Sun Jul 23, 2017 5:57 am

Great! Many Thanks, Max :D

Al

Post Reply

Return to “Rich Media”