{"id":6175,"date":"2020-07-20T06:55:26","date_gmt":"2020-07-20T06:55:26","guid":{"rendered":"https:\/\/bssrdf.com\/?post_type=manual_documentation&#038;p=6175"},"modified":"2022-02-10T11:37:59","modified_gmt":"2022-02-10T10:37:59","slug":"material-animations","status":"publish","type":"manual_documentation","link":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/","title":{"rendered":"Material Animations"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 ez-toc-wrap-right counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">On this page<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a30d1402dfa7\" 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: #ffffff;color:#ffffff\" 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: #ffffff;color:#ffffff\" 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-6a30d1402dfa7\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/#Adding_a_Material_Animation\" >Adding a Material Animation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/#Material_Animation_Types\" >Material Animation Types<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/#Color_Fade\" >Color Fade<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/#Curve_Fade\" >Curve Fade<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/#Quick_Tip\" >Quick Tip<\/a><\/li><\/ul><\/nav><\/div>\n\n<p>Material Animations enables you to create animations of a material&#8217;s value based or color properties.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"MaterialAnimations-AddingaMaterialAnimation\"><span class=\"ez-toc-section\" id=\"Adding_a_Material_Animation\"><\/span>Adding a Material Animation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The Material animations can currently only be added through the Material Graph.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Right click the material you want to animate either in the&nbsp;<em>Real-time View<\/em>&nbsp;or in the&nbsp;<em><a href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/in-project-library\/\">In-Project Library<\/a><\/em>&nbsp;and select<em>&nbsp;Edit Material Graph<\/em>.<\/li><li>Inside the&nbsp;<a href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/\">Material Graph<\/a>&nbsp;go to&nbsp;<em>Nodes &gt; Animation<\/em>&nbsp;and select the type of animation you want to add.<\/li><\/ol>\n\n\n\n<p>This will add a folder (yellow node) in the timeline witch contains all animations of the material. The Material animation nodes are represented as red nodes in the timeline.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"321\" src=\"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/material_animation-1024x321.png\" alt=\"\" class=\"wp-image-6176\" srcset=\"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/material_animation-1024x321.png 1024w, https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/material_animation-300x94.png 300w, https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/material_animation-768x241.png 768w, https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/material_animation.png 1430w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"MaterialAnimations-MaterialAnimationTypes\"><span class=\"ez-toc-section\" id=\"Material_Animation_Types\"><\/span>Material Animation Types<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"MaterialAnimations-ColorFade\"><span class=\"ez-toc-section\" id=\"Color_Fade\"><\/span>Color Fade<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Provides a smooth transitions between two or more color values. You can apply a&nbsp;<em>Color Fade<\/em>&nbsp;to your material&#8217;s diffuse, specular, and opacity map. You may also apply a&nbsp;<em>Color Fade<\/em>&nbsp;to any material value like roughness, refraction index, power, contour width, etc.<\/p>\n\n\n\n<p>Learn about the&nbsp;<a href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/\">Color Fade Node<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"MaterialAnimations-CurveFade\"><span class=\"ez-toc-section\" id=\"Curve_Fade\"><\/span>Curve Fade<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The&nbsp;<em>Curve Fade<\/em>&nbsp;animation provides custom transitions between numerical values. You can apply a&nbsp;<em>Curve Fade<\/em>&nbsp;to your material&#8217;s diffuse, specular, and opacity map. You may also apply a&nbsp;<em>Curve Fade<\/em>&nbsp;to any material value like roughness, refraction index, power, contour width, etc.&nbsp;<\/p>\n\n\n\n<p>Learn about the&nbsp;<a href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/\">Curve Fade Node<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-columns gb-layout-columns-1 one-column\"><div class=\"gb-layout-column-wrap gb-block-layout-column-gap-2 gb-is-responsive-column\">\n<div class=\"wp-block-genesis-blocks-gb-column info-box gb-block-layout-column\"><div class=\"gb-block-layout-column-inner\">\n<h6 class=\"wp-block-heading\" id=\"note\">Note<\/h6>\n\n\n\n<p>The material animation is tied to the material and thus will apply to all parts with the affected material. If you only want to affect the material of a specific part, you have to un-link it.<\/p>\n\n\n\n<p>Unlike the other animation types the material animations will not be listed in the scene tree under any group or part. Rather, the material animation &#8220;lives&#8221; inside the&nbsp;<a href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/\">Material Graph<\/a>.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-column warning-box gb-block-layout-column\"><div class=\"gb-block-layout-column-inner\">\n<h6 class=\"wp-block-heading\" id=\"co-planar-surfaces\">Co-planar surfaces<\/h6>\n\n\n\n<p>If you have parts with co-planar surfaces and transparent materials, <em>Opacity maps<\/em> or use <em>Part Fade<\/em> animations or <em>Curve\/Color Fade<\/em> animations to manipulate the opacity, this may result in surface areas that are not rendered as expected where the 2 parts intersect.<br>The workaround is to make sure the parts are not positioned so the surfaces are co-planar, but in stead have a very slight gab between them.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quick-tip\"><span class=\"ez-toc-section\" id=\"Quick_Tip\"><\/span>Quick Tip<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"KeyShot Quick Tip: Material Animations\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/9cjP6V_2mxA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption><em>This video shows how to add Animation nodes in the Material Graph.<\/em><\/figcaption><\/figure>\n","protected":false},"author":29916,"featured_media":0,"parent":6136,"menu_order":2,"template":"","manualdocumentationcategory":[13],"manual_doc_tag":[],"class_list":["post-6175","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-keyshot"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Material Animations - KeyShot 11 Manual<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Material Animations - KeyShot 11 Manual\" \/>\n<meta property=\"og:description\" content=\"Material Animations enables you to create animations of a material&#8217;s value based or color properties. Adding a Material Animation The Material animations can currently only be added through the Material Graph. Right click the material you want to animate either in the&nbsp;Real-time View&nbsp;or in the&nbsp;In-Project Library&nbsp;and select&nbsp;Edit Material Graph.Inside the&nbsp;Material Graph&nbsp;go to&nbsp;Nodes &gt; Animation&nbsp;and select [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/\" \/>\n<meta property=\"og:site_name\" content=\"KeyShot 11 Manual\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-10T10:37:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/material_animation-1024x321.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/animation\\\/animation-types\\\/material-animations\\\/\",\"url\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/animation\\\/animation-types\\\/material-animations\\\/\",\"name\":\"Material Animations - KeyShot 11 Manual\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/animation\\\/animation-types\\\/material-animations\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/animation\\\/animation-types\\\/material-animations\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/material_animation-1024x321.png\",\"datePublished\":\"2020-07-20T06:55:26+00:00\",\"dateModified\":\"2022-02-10T10:37:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/animation\\\/animation-types\\\/material-animations\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/animation\\\/animation-types\\\/material-animations\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/animation\\\/animation-types\\\/material-animations\\\/#primaryimage\",\"url\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/material_animation.png\",\"contentUrl\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/material_animation.png\",\"width\":1430,\"height\":448},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/animation\\\/animation-types\\\/material-animations\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animation\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/animation\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Animation Types\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/animation\\\/animation-types\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Material Animations\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/#website\",\"url\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/\",\"name\":\"KeyShot 11 Manual\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Material Animations - KeyShot 11 Manual","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/","og_locale":"en_US","og_type":"article","og_title":"Material Animations - KeyShot 11 Manual","og_description":"Material Animations enables you to create animations of a material&#8217;s value based or color properties. Adding a Material Animation The Material animations can currently only be added through the Material Graph. Right click the material you want to animate either in the&nbsp;Real-time View&nbsp;or in the&nbsp;In-Project Library&nbsp;and select&nbsp;Edit Material Graph.Inside the&nbsp;Material Graph&nbsp;go to&nbsp;Nodes &gt; Animation&nbsp;and select [&hellip;]","og_url":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/","og_site_name":"KeyShot 11 Manual","article_modified_time":"2022-02-10T10:37:59+00:00","og_image":[{"url":"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/material_animation-1024x321.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/","url":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/","name":"Material Animations - KeyShot 11 Manual","isPartOf":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/#website"},"primaryImageOfPage":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/#primaryimage"},"image":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/#primaryimage"},"thumbnailUrl":"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/material_animation-1024x321.png","datePublished":"2020-07-20T06:55:26+00:00","dateModified":"2022-02-10T10:37:59+00:00","breadcrumb":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/#primaryimage","url":"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/material_animation.png","contentUrl":"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/material_animation.png","width":1430,"height":448},{"@type":"BreadcrumbList","@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/material-animations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/manual.keyshot.com\/keyshot11\/"},{"@type":"ListItem","position":2,"name":"Animation","item":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/"},{"@type":"ListItem","position":3,"name":"Animation Types","item":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-types\/"},{"@type":"ListItem","position":4,"name":"Material Animations"}]},{"@type":"WebSite","@id":"https:\/\/manual.keyshot.com\/keyshot11\/#website","url":"https:\/\/manual.keyshot.com\/keyshot11\/","name":"KeyShot 11 Manual","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/manual.keyshot.com\/keyshot11\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_documentation\/6175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/users\/29916"}],"version-history":[{"count":0,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_documentation\/6175\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_documentation\/6136"}],"wp:attachment":[{"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/media?parent=6175"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manualdocumentationcategory?post=6175"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_doc_tag?post=6175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}