{"id":4584,"date":"2020-07-13T09:23:56","date_gmt":"2020-07-13T09:23:56","guid":{"rendered":"https:\/\/bssrdf.com\/?post_type=manual_documentation&#038;p=4584"},"modified":"2020-12-09T15:18:39","modified_gmt":"2020-12-09T14:18:39","slug":"color-fade","status":"publish","type":"manual_documentation","link":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/","title":{"rendered":"Color Fade"},"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-6a330878448c3\" 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-6a330878448c3\" 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\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/#Color_Bar\" >Color Bar<\/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\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/#Time_Settings\" >Time Settings<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/#Quick_Tip\" >Quick Tip<\/a><\/li><\/ul><\/nav><\/div>\n\n<p>The Color Fade animation node&nbsp;<img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"wp-image-4588\" style=\"width: 16px\" src=\"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_fade_icon.png\" alt=\"\">&nbsp;allows you to create changing parameters of any of your custom material color swatches.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ColorFade-ColorBar\"><span class=\"ez-toc-section\" id=\"Color_Bar\"><\/span>Color Bar<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"762\" height=\"1010\" src=\"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_fade_node.png\" alt=\"\" class=\"wp-image-4585\" srcset=\"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_fade_node.png 762w, https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_fade_node-226x300.png 226w\" sizes=\"auto, (max-width: 762px) 100vw, 762px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Here you can set when and what colors will fade from one to the the next. Click on the dropper circle to select it, then use the color swatch to choose a color.<\/p>\n\n\n\n<p>The little triangles shows where the 2 colors are mixed 50-50 and they can be dragged to control the course of the blend.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"wp-image-4591\" style=\"width: 16px\" src=\"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_stop.png\" alt=\"\">&nbsp;<strong>Add Color Stop<\/strong><br>If you would like to fade between more than 2 colors, click on the Add stop button below the color bar to create another color swatch. click and drag the color pins and the gradient apex slider to your desired animation effect.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"wp-image-3232\" style=\"width: 16px\" src=\"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/trash_icon.png\" alt=\"\"> <strong>Delete Stop<\/strong><br>If you want to remove a color stop, just select it and click delete.<\/p>\n\n\n\n<p><strong>Time<br><\/strong>To control the color change more precisely than by dragging the individual color stops on the timeline (color bar), you can select a color enter in where in the timeline it will become the selected color.<\/p>\n\n\n\n<p><strong>Blend<br><\/strong>Check&nbsp;<em>Blend<\/em>&nbsp;if you want the colors blend into each other otherwise the color change will be instant, at the point of the color stop.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ColorFade-TimeSettings\"><span class=\"ez-toc-section\" id=\"Time_Settings\"><\/span>Time Settings<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Use these settings to control the timing and duration of the animation &#8211; see the Motion Ease types&nbsp;<a href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/animation\/animation-effects\/motion-ease\/\" data-type=\"manual_documentation\" data-id=\"6292\">here.<\/a><\/p>\n<\/div>\n<\/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\"><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-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"KeyShot 9 Quick Tip - Pulsing LEDs Using the Color Fade Animation Node\" width=\"700\" height=\"394\" src=\"https:\/\/www.youtube.com\/embed\/pp7O8kg6c9U?start=1&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"author":29916,"featured_media":0,"parent":4581,"menu_order":1,"template":"","manualdocumentationcategory":[13],"manual_doc_tag":[],"class_list":["post-4584","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>Color Fade - 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\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color Fade - KeyShot 11 Manual\" \/>\n<meta property=\"og:description\" content=\"The Color Fade animation node&nbsp;&nbsp;allows you to create changing parameters of any of your custom material color swatches. Color Bar Here you can set when and what colors will fade from one to the the next. Click on the dropper circle to select it, then use the color swatch to choose a color. The little [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/\" \/>\n<meta property=\"og:site_name\" content=\"KeyShot 11 Manual\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-09T14:18:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_fade_icon.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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/materials\\\/material-graph\\\/material-graph-nodes\\\/animation-node-types\\\/color-fade\\\/\",\"url\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/materials\\\/material-graph\\\/material-graph-nodes\\\/animation-node-types\\\/color-fade\\\/\",\"name\":\"Color Fade - KeyShot 11 Manual\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/materials\\\/material-graph\\\/material-graph-nodes\\\/animation-node-types\\\/color-fade\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/materials\\\/material-graph\\\/material-graph-nodes\\\/animation-node-types\\\/color-fade\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/color_fade_icon.png\",\"datePublished\":\"2020-07-13T09:23:56+00:00\",\"dateModified\":\"2020-12-09T14:18:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/materials\\\/material-graph\\\/material-graph-nodes\\\/animation-node-types\\\/color-fade\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/materials\\\/material-graph\\\/material-graph-nodes\\\/animation-node-types\\\/color-fade\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/materials\\\/material-graph\\\/material-graph-nodes\\\/animation-node-types\\\/color-fade\\\/#primaryimage\",\"url\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/color_fade_icon.png\",\"contentUrl\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/color_fade_icon.png\",\"width\":32,\"height\":32},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/materials\\\/material-graph\\\/material-graph-nodes\\\/animation-node-types\\\/color-fade\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Materials\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/materials\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Material Graph\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/materials\\\/material-graph\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Material Graph Nodes\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/materials\\\/material-graph\\\/material-graph-nodes\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Animation Node Types\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/materials\\\/material-graph\\\/material-graph-nodes\\\/animation-node-types\\\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Color Fade\"}]},{\"@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":"Color Fade - 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\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/","og_locale":"en_US","og_type":"article","og_title":"Color Fade - KeyShot 11 Manual","og_description":"The Color Fade animation node&nbsp;&nbsp;allows you to create changing parameters of any of your custom material color swatches. Color Bar Here you can set when and what colors will fade from one to the the next. Click on the dropper circle to select it, then use the color swatch to choose a color. The little [&hellip;]","og_url":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/","og_site_name":"KeyShot 11 Manual","article_modified_time":"2020-12-09T14:18:39+00:00","og_image":[{"url":"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_fade_icon.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/","url":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/","name":"Color Fade - KeyShot 11 Manual","isPartOf":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/#website"},"primaryImageOfPage":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/#primaryimage"},"image":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/#primaryimage"},"thumbnailUrl":"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_fade_icon.png","datePublished":"2020-07-13T09:23:56+00:00","dateModified":"2020-12-09T14:18:39+00:00","breadcrumb":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/#primaryimage","url":"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_fade_icon.png","contentUrl":"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_fade_icon.png","width":32,"height":32},{"@type":"BreadcrumbList","@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/color-fade\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/manual.keyshot.com\/keyshot11\/"},{"@type":"ListItem","position":2,"name":"Materials","item":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/"},{"@type":"ListItem","position":3,"name":"Material Graph","item":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/"},{"@type":"ListItem","position":4,"name":"Material Graph Nodes","item":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/"},{"@type":"ListItem","position":5,"name":"Animation Node Types","item":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/materials\/material-graph\/material-graph-nodes\/animation-node-types\/"},{"@type":"ListItem","position":6,"name":"Color Fade"}]},{"@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\/4584","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\/4584\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_documentation\/4581"}],"wp:attachment":[{"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/media?parent=4584"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manualdocumentationcategory?post=4584"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_doc_tag?post=4584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}