{"id":120,"date":"2017-12-20T02:57:14","date_gmt":"2017-12-20T02:57:14","guid":{"rendered":"http:\/\/www.wieringsoftware.com\/ts2\/?page_id=120"},"modified":"2022-09-19T15:33:04","modified_gmt":"2022-09-19T15:33:04","slug":"palettes","status":"publish","type":"page","link":"https:\/\/www.wieringsoftware.com\/ts2\/learn\/palettes\/","title":{"rendered":"Palettes"},"content":{"rendered":"<p>You can create a new palette in your project by right-clicking on <strong>Palettes<\/strong> in the Project window and selecting <strong>New Palette&#8230;<\/strong><\/p>\n<p style=\"text-align: center;\">\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-123\" src=\"http:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/palette-properties-300x173.png\" alt=\"\" width=\"300\" height=\"173\" srcset=\"https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/palette-properties-300x173.png 300w, https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/palette-properties.png 385w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Here you can select the number of gradients, the gradient size and number of columns for your palette. If you check <em>Insert Standard Gradients,<\/em> a default palette will be generated. If not, only one row of gray.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-124\" src=\"http:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/standard-palette-208x300.png\" alt=\"\" width=\"208\" height=\"300\" srcset=\"https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/standard-palette-208x300.png 208w, https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/standard-palette.png 225w\" sizes=\"(max-width: 208px) 100vw, 208px\" \/><\/p>\n<h1>The Palette Editor<\/h1>\n<p>If you want to make changes to the palette, press <strong>Ctrl+P<\/strong> or select <em>Palette &#8211; Edit Palette<\/em> in the menu.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-125 size-full\" src=\"http:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/palette4.png\" alt=\"\" width=\"381\" height=\"244\" srcset=\"https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/palette4.png 381w, https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/palette4-300x192.png 300w\" sizes=\"(max-width: 381px) 100vw, 381px\" \/><\/p>\n<p>In edit mode the key colors are selected and you can edit them. Left-click a key color to select a new color. Using the right mouse button, you can select or pick up a key color or remove it (if it was already selected) and with the left mouse button you can put it back somewhere else. So you can easily copy key colors to make new gradients or move them.<\/p>\n<p>The numbers at the bottom are the delta values. These indicate the change from one color to the next in the gradient. You can edit them normally or use the mouse scroll wheel (hovering over the numbers). Hovering over the key color, you can change red, green and blue simultaneously with the mouse scroll wheel. You can also edit the color itself: Ctrl+Scroll: red, Ctrl+Shift: green, Shift: blue, Alt: alpha. But you can also just use the color picker.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-126\" src=\"http:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/color-300x214.png\" alt=\"\" width=\"300\" height=\"214\" srcset=\"https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/color-300x214.png 300w, https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/color-421x300.png 421w, https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/color.png 491w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>You can also edit properties of each color in the properties window at the right.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-127\" src=\"http:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/color-properties-300x210.png\" alt=\"\" width=\"300\" height=\"210\" srcset=\"https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/color-properties-300x210.png 300w, https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/color-properties.png 384w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<h1>Using the palette<\/h1>\n<p>To use a color from the palette, just left-click on it. At the bottom you will get another gradient with the chosen color at the center, so you can select more colors around it (gradients are not limited to the size of the palette but continue on the left and right).<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-129\" src=\"http:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/palette5-300x62.png\" alt=\"\" width=\"300\" height=\"62\" srcset=\"https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/palette5-300x62.png 300w, https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/palette5.png 385w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>You can also make a selection in the palette and then you will get that area in the gradient below.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-113\" src=\"http:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/palette3-300x76.png\" alt=\"\" width=\"300\" height=\"76\" srcset=\"https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/palette3-300x76.png 300w, https:\/\/www.wieringsoftware.com\/ts2\/wp-content\/uploads\/2017\/12\/palette3.png 383w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>At the bottom right you see the selected color and at the bottom left is the transparent color. There is no eraser, if you want to erase pixels, select the transparent color and draw with that.<\/p>\n<h1>The background color<\/h1>\n<p>Normally the background color is transparent, but if you right-click on a color in the palette, that will set the background color. This way you can easily check what your graphics look like with different background colors. You can also use <em>View, Background Color<\/em> from the menu.<\/p>\n<p>To set the background color back to transparent, right-click on the transparent color box at the bottom left of the palette editor.<\/p>\n<p style=\"text-align: center;\"><em>Back to <a href=\"..\/\">Learn<\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can create a new palette in your project by right-clicking on Palettes in the Project window and selecting New Palette&#8230; \u00a0 Here you can select the number of gradients, the gradient size and number of columns for your palette. &hellip; <a href=\"https:\/\/www.wieringsoftware.com\/ts2\/learn\/palettes\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":37,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.wieringsoftware.com\/ts2\/wp-json\/wp\/v2\/pages\/120"}],"collection":[{"href":"https:\/\/www.wieringsoftware.com\/ts2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wieringsoftware.com\/ts2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wieringsoftware.com\/ts2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wieringsoftware.com\/ts2\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":7,"href":"https:\/\/www.wieringsoftware.com\/ts2\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":430,"href":"https:\/\/www.wieringsoftware.com\/ts2\/wp-json\/wp\/v2\/pages\/120\/revisions\/430"}],"up":[{"embeddable":true,"href":"https:\/\/www.wieringsoftware.com\/ts2\/wp-json\/wp\/v2\/pages\/37"}],"wp:attachment":[{"href":"https:\/\/www.wieringsoftware.com\/ts2\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}