{"id":6293,"date":"2022-07-27T14:59:19","date_gmt":"2022-07-27T13:59:19","guid":{"rendered":"https:\/\/www.katsbits.com\/codex\/?p=6293"},"modified":"2023-09-07T15:49:44","modified_gmt":"2023-09-07T14:49:44","slug":"shininess","status":"publish","type":"post","link":"https:\/\/www.katsbits.com\/codex\/shininess\/","title":{"rendered":"Shininess and IMVU Studio"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a163de386291\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a163de386291\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.katsbits.com\/codex\/shininess\/#shininess\" >Shininess<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.katsbits.com\/codex\/shininess\/#shininess-map\" >Shininess Map<\/a><\/li><\/ul><\/nav><\/div>\n<p>Shininess is an effect available to IMVU Studio and Desktop Client that makes materials appear glossy, bright or shiny. This can be affected as a subtle dull sheen, as might be visible looking at velour or velvet fabrics, to quite aggressive highlights typical of gloss paint or highly polished surfaces.<\/p>\n<blockquote><p><b>Design note<\/b>: see here for <a href=\"https:\/\/www.katsbits.com\/smforum\/index.php\/topic,1116.0.html\">Shininess and Hair<\/a>.<\/p><\/blockquote>\n<h3><span class=\"ez-toc-section\" id=\"shininess\"><\/span>Shininess<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Shininess is a visual effect produced by dropping an image into the <b>Shininess<\/b> slot of a material [1] in IMVU Studio. This <b>Shininess Map<\/b> can be an 8 bit limited palette, or 24 bit RGB, greyscale image that&#8217;s designed to emphasise a materials surface characteristic. It does this by interpreting the map relative to scene or room lighting, greyscale values being rendered by the effect as <i>glossy or shiny<\/i> if <b>white<\/b>, or <i>dull or matt<\/i> in appearance if <b>black<\/b>, grey being variations between the two extremes.<\/p>\n<blockquote style=\"background-color: #fc0; color: #000;\"><p><b>Important<\/b>: so long as the tones within an RGB image are fully desaturated to grey (black <-> grey <-> white), the image used can be 24 bit (a standard Red, Green, Blue channelled image) &#8211; <i>shininess maps should not include any colour information as <b>shininess colour is determined by lighting present in rooms<\/b>, a red lit room will tint shininess red, a blue lit scene, blue and so on<\/i>.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/imvu-studio\/shininess-without.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/imvu-studio\/shininess-without.jpg\" alt=\"Shininess excludes shading\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/imvu-studio\/shininess-with.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/imvu-studio\/shininess-with.jpg\" alt=\"Ambient occlusion isn't shininess\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>Image-top &#8211; a clothing items is shown without the shininess effect [1], surfaces (materials) appear flat, matt and unresponsive to scene\/room lighting. Image-bottom &#8211; with shininess applied [2] the same clothing item appears shiny or glossy, highlights directly related to scene lighting and position.<\/i><\/p>\n<h3><span class=\"ez-toc-section\" id=\"shininess-map\"><\/span>Shininess Map<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Because shininess represents a particular surface effect the maps should not include information that ordinarily might be interpreted as shading or shadows, i.e. fabric folds, directional lighting highlights and so on. In practice this means Shininess Maps ought not be created by simply desaturating unmodified <b>Diffuse<\/b> or <b>Color<\/b> (Colour) maps that often do include such detail, but instead generated with full consideration to the type of surface character shininess is meant to emphasise; polish, gloss, shine, wear, smoothness and so on.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/imvu-studio\/shininess-without-shading.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/imvu-studio\/shininess-without-shading.jpg\" alt=\"Shininess excludes shading\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/imvu-studio\/shininess-with-shading.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/imvu-studio\/shininess-with-shading.jpg\" alt=\"Ambient occlusion isn't shininess\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>Over-simplified for affect, image-top is more representative of a &#8216;true&#8217; Shininess Map than image-bottom because it only includes information about the surface itself, it being worn, patterned and so on. Shadows and shading, image bottom, should be excluded because the darker tones will be interpreted as matt, non-shiny areas, making the effect appear patchy where that might not be the desired look.<\/i><\/p>\n<p>With this in mind, how shininess maps are created depends on what they&#8217;re highlighting. The gilet shown above for example might be made from a nylon fabric that has a satin-like finish. To create something like that a &#8216;noise&#8217; filter can be added to two a mid-grey fill layers, each then directionally blurred, left-to-right for one layer, top-to-bottom for the other, and then blended (using Soft Light or similar) so both are visible to varying degrees, thus giving the impression of the fabrics warp and weft. When assigned in Studio this pattern may render as subtle variations in the overall effect.<\/p>\n<blockquote><p><b>Design note<\/b>: the greyscale tones of shininess maps generally determine where, and how relatively strong, the effect is, but <b>Fresnel Reflection<\/b>, a material Setting parameter, controls the effect overall &#8211; 0 = no or very matt shininess; 100 = full or over-bright shininess.<\/p>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/imvu-studio\/shininess-applied.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 98.5%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/imvu-studio\/shininess-applied.jpg\" alt=\"Shininess applied to material\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>The Shininess map assigned to the material [i] generally defines where the effect appears and how strong it is relative to areas described in the image but <b>Fresnel Reflection<\/b> [ii] governs the effect overall.<\/i><\/p><\/blockquote>\n<p><a href=\"https:\/\/www.katsbits.com\/images\/tutorials\/imvu-studio\/shininess-fabric-pattern.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"width: 100%; height: auto;\" src=\"https:\/\/www.katsbits.com\/images\/tutorials\/imvu-studio\/shininess-fabric-pattern.jpg\" alt=\"Shininess fabric pattern\" width=\"900px\" height=\"500px\" border=\"0\" \/><\/a><br \/>\n<i>The shininess map for a satin like fabric is essentially noise that&#8217;s mixed together to get a sense of the textural quality of the cloth otherwise used to make the garment; it&#8217;s not a flat grey image.<\/i><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":6313,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37,32,230],"tags":[901,902,194,738,824,668],"class_list":["post-6293","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-imvu","category-texturing","category-tutorials","tag-gloss","tag-greyscale","tag-imvu","tag-imvu-studio","tag-shininess-maps","tag-texture-maps"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts\/6293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/comments?post=6293"}],"version-history":[{"count":23,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts\/6293\/revisions"}],"predecessor-version":[{"id":6319,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/posts\/6293\/revisions\/6319"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/media\/6313"}],"wp:attachment":[{"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/media?parent=6293"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/categories?post=6293"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.katsbits.com\/codex\/wp-json\/wp\/v2\/tags?post=6293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}