Teaching BlendModes using FilterForge

So I was thinking to myself... how should I teach blend modes to people? And I came up with the idea to use FilterForge since its all visual and easier to follow (*ahem* maybe) than deciphering a text-based formula.

I'm starting to run into my technical abilities here... totally starting to lose it for some of the operations and plus I haven't bothered with the dodge modes at all (overlay, soft/hard light, pin... etc etc.) And I could use a bit of assistance / help there.

I don't even know if I'm producing some of the material right. Probably need serious checking on that, but most of it (as long as I'm follow stuff right) it should be fine.

There are a couple odd ball / uncommon operations just purely for the sake of entertainment purposes.

So hopefully once I get some fixes and additional blend modes down, I can present it to people

Blending Mode Explanation 1.1.ffxml

Image blending is a key component of layering in many programs. The purpose of this is not the usage of blend modes but to display in detail how each blend mode works and why some of them are set up as such.

For example the commonly known blend mode "screen" is utilizes a formula that takes two images: A and B... and does some math that looks like this: Result = 1 - (1-A) * (1-B).

Another example simpler example such as linear dodge is basically adding two images together: Result = A+B.

Basically the stuff inside the filter displays each and every mathematical step taken to blend two images A and B together. So it's really not about how you use it or what you do with it. Just shows you what the common (and some odd ball) blend modes do in a typical image editing program.

Most people don't understand or care about how blend modes work, a lot of it goes out the window when I explain it so I thought why not make it easier to understand for some people. I mean, if you're using any image editing tool, you engage with the math everyday, you just don't know about it.

I love you... so much.

This filter file is here.

Blending Mode Explanation .ffxml

Heh, I knew from the start what this filter is supoosed to show, but I still fainted when I saw the inside of it
See, I have this acute allergy to anything math like. While I find it fascinating, my brain just can't handle it and starts to shut down.
And to think I was 2 semesters shy of finishing a computer and math science degree! Yeah, I had to take a 6 months vacation before my brain started to function again

Sphinx... this is awesome. I didn't even know you wrote those. Guess what, I used that resource ahaha ~ woo.

And alright, that makes sense as an explanation. I just need to clean up that entire lot so badly. I get confused with which is A and which is B a lot. So some of the results were coming out weird and I couldn't tell what was happening.

And yup, the look up now makes better sense. COOL. This is awesome.

Here are some new modes I made during the last few years, and some of those from PS missing in FF and some not so known modes from other apps

Blend Modes.ffxml

Will it blend? ---- The official website and the real history of who is Tom Dickson

Quote
Sphinx wrote: Here are some new modes I made during the last few years, and some of those from PS missing in FF and some not so known modes from other apps

Are any of this not so known blend modes shown below included in your great and well done filter?

SR, is this your food market list ?

Absolutely great stuff you guys did here!
Exactly what I was looking for!!

Thanks to Skybase, Sphinx & inujima!!!

Next couple versions will introduce more clean up error checks and other stuff. Pretty sure most of the bits and pieces are fine... I just need to go through and verify the structures so it follows PEMDAS *ahem*

There are a couple more blend modes I want to put in... and probably several experimental ones just because I have a couple in mind.

Quote
Skybase wrote: I just need to go through and verify the structures so it follows PEMDAS *ahem*

What does PEMDAS stand for?

Parentheses Exponents Multiplication Division Addition and Subtraction

Purple Elephants Made Dinner And Supper (mnemonic for order of operations for evaluating math expressions)

P parenthesis
E exponents
M multiply
D divide
A add
S subtract

This is the order of operations! Some people memorize this with the sentence "Please Excuse My Dear Aunt Sally."

Good finds Inujima. I saw them too, but didn't wanna say anything

It is necessary to set that an output value become continuous at the point of a zero divide.
In many cases, input a white value to Error of Divide component, and set a LDR clipping component like Invert component to the last of combination of components, it will work good.

あともうばれているかもしれませんが、私はものすごく英語が下手です。

やっぱり〜 I had a feeling. ahaha

Well, I'll tone down the Japanese a bit because it is an english forum, although if in any case I'll write something I'll have translations of that. Either way, thanks!