{"id":181,"date":"2020-06-09T08:00:00","date_gmt":"2020-06-09T08:00:00","guid":{"rendered":"https:\/\/lifefitnessllc.com\/archives\/332"},"modified":"2023-09-14T18:07:48","modified_gmt":"2023-09-14T17:07:48","slug":"improve-your-masks-with-hue-saturation-and-luminance-qualifiers","status":"publish","type":"post","link":"https:\/\/tutorialpremiere.com\/index.php\/2020\/06\/09\/improve-your-masks-with-hue-saturation-and-luminance-qualifiers\/","title":{"rendered":"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers"},"content":{"rendered":"<h2>In this article, we take a look at the basics of HSL qualifying and keying \u2014 and how to incorporate it into your next masking job.<\/h2>\n<p>Masking is one of the fundamentals of video editing, but masks used in isolation have a lot of drawbacks and limitations. The most efficient way to improve the quality of any mask is by using hue, saturation, and luminance qualifiers.<\/p>\n<p>In this article, we\u2019ll cover the basics of HSL qualifying and keying, and we\u2019ll take a look at how to incorporate it into your next masking job.<\/p>\n<p>&nbsp;<\/p>\n<h3>HSL Qualifying and Keying<\/h3>\n<p>One of the most common ways to select specific regions of a frame in a video is by using the hue, saturation, and luminance qualifiers. Different programs lay these tools out differently, but the functionality is mostly the same across the platforms. You simply specify in and out ranges for the hue, saturation, and luminance values of the parts of the footage you want to adjust.<\/p>\n<p>The best way I\u2019ve found to approach a shot is to determine if the area I want to select stands out due to color, intensity, or brightness. Once I\u2019ve made this determination, I apply similar logic to each of the three sliders in order:<\/p>\n<h3>Using HSL Qualifiers to Make Better Masks<\/h3>\n<p>We\u2019re going to look at example scenarios from four movies. In each, I\u2019ll take you through some methods for changing selected parts of the frame.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Making Better Masks\" src=\"\/wp-content\/uploads\/replace\/2d82b17413e5a5fb321899968a9f742c.jpeg\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Making Better Masks\" aria-describedby=\"caption-attachment-107104\" \/><\/p>\n<p>Image via <em>Ant-Man<\/em> (Disney).<\/p>\n<p>Let\u2019s pretend that after the completion of principal photography for <em>Ant-Man<\/em>, Baskin Robbins undergoes an extensive rebrand, shifting its brand color from purple to bright red \u2014 and they want the movie to reflect this update.<\/p>\n<p>Rather than relying on expensive reshoots, our imaginary post-production team must make the change. Luckily, it should be a pretty quick and easy one.<\/p>\n<h4>Analysis<\/h4>\n<p>Using only the HSL qualifiers, adjusting the purple to another color should be no problem at all.<\/p>\n<h4>Process<\/h4>\n<p>To change all of the shot\u2019s purple to red, we\u2019re navigating back to the Lumetri Color panel and into the HSL\/Secondary tab. Rather than manual selection, this time we\u2019re using the eyedropper tool to select an area that looks the most representative of the color we want to change in the shot.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 HSL Secondary Tab\" src=\"\/wp-content\/uploads\/replace\/f9816ff7e5165664735f4d47b6a6a45f.jpeg\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 HSL Secondary Tab\" \/> After a few tweaks to the HSL values, we\u2019ve got a good selection on the purple in the shot.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Color Wheels\" src=\"\/wp-content\/uploads\/replace\/e269eaee48b727bfd3f22c9446734a8e.jpeg\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Color Wheels\" \/> Now we simply push the purple to red. To enhance my results, I am using the three-way color wheels to adjust shadows, mid-tones, and highlights.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Purple to Red Result\" src=\"\/wp-content\/uploads\/replace\/6868fe15fba763568666012e566c8464.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Purple to Red Result\" \/><\/p>\n<p>And just like that, I think we\u2019re done.<\/p>\n<p>Let\u2019s take a look at using HSL qualifiers in conjunction with masks.<\/p>\n<h3>HSL + Mask<\/h3>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 HSL + Mask\" src=\"\/wp-content\/uploads\/replace\/701f44bc7dfe09ee4f9b0128c03a944d.jpeg\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 HSL + Mask\" aria-describedby=\"caption-attachment-107105\" \/><\/p>\n<p>Image via <em>Buried<\/em> (Lionsgate).<\/p>\n<p>Our next still is from the 2010 film, <em>Buried<\/em>. I am going to illustrate the process of removing the phone and (hopefully) any trace that it was there in the first place.<\/p>\n<h4>Analysis<\/h4>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Masking Out Light\" src=\"\/wp-content\/uploads\/replace\/58a6218d8ee1b76e037bc2128d1b85cb.jpeg\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Masking Out Light\" \/><\/p>\n<p>Beyond the phone itself, we are going to have to deal with the strong blue light from the illuminated screen. This could prove a bit tricky since the light from the phone is the key light for this shot.<\/p>\n<h4>Process<\/h4>\n<p>When removing an object from a shot, the first step is usually duplicating the clip you\u2019re working on. This offers you a fair degree of flexibility and saves time when masking objects using only your editing software.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Adjust Bezier\" src=\"\/wp-content\/uploads\/replace\/6a02b0f2ae0edb1ae4be059b9ce10394.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Adjust Bezier\" \/><\/p>\n<p>After we\u2019ve duplicated this shot, we will create a rectangle mask under the opacity controls and then adjust and rotate it to roughly fit the outline of the phone. We will create four new points between each of the existing ones, and then we\u2019ll adjust the bezier to match the curvature of the phone.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Reposition and Resize\" src=\"\/wp-content\/uploads\/replace\/af80ae5a9172cfb43eb78d3c1ae7bf15.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Reposition and Resize\" \/> Now that our mask is set, we will select the bottom clip and reposition and resize an area of the sand that can replace the hole left by the phone.<\/p>\n<p>All that\u2019s left before dealing with the light cast by the phone is to adjust the feather and mask expansion sliders to hide the parts of the sand illuminated by the phone.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Adjustments\" src=\"\/wp-content\/uploads\/replace\/89f5f3adda536660105032a8dedb3376.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Adjustments\" \/><\/p>\n<p>Inside of the HSL\/Secondary tab, I will use the qualifiers to select blue highlights.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Select Highlights\" src=\"\/wp-content\/uploads\/replace\/017909a7b74073ae0bf5f3d696dd57c0.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Select Highlights\" \/> When we\u2019ve got a good selection, we\u2019re just making some small tweaks to the color balance to find a tone that closely matches the rest of the character\u2019s skin tones.<\/p>\n<p>I increased the sharpness on the character\u2019s face to draw the eye away from the patched-out phone.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Sharpness\" src=\"\/wp-content\/uploads\/replace\/151283e0d1f3feea77e3a94f3b4bab6f.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Sharpness\" \/><\/p>\n<p>A keen eye can spot the work, but for the average viewer, this should be more than adequate.<\/p>\n<h3>Qualifying with a Single Channel<\/h3>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Single-Channel Qualifying\" src=\"\/wp-content\/uploads\/replace\/b297c1e2670f41fb23a51b923b5a434d.jpeg\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Single-Channel Qualifying\" aria-describedby=\"caption-attachment-107106\" \/><\/p>\n<p>Image via <em>Casino Royale<\/em> (Sony).<\/p>\n<p>Let\u2019s take a cinematic hop into the world of James Bond, where we\u2019ve got another product sponsorship!<\/p>\n<p>Let\u2019s pretend Sony wanted to distance itself from the Vaio line and wants the logo removed from this shot.<\/p>\n<h4>Analysis<\/h4>\n<p>The logo is in the middle of a laptop hood that is entirely black \u2014 or, at least, would be acceptable visually as entirely black if we needed to make it that way. Thanks to this detail, removing the logo is going to be a breeze.<\/p>\n<h4>Process<\/h4>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Removing Logo\" src=\"\/wp-content\/uploads\/replace\/f3278ef237bc7ad03f4330904ae9ee74.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Removing Logo\" \/> First, we\u2019re duplicating the video before enabling a rectangle mask in the opacity section of the second video\u2019s effect controls. After we\u2019ve aligned the points with the corners of the laptop, we\u2019re headed back to the HSL panel in Lumetri.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Lumetri HSL Panel\" src=\"\/wp-content\/uploads\/replace\/1725d745a8c150a9c02d8596fdd6a89f.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Lumetri HSL Panel\" \/> We\u2019re selecting for the white because it has a more consistent luminance than the black of the laptop lid. For this reason, we are going to disable the hue and saturation qualifiers and select with the luminance qualifier only. After selecting, I am adjusting levels to further crush the shadows and pull the highlights down as low as possible.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Shadows and Highlights\" src=\"\/wp-content\/uploads\/replace\/01723c0c5245c4934d17e1215056cbd8.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Shadows and Highlights\" \/> Once we have a good selection, we simply align the cropped lid with the one bearing the logo. From here, we drop all of the levels, de-saturate, and de-sharpen the selected Vaio logo until it blends with the black lid indistinguishably.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Dropping Levels\" src=\"\/wp-content\/uploads\/replace\/fe37aba179e5518398a6f07b28ab85f8.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Dropping Levels\" \/> To blend the mask into this shot a little more, I\u2019m shrinking the mask expansion and raising the mask feather by the same amount.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Blend Mask\" src=\"\/wp-content\/uploads\/replace\/1797e5918204103b265af0548341ad99.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Blend Mask\" \/><\/p>\n<p>That\u2019ll do!<\/p>\n<h3>Masking with HSL and Color Mattes<\/h3>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Masking with HSL and Color Mattes\" src=\"\/wp-content\/uploads\/replace\/8440c9c007404095c62fd9a53b24890d.jpeg\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Masking with HSL and Color Mattes\" aria-describedby=\"caption-attachment-107103\" \/><\/p>\n<p>Image via <em>The Place Beyond the Pines<\/em> (Focus Features).<\/p>\n<p>Let\u2019s say that the bank in this still from <em>The Place Beyond the Pines<\/em> refused to sign a location release, so the post team needs to swap the logo out for something cleared for release.<\/p>\n<h4>Analysis<\/h4>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Isolating Objects\" src=\"\/wp-content\/uploads\/replace\/719f3c9ab084b41548781830d5fd55e6.jpeg\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Isolating Objects\" \/> This shot is really moody, with strong contrast between the illuminated sign and its surroundings. This separation should help to isolate the sign, but it could present problems as we work to blend the replacement with the rest of the image.<\/p>\n<h4>Process<\/h4>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Create Replacement Object\" src=\"\/wp-content\/uploads\/replace\/26891507aade5baf8ffa499872ed6d6c.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Create Replacement Object\" \/> As usual, we\u2019ve duplicated our video and masked out the sign. I scaled our isolated sign up a bit to help separate it a little more.<\/p>\n<p>I\u2019m going to need to create a new sign to replace the one in the shot, so I zoomed the viewer in to 400 percent and measured the sign at 3\u00d72 centimeters. 3\u00d72 aspect ratio \u2014 easy!<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Zoom for Replacement\" src=\"\/wp-content\/uploads\/replace\/8b06985de3907d8768a6ab2ae2b07e31.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Zoom for Replacement\" \/> From here, we just create a new color matte, setting its dimensions at 300\u00d7200 and giving it a light teal hue before scaling and positioning over the sign.<\/p>\n<p><img decoding=\"async\" src=\"\/wp-content\/uploads\/replace\/f5815e1f05ea7b0866ca5959463bd09d.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 New Color Matte\" \/> We\u2019ve got a logo that is cleared for use in the film, so we bring the .png into the shot and adjust its position and perspective to match the original sign\u2019s. Once we\u2019re happy with the results, nest the color matte and replacement logo to make final tweaks to blend the new sign into the original shot.<\/p>\n<p>For this shot, I changed the opacity blend mode to \u201cScreen\u201d and lowered the opacity to 55 percent.<\/p>\n<p>While this is probably passable in its current form, it\u2019s lacking a bit of the authenticity of the original. I think that adding the dark regions from the dead florescent bulbs in the original sign (as well as tweaking the glow of the sign) will really help sell the change.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Tweaking Glow\" src=\"\/wp-content\/uploads\/replace\/e492d6e4bcde7f1230ec6611b02f701c.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Tweaking Glow\" \/><\/p>\n<p>For the fluorescent bulbs, I brought the original cropped sign in for reference before adding two layers of a color matte that I thought matched the sign most closely. After that, I just applied opacity masks to both and arranged them in roughly the same position as the original frame, adjusting the feathering to sell the look.<\/p>\n<p>For the glow, I duplicated the same color matte, size, and position before adjusting the feathering until I felt like our fake sign was interacting with the original shot a little bit more.<\/p>\n<p><img decoding=\"async\" title=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Duplicate and Adjust Color Matte\" src=\"\/wp-content\/uploads\/replace\/5164263e5e4704ef8759a51a4170fb2e.gif\" alt=\"Improve Your Masks with Hue, Saturation, and Luminance Qualifiers \u2014 Duplicate and Adjust Color Matte\" \/><\/p>\n<p>I could probably get this a little closer with a bit more tweaking, but I can safely report back to the post team that this method is going to work.<\/p>\n<p>Next time you\u2019ve got a big change to make to your footage in post-production, don\u2019t fear! Combining masks with HSL selections cleverly can save you hours over many of the less efficient alternatives at your disposal.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we take a look at the basics of HSL qualifying and keying \u2014 and how to incorporate it into your next masking job. Masking is one of the fundamentals of video editing, but masks used in isolation&#8230;<\/p>\n","protected":false},"author":1,"featured_media":574,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/posts\/181"}],"collection":[{"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/comments?post=181"}],"version-history":[{"count":25,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/posts\/181\/revisions"}],"predecessor-version":[{"id":575,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/posts\/181\/revisions\/575"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/media\/574"}],"wp:attachment":[{"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/media?parent=181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/categories?post=181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/tags?post=181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}