Premultiplication Demystified

Wrap your head around this odd topic.

Howdy folks! I got the awesome opportunity to partner with The Foundry on a couple of videos to help explain topics that might trip up After Effects artists who are starting to use Nuke.  Watch these 2 short videos first, and then keep reading if you’re a geek-type and want to really see how the sausage gets made.

The Concept of Premultiplication

Managing Premultiplication




If that wasn’t enough, check out this guide that goes a bit deeper into the math (that’s right… MATH) behind compositing.  I tried to make it interesting, but let’s be honest… it’s premultiplication.  It’s just not sexy.   pmGoof01 Let’s start by talking about how compositing programs actually… ya know… composite.  Let’s say you have two images, A and B. 01 B will be our background image, and A will be our foreground.  As it turns out, A has an alpha channel… we’ll call this alpha channel “a.” 02 If you create a Merge node in Nuke and hover your mouse over the Operation option, you’ll see a CRAZY looking sheet pop up that looks a lot like an Algebra test.  This is actually a list of the mathematical formulas that each composite mode is using inside of a Merge node. 03 Let’s look at the formula for a basic “Over” operation… this is just layering one image over another. 04 I know… WTF!?!?  Hang tight, it will all make sense.  What that formula means, is that in order to figure out what the new COMBINED image looks like, we have to do some math using the two SOURCE images.  Not fancy math either… plain old addition and multiplication.  Here is what that formula looks like image-wise: 05 Let’s start with the (1-a) part of the equation.  What is 1 minus an image?  It makes no sense!!!  Actually, all we are doing is looking at the COLOR VALUE of each pixel in the alpha channel (White = 1, Black = 0, Grey = .5) and subtracting that number from 1 to get the new value.  When you do this, you invert the alpha channel and get… 06 Ok, so now our math formula looks like this: 07 Now we can multiply B by the inverted alpha channel.  How do we do that?  Well, for the purposes of this example I chose a blue that has RGB values of R=.2, G=.2, B=1. (side note: Nuke works in 32-bit mode, so color values go from 0-1, not 0-255 like you may be used to seeing in After Effects’ 8-bit default mode.  The principal is the same in that app as well) We are going to multiply every one of B’s pixel’s COLOR VALUE times the values of the pixels in the inverted alpha.  So, again, a blue pixel times a black pixel (remember, black=0) will equal a black pixel (R=0, G=0, B=0).  A blue pixel times a white pixel (white = 1) equals an unchanged blue pixel. 08 It’s slightly more interesting when we look at the grayish pixels along the edges of the alpha, the ones that are not black or white, but are somewhere in the middle because of antialiasing. 09 One of those pixels might have a value of .5, so a blue pixel times a .5 pixel would equal something like this: 10 The new pixel has a value of R=.1, G=.1, B=.5.  It has been darkened in the multiplication process.  THIS IS IMPORTANT.  It has NOT been made transparent, it has been darkened.  The result of this multiplication looks like this: 11 You might say, “Well shoot!  That looks like what you’d get if you used the Multiply blend mode in Photoshop or After Effects,” and then I would say, “Damn straight.”  There is also an Add mode in those two apps… care to guess what it does?  So now, we’re left with this piece of the formula. 12 By now I’m sure you can figure out what it means to ADD these two images together, so let’s do it and find out what happens!  For reference, the yellow color I chose has a value of R=.9, G=.9, B=.2.  We add them together and…. 13 Now wait a goddamn minute! pmGoof02 We followed the instructions to the letter!  A+B(1-a)!!!  What happened?  Well first off, let’s figure out why we’re seeing white pixels where we should be seeing blue pixels.  If we add a yellow pixel to a blue pixel, we end up with RGB values that are actually GREATER THAN 1.  Superwhite, as it is sometimes referred. So we seem to be missing a step somewhere. Hey! We never did anything to our A image… that’s the one with the alpha channel.  Shouldn’t that alpha channel affect the image that it’s actually attached to? Well, yeah… in fact you should MULTIPLY the colors of A by it’s alpha channel.  What happens when we do that? 14 My God…  what happens now if we add this new A to B? 15 Success! pmGoof03 So… seems like A+B(1-a) is leaving out a step.  A multiplication step.  A step that needs to happen BEFORE we composite.  One might even call it… PRE-multiplication. The next question is, why the heck isn’t premultiplication just part of the formula?  Why is it a separate step?  That’s an easier answer, and one that is explained in THIS VIDEO.  I hope after reading through this you guys have a better understanding of what that Premult node is actually doing and when you need to use it. Adios! – Joey

If you liked this tutorial, please show your support by sharing this post.  It means a lot. Thanks!