{"id":341,"date":"2020-08-27T10:38:38","date_gmt":"2020-08-27T10:38:38","guid":{"rendered":"http:\/\/half4.xyz\/?p=341"},"modified":"2026-02-16T16:21:12","modified_gmt":"2026-02-16T16:21:12","slug":"part-5-extending-the-shader","status":"publish","type":"post","link":"https:\/\/half4.xyz\/index.php\/2020\/08\/27\/part-5-extending-the-shader\/","title":{"rendered":"Part 5: Extending the Shader"},"content":{"rendered":"\n

NSFW warning for further down this page<\/sup><\/em><\/p>\n\n\n\n

Let\u2019s take our shader and add in some new features: melanin and hemoglobin masks.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"
Tan goals.<\/figcaption><\/figure>\n\n\n\n

Using these masks will enable us to:<\/p>\n\n\n\n

    \n
  • Add in tan lines (farmers\u2019 tan, swimsuit tans)<\/li>\n\n\n\n
  • Mask areas for less melanin pigmentation, such as palms and soles of feet<\/li>\n\n\n\n
  • Add in support for vitiligo to increase diversity in your project further<\/li>\n\n\n\n
  • Add in blushing areas to expressions, which we can drive through blend shapes.<\/li>\n<\/ul>\n\n\n\n

    Melanin Masks<\/h2>\n\n\n\n

    Melanin masks are the most straightforward. We need a greyscale mask that defines area of darker skin, and areas of lighter skin. We then sample a second set of fracitonal and blend values \u2013 so we have a skin colour for lighter areas and a skin colour for darker areas. <\/p>\n\n\n\n

    We first need to define what we\u2019re masking<\/p>\n\n\n\n

    We could<\/em> have a single mask for all tan types, i.e. you either have a mask for natural pigmentation (palms, soles of feet) or your mask contains areas for tan lines. It is unlikely you want both, as a higher natural melanin fraction lends itself less to tan lines.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    For the purposes of this tutorial, we\u2019ll use a single mask for some tan lines, but you can expand this further if you want.<\/p>\n\n\n\n

    We\u2019ll therefore need a one-channel mask \u2013 one for natural pigmentation and one for tan lines. I have prepared some content for you here:<\/p>\n\n\n\n

    Direct Download:<\/strong><\/p>\n\n\n\n

    <todo: retrieve link… lost in a wordpress upgrade><\/p>\n\n\n\n

    Import it into our Digital Human project. In here, find open up the level Female_Tan<\/em>. You will find some materials already set up with our pigmentation work from earlier.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    In the content I have provided, you will also see a few materials, and the following mask for tan lines:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Open up the M_Female_Tan<\/em> material. This is our Master Material that the different body sections inherit from, so changes here propagate to all the skin parts. It should look like this:<\/p>\n\n\n\n

    \"\"<\/p>\n\n\n\n


    Duplicate the recolor section in the Albedo area, double up the Input variables and rename the input scalar parameters as follows:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Next, drop in our a Texture Variable, use the T_Black_Linear texture here as most body parts don\u2019t need a texture here, and this is our default. Take the R (red) channel and drag this into a lerp node as input Alpha.
    We\u2019ll set the Tan values to be input A (as tanned areas are black on our mask) and the base values to be Input B (as these are white):<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Now test your results on M_Female_Tan_Body by assigning our T_Melanin_Mask into the appropriate texture input:<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Hemoglobin Masks<\/h2>\n\n\n\n

    I wanted<\/em> to use UE4 for this page, to keep things consistent. Unfortunately, I\u2019ve been unable to source assets I can share that are high-quality, contain an ability to create facial expressions easily and are free<\/em>. This is currently a one-person outfit and I don\u2019t have the resources to make such assets in a reasonable time frame. This principles in UE4 remain the same, however.<\/p>\n\n\n\n

    As such, of this part, we\u2019ll be using the Digital Human Asset from the Unity Asset Store and Unity 2019.3+. Apologies for the switch, but it is necessary here (for my sanity) and never hurts to learn multiple engines for new techniques!<\/p>\n\n\n\n

    You can get it here:
    <todo: again, need to get these links back><\/p>\n\n\n\n

    For this, we want to generate some masks that are associated with different emotions or expressions. <\/p>\n\n\n\n

    The digital human pack provided by Unity allows for a variety of facial expressions. Unfortunately, its implementation is rather obtuse for our needs, so directly driving hemoglobin levels, while possible, will add pages to this already lengthy tutorial. <\/p>\n\n\n\n

    Instead, we\u2019ll use sliders to drive a couple of hemoglobin masks to demonstrate how we can use them.<\/p>\n\n\n\n

    I have already got our basic implementation from the previous page included. Grab these files and add them to the Digital Human project mentioned above:<\/p>\n\n\n\n

    Direct Download:<\/strong>
    \n<\/p>\n\n\n\n

    To start off, you can find this texture in the assets I have provided:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    The red and green channels contain slightly different hemoglobin masks for the face.<\/p>\n\n\n\n

    The first step is to add these varibales to the DigitalHuman_Skin_LUT shader graph:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Then add this logic the Hemoglobin Fraction value:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Compile, then make sure you add the Hemoglobin Mask to the Gawain_Skin material.<\/p>\n\n\n\n

    Select a pale skin tone and overdo the hemoglobin to see it:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Now, you can play with the expressions to get some more results:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    You can grab both projects, in their entirety, here:
    <todo: come back and fix><\/p>\n","protected":false},"excerpt":{"rendered":"

    NSFW warning for further down this page Let\u2019s take our shader and add in some new features: melanin and hemoglobin masks. Using these masks will enable us to: Melanin Masks Melanin masks are the most straightforward. We need a greyscale mask that defines area of darker skin, and areas of lighter skin. We then sample a second set of fracitonal and blend values \u2013 so we have a skin colour for lighter areas and a skin colour for darker areas. We first need to define what we\u2019re masking We could have a single mask for all tan types, i.e. you either have a mask for natural pigmentation (palms, soles of feet) or your mask contains areas for tan lines. It is unlikely you want both, as a higher natural melanin fraction lends itself less to tan lines. For the purposes of this tutorial, we\u2019ll use a single mask for some tan lines, but you can expand this further if you want. We\u2019ll therefore need a one-channel mask \u2013 one for natural pigmentation and one for tan lines. I have prepared some content for you here: Direct Download: <todo: retrieve link… lost in a wordpress upgrade> Import it into our Digital Human project. In here, find open up the level Female_Tan. You will find some materials already set up with our pigmentation work from earlier. In the content I have provided, you will also see a few materials, and the following mask for tan lines: Open up the M_Female_Tan material. This is our Master Material that the different body sections inherit from, so changes here propagate to all the skin parts. It should look like this: Duplicate the recolor section in the Albedo area, double up the Input variables and rename the input scalar parameters as follows: Next, drop in our a Texture Variable, use the T_Black_Linear texture here as most body parts don\u2019t need a texture here, and this is our default. Take the R (red) channel and drag this into a lerp node as input Alpha. We\u2019ll set the Tan values to be input A (as tanned areas are black on our mask) and the base values to be Input B (as these are white): Now test your results on M_Female_Tan_Body by assigning our T_Melanin_Mask into the appropriate texture input: Hemoglobin Masks I wanted to use UE4 for this page, to keep things consistent. Unfortunately, I\u2019ve been unable to source assets I can share that are high-quality, contain an ability to create facial expressions easily and are free. This is currently a one-person outfit and I don\u2019t have the resources to make such assets in a reasonable time frame. This principles in UE4 remain the same, however. As such, of this part, we\u2019ll be using the Digital Human Asset from the Unity Asset Store and Unity 2019.3+. Apologies for the switch, but it is necessary here (for my sanity) and never hurts to learn multiple engines for new techniques! You can get it here:<todo: again, need to get these links back> For this, we want to generate some masks that are associated with different emotions or expressions. The digital human pack provided by Unity allows for a variety of facial expressions. Unfortunately, its implementation is rather obtuse for our needs, so directly driving hemoglobin levels, while possible, will add pages to this already lengthy tutorial. Instead, we\u2019ll use sliders to drive a couple of hemoglobin masks to demonstrate how we can use them. I have already got our basic implementation from the previous page included. Grab these files and add them to the Digital Human project mentioned above: Direct Download: To start off, you can find this texture in the assets I have provided: The red and green channels contain slightly different hemoglobin masks for the face. The first step is to add these varibales to the DigitalHuman_Skin_LUT shader graph: Then add this logic the Hemoglobin Fraction value: Compile, then make sure you add the Hemoglobin Mask to the Gawain_Skin material. Select a pale skin tone and overdo the hemoglobin to see it: Now, you can play with the expressions to get some more results: You can grab both projects, in their entirety, here:<todo: come back and fix><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[8,7],"class_list":["post-341","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-lut","tag-skin"],"_links":{"self":[{"href":"https:\/\/half4.xyz\/index.php\/wp-json\/wp\/v2\/posts\/341"}],"collection":[{"href":"https:\/\/half4.xyz\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/half4.xyz\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/half4.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/half4.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=341"}],"version-history":[{"count":22,"href":"https:\/\/half4.xyz\/index.php\/wp-json\/wp\/v2\/posts\/341\/revisions"}],"predecessor-version":[{"id":1477,"href":"https:\/\/half4.xyz\/index.php\/wp-json\/wp\/v2\/posts\/341\/revisions\/1477"}],"wp:attachment":[{"href":"https:\/\/half4.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/half4.xyz\/index.php\/wp-json\/wp\/v2\/categories?post=341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/half4.xyz\/index.php\/wp-json\/wp\/v2\/tags?post=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}