{"id":5189,"date":"2020-07-14T12:16:26","date_gmt":"2020-07-14T12:16:26","guid":{"rendered":"https:\/\/bssrdf.com\/?post_type=manual_documentation&p=5189"},"modified":"2020-07-14T12:16:26","modified_gmt":"2020-07-14T12:16:26","slug":"color-gradient","status":"publish","type":"manual_documentation","link":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/texture-types\/3d-textures\/color-gradient\/","title":{"rendered":"Color Gradient"},"content":{"rendered":"\n
\n
\n

The Color Gradient Procedural Texture allows you to mix two separate colors on a surface without having to create a custom texture map.<\/p>\n\n\n\n

Mapping Tool<\/strong>
Use this to move the center line of the gradient.<\/p>\n\n\n\n

Angle<\/strong>
Use this to rotate the texture on the surface in degrees.<\/p>\n\n\n\n

Color bar
<\/strong>Here you can set up the color gradient by selecting\/adding colors, and dragging them to position.  Click on a dropper circle to select it, then use the color swatch to choose a color.<\/p>\n\n\n\n

The small triangles between colors show 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

Double click a color slider to select what color will be applied to the color gradient. Use the triangle slider to determine the midpoint of the gradient. To add another color to the gradient, click the \"\" icon. To delete a color, select the color slider to be deleted, and click the \"\" Trash icon.<\/p>\n\n\n\n

\"\" Add Color Stop<\/strong>
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.<\/p>\n\n\n\n

You can also double click in the color bar to add a color stop – this will inherit the color form the clicked point in the gradient.<\/p>\n\n\n\n

Click and drag the color pins and the gradient apex slider to your desired animation effect.<\/p>\n\n\n\n

\"\" Delete Stop<\/strong>
If you want to remove a color stop, just select it and click delete.<\/p>\n\n\n\n

Location<\/strong>
Adjust this to numerically control the selected color slider. The color bar spans the interval from 0-1.<\/p>\n\n\n\n

Gradient Type<\/strong>
Use the drop-down to choose a gradient type that suits your needs.<\/p>\n\n\n\n

Scale<\/strong>
Use this to set the scale of the texture. This sets the distance in scene units from the first to the last color slider of the gradient.<\/p>\n\n\n\n

Shift<\/strong>
use this to incrementally shift the texture on the surface.<\/p>\n\n\n\n

Invert<\/strong>
Reverse the direction of the gradient.<\/p>\n\n\n\n

Repeat<\/strong>
Enable repeat of the color gradient. If not enabled and the gradient scale is smaller than the object is applied to the start\/end colors will cover the rest of the object.<\/p>\n\n\n\n

Blend<\/strong>
Check Blend<\/em> if you want the colors blend into each other otherwise the color change will be instant, at the point of the color stop and extend to the next color stop.<\/p>\n<\/div>\n\n\n\n

\n
\"\"
In this example the Color Gradient is used as a Diffuse map.<\/em><\/figcaption><\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n<\/div>\n","protected":false},"author":29916,"featured_media":0,"parent":5058,"menu_order":4,"template":"","manualdocumentationcategory":[13],"manual_doc_tag":[],"class_list":["post-5189","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-keyshot"],"yoast_head":"\nColor Gradient - 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\/textures\/texture-types\/3d-textures\/color-gradient\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color Gradient - KeyShot 11 Manual\" \/>\n<meta property=\"og:description\" content=\"The Color Gradient Procedural Texture allows you to mix two separate colors on a surface without having to create a custom texture map. Mapping ToolUse this to move the center line of the gradient. AngleUse this to rotate the texture on the surface in degrees. Color barHere you can set up the color gradient by […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/texture-types\/3d-textures\/color-gradient\/\" \/>\n<meta property=\"og:site_name\" content=\"KeyShot 11 Manual\" \/>\n<meta property=\"og:image\" content=\"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_stop.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\\\/textures\\\/texture-types\\\/3d-textures\\\/color-gradient\\\/\",\"url\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/textures\\\/texture-types\\\/3d-textures\\\/color-gradient\\\/\",\"name\":\"Color Gradient - KeyShot 11 Manual\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/textures\\\/texture-types\\\/3d-textures\\\/color-gradient\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/textures\\\/texture-types\\\/3d-textures\\\/color-gradient\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/color_stop.png\",\"datePublished\":\"2020-07-14T12:16:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/textures\\\/texture-types\\\/3d-textures\\\/color-gradient\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/textures\\\/texture-types\\\/3d-textures\\\/color-gradient\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/textures\\\/texture-types\\\/3d-textures\\\/color-gradient\\\/#primaryimage\",\"url\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/color_stop.png\",\"contentUrl\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2020\\\/07\\\/color_stop.png\",\"width\":32,\"height\":32},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/textures\\\/texture-types\\\/3d-textures\\\/color-gradient\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Textures\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/textures\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Texture Types\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/textures\\\/texture-types\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"3D Textures\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/textures\\\/texture-types\\\/3d-textures\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Color Gradient\"}]},{\"@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 Gradient - 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\/textures\/texture-types\/3d-textures\/color-gradient\/","og_locale":"en_US","og_type":"article","og_title":"Color Gradient - KeyShot 11 Manual","og_description":"The Color Gradient Procedural Texture allows you to mix two separate colors on a surface without having to create a custom texture map. Mapping ToolUse this to move the center line of the gradient. AngleUse this to rotate the texture on the surface in degrees. Color barHere you can set up the color gradient by […]","og_url":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/texture-types\/3d-textures\/color-gradient\/","og_site_name":"KeyShot 11 Manual","og_image":[{"url":"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_stop.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\/textures\/texture-types\/3d-textures\/color-gradient\/","url":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/texture-types\/3d-textures\/color-gradient\/","name":"Color Gradient - KeyShot 11 Manual","isPartOf":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/#website"},"primaryImageOfPage":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/texture-types\/3d-textures\/color-gradient\/#primaryimage"},"image":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/texture-types\/3d-textures\/color-gradient\/#primaryimage"},"thumbnailUrl":"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_stop.png","datePublished":"2020-07-14T12:16:26+00:00","breadcrumb":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/texture-types\/3d-textures\/color-gradient\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/texture-types\/3d-textures\/color-gradient\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/texture-types\/3d-textures\/color-gradient\/#primaryimage","url":"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_stop.png","contentUrl":"https:\/\/manual.keyshot.com\/keyshot11\/wp-content\/uploads\/sites\/6\/2020\/07\/color_stop.png","width":32,"height":32},{"@type":"BreadcrumbList","@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/texture-types\/3d-textures\/color-gradient\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/manual.keyshot.com\/keyshot11\/"},{"@type":"ListItem","position":2,"name":"Textures","item":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/"},{"@type":"ListItem","position":3,"name":"Texture Types","item":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/texture-types\/"},{"@type":"ListItem","position":4,"name":"3D Textures","item":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/textures\/texture-types\/3d-textures\/"},{"@type":"ListItem","position":5,"name":"Color Gradient"}]},{"@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\/5189","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\/5189\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_documentation\/5058"}],"wp:attachment":[{"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/media?parent=5189"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manualdocumentationcategory?post=5189"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_doc_tag?post=5189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}