I need someone like John to explain my whole life to me. Simplifying complex things

I've been making computer illustrations and graphics for 30 years, thereabouts, and this is by far the best video on blend modes. Some have more math, others show more examples, but this one has just enough of both, and are of good quality, combined with a clear description delivered at just the right speed/cadence. Excellent! All the information, given without wasting time or insulting intelligence!

The amount of work demanded in creating so such a video paints pretty much all other videos explaining the same subject as an insult to this one. Thank you good sir for the amount of thought and effort gone into this rather dige4stable explanation of the blending modes. It is very much appreciated!

As a teacher of computer graphics, I whole-heartedly approve this video, again. Very well done, great explanations, great examples and visualisations, just all around excellent, as we've all come to expect by now. Great stuff, John!

The 3d graph of Base-Blend and Luma made it easier to understand visually. No other channel explained it this way.👍👍

give this man an Oscar in teaching. if it doesn't exist, make one and give it to him.

Very few educators know how to blend teaching art and science at this level. Thank you for dedicating so much time to this!

Fantastic video explaining things in both a simple way, but also diving into the math behind it, and paired with some fantastic samples. Thanks!

Formula correction (T=18:42) Pin Light for b>0.5 should be max(a,2(b-0.5)) instead of max(a,2b) -- otherwise it would just be solid white on the b>0.5 side.

"May I be excused? My brain is full."

thank you for this. most videos on blend modes oversimplify it. they don't truly explain what's going on.

Such a great teacher - making complex concepts understandable.

Wow, this information is super valuable!! Thank you! "But will it blend?"

This is great. Nuke gives the maths formulas in the tooltip but doesn’t mean a lot on its own. I’ll need to come back to this to fully digest, but I think it’s the only attempt I’ve seen to properly break this information down and make it accessible. Amazing work, thank you

Thanks for creating this extensive deep dive into the functioning of Adobe Blend Mode! 🙏 ♥

Believe me or not. I have been searching just this, just only this for last 2 months. It's like a gem for me. thank you Sir

So much more amazing effort goes into videos on this channel it's lame that the yt algorithm seems to be recommending this channel less that it did a couple years ago. This channel deserves so much more attention and support.

Thanks for this video. Almost 20 years using Adobe Software and never seen such a deep yet useful explanation of the math behind these.

Nice! Really informative. Been using those blend modes for years without knowing what the heck they were actually doing. Thanks for this!

Do you know, how awesome you are? That's like 10 years of torture by randomly clicking blend modes taken away in 30 minutes. Thanks man!

This is absolutely amazing! Thank you so much! Can't imagine how long this must have taken to make...

This video is exactly what I was looking for! Very cool!

Wow, this is such an amazing video. The graphical representation of everything couldn't be better. This would have so many more views if more people cared how everything works under the hood. Thank you very much!

What a great video. Great use of visuals and finally a video that makes a user friendly introduction to the blend modes. Thanks for sharing.

Blending Modes really don't get talked about enough. When working with color, the color palettes you choose aren't the only important thing, the way the colors blend together can be night and day for the quality and aesthetic of a work. I think this aspect of color needs to be explored more and have more people experimenting with it. Glad I found this video, hope this helped make a difference for many armature artists and programmers. I already know a lot about blend modes, but I still learned a lot of useful details I didn't know watching this. I hope one day I'll learn how the raw code behind these works, but that seems to be pretty advanced. Still though I'd love to be able to program automation in blending modes and make my own engines that use them.

it is a base of knowledge that every graphic designer need! thank you .

Fantastic video, thanks a lot!

for those in web design, some of these blend modes are also available in CSS3

In all the years I've done comps, I've used "source alpha", "multiply" and "add". All the rest seemed useless to me. Now I at least have an idea of when they might come in handy, thanks as always!

Thank you for this fantastic information. I have been wanting to know more about these functions for awhile. Well done and great graphics.

Really appreciate the hard work put to make this video... I could only 50% of the maths explained but it was totally amazing

Best explanation on blend modes . Great job.

I am currently learning how to write shaders, and this is invaluable to me at the moment. Thank you!

Great video. I finally understand why the blend modes are called as they are.

Damn, you're doing God's work here John, haha. That's some extensive explanation. What a great resource of knowledge Filmmaker IQ had become. We're proud of you man.

What a wonderful piece of reference material. Thank you.

I am never going to need this information but for some reason I still enjoyed this.

Very nice work, thanks for going through all the details, the 3D view was especially informative!! The Luminescent Premultiply mode was only covered briefly. It is pretty cool actually. It can be used to composite layers that have both normal and additive content, in one go. It treats areas with opaque alpha as normal, and areas with transparent alpha as additive. Under the hood, AFAIK, the mode will first subtract the alpha channel from the background RGB, then add the foreground RGB for the whole image, not just opaque areas. If you want to deliver, say, a logo animation that has a lens flare to a colleague, exporting it to a single file usually does not work well - generally, the logo should be composited in normal mode, and the lens flare in screen or add mode. If you just add an alpha channel for the flare, when you try to put the resulting file on top of a new background, the lens flare will look dull. Luminescent premultiply to the rescue. When preparing the file, the logo is to be rendered on a black background, with an alpha channel. The lens flare is then composited on top of this in additive mode. It should show on top of the logo as usual, as well as in the transparent area's RGB channels, brightening the black background, without it contributing to the alpha channel in any way. When the resulting file is composited in Luminescent premultiply mode by your colleague, the areas with opaque alpha will in practice be composited in normal mode (you get a normal looking logo), and the areas with transparent alpha in additive mode (you get properly comped flare). The areas with a semitransparent alpha are obviously a blend of the two. Voilá, correct results using just a single layer for these two different kinds of blending needs. Nifty.

Wow. How much information in one video. Great. Thank you.

I expected to see how the Alpha Over (aka Normal) blending mode works, but this is very interesting. Thank you for going deep. I've learned things!

Thanks so much for this conceptualization. Big fan of your work. Greetings from Chile.

appreciate your effort in sound design

Outstanding! Thank you so much.

Amazing work sir, SOMEONE FINALLY did this and no better then you sir :) Thank you.

great tutorial

extremely useful, though a longer workshop would be a nice addendum

Just the video I dit not know that I wanted today. Thanks, this was so cool.

Hard mix blew my mind

Thank you. That is all. Soooooo informative. Seriously.

Re: The Add blending mode in After Effects: It's the same math, but the opacity of the layer starts to make a difference. Instead of having a white to black blending layer (b), you can have a white to fully transparent gradient instead and the result will be the same. This is useful if you use feathered masks or even the opacity slider. So I guess it's 9th on that list of the special 8 mentioned(?)

John, you are a mad man. Huuuge respect! :>

Wow ty so much!

Great tutorial. The gradient in Photoshop has linear mode. Just need to Uncheck "Smooth" Option for it to happen .

This was super need of the hour

Thanks a bundle

As always, very great video with awesome information for those that want to understand a little BTS the blending modes. Good thing, though, that there aren't any tests or exams on this topic, because even if I'm an aerospace engineer I'd need a little bit more time to actually make the information my own. :P

best video ever

Do you think you could also maybe explain the math behind Fill for the special 8 blend modes?

That "bendy" 3D visualisation, could it be because you used some non-linear color space? (sRGB most likely, cause that's what most software defaults to)

Great video btw

Thank you John. This was very usefull stuff.

this is amazing! thank you so much

Thank you for this video! Would you mind if I cited it for one of my upcoming videos?

Muito bom. Obrigado!

Parabéns!

This is excellent!

amazing john!!!!!

Cool... didn’t think I was going to make it!

Great explanations! Question: is there a relationship between the mathematics of these blend modes and the way light works in the physical world (with our eyes or with cameras)? Seems like especially for Screen and Multiply there must be some kind of relationship since they are so good at simulating real-world effects. Do you know?

I might've just become literate in basic algebra if I had watched this video in pre-school! My math teacher never bothered to mention how Math functions function! :P

More math!

great work. Why don't you make a video on green/blue screen shooting?

Let me simplify this : Photoshop works on Luminance of a Pixel. And luminance is measured from 0 (Black) to White (1) Grey is middle (0.5). So a pixel between 0 and 0.5 will be measured as .29 ... 0.34... 0.45 ...etc.... and those pizels above 0.5 will be denoted as 0.60 ... 0.70... etc .. til they reach 1 (Pure white). Now here is the main difference between traditional maths and these standardized luminance values. When you divide in traditional maths, you will always get a smaller number...but in 'standardized' maths, you will always get a bigger number (quotient) When you multiply in traditional maths, you will always get a bigger number.. but in 'standardized maths' you will get a smaller number. That is the reason why a multiply operation results in a darker image.....and a divide operation results in a lighter image in Photoshop (or any other graphic software). Here is how the multiply blend mode works : luminance of base layer x luminance of top layer (Blend layer) = Resultant luminance values. Suppose the luminance of base layer is 0.78 (bright value) ... and the luminance of top layer (blend layer) is 0.28.. the result will be 0.78 x 0.28 = 0.21 (darker pixel) Addition of luminance values and subtraction of luminance values will work just like traditional maths. But its the multiplication and division which is different in 'standardized' luminance values. Lets take the color burn equation : Base layer luminance is inverted ... then divided by top layer, and the quotient is then inverted. If this helped, give it a like. Note : Just because Im from India does not mean that this maths comes naturally to me or makes me a maths genius. I just figured it out too.😊

Awesomesauce!

so rgb is brightness in the dark and cmyk is darkness to a bright white background ?

Thanks for unapologetically using math. • I’ve no darkroom experience, but I think I understand the history of the terms from analog to digital. I don’t understand the image at 10:37, however. Please explain a little bit more if possible. •

Nice video ! In some softwares like Krita there is even more Blending modes and blending modes types than in Adobe softwares (50+!).

Soft light for daaaaayyyyzzzz

Hello, why don't you use a real black/grey backdrop instead of a green screen?

👏👏👏

Anybody know how to achieve/imitate the TECHNICOLOR look?

John's slowly becoming a Kung Fu sensei.

This video require too much IQ , but a thump up was gave Even subscribed, I feel good today

I love you

Way too perfect, but i`ve been wondering to know an important tip about multiply blend mode, my question is long and its impossible to send it in form of text in comment, could i please send it as an short video via email for you?

17:00

Are you looking to take on an intern for a short while?

I honestly had no idea that fill and opacity did different things. Now I feel stupid.

14:00

The blending mode I feel after watching is burn(ed)

" Any intelligent fool can make things bigger and more complex... It takes a touch of genius - and a lot of courage to move in the opposite direction." - E. F. Schumacher This Quote suits you, sir.

🤯😉

Humanity doesn't deserve John Hess.

I should be editing, instead im watching these videos .... good way to spend my time at least

Am i missing something but on 12:06 to callculate THE blue channel we have to divide by 0 But it is stickly prohibited))))))LoL

Man, i'm early as hell.

Translite indonesia

4:05 is where you totally lose me - why are we plotting in 3 dimensions? - why are we calling it luma? what does that mean? - why isn't the gradient linear? what implications does that have on everything else? why does it more accurately represent what is happening? - "and because 3D Studio Max also added gamma when creating the relief map" why is 3D studio max relevant? what does it mean to add gamma? what's a relief map?

Nice video as always however information overload. I will stick with my wet plate collodion photography.

Something isn't quite right with your green screen effect. It makes your ears seem to disappear at times.