{"id":188989,"date":"2022-04-21T00:52:54","date_gmt":"2022-04-20T22:52:54","guid":{"rendered":"http:\/\/sftarticles.wpenginepowered.com\/en\/?p=188989"},"modified":"2025-07-01T20:48:32","modified_gmt":"2025-07-02T03:48:32","slug":"how-to-shade-with-painttool-sai","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/how-to-shade-with-painttool-sai\/","title":{"rendered":"How to shade with PaintTool SAI to give your characters depth"},"content":{"rendered":"\n<p><a href=\"https:\/\/painttool-sai.en.softonic.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">PaintTool SAI<\/a> is a <strong>lightweight painting application<\/strong> that&#8217;s beloved by digital artists who specialize in animated characters. This <strong>software for Windows<\/strong> comes with a broad array of useful tools, most of which are <strong>easy to learn<\/strong>.<\/p>\n\n\n\n<p>In this tutorial, we\u2019ll show you how to separate a character\u2019s outline and flat colors and use them as a mask to draw and then <strong>blend nondestructive shadows and highlights<\/strong> inside the lines. We&#8217;ve laid out a few simple tricks that you can use if you\u2019re short on time as well as some more detailed methods if you prefer to do it yourself.<\/p>\n\n\n<div class=\"howto_container schema-howto-acf-block\"><ol><li><div class=\"howto_item\"><h2>It\u2019s all about the layers<\/h2><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2022\/04\/02.painttoolsai.layersettings.jpg\" alt=\"Layer settings in PaintTool SAI.\" width=\"1200\" height=\"686\"><p>Once you\u2019ve finished your characters\u2019 outlines and filled in their basic flat colors, it\u2019s time to bring them to life with shading. There are a few different ways to polish your characters and make them look at home in their environments. However, most of these methods involve <strong>creating a shading layer<\/strong>.<\/p>\n<p>&#8211; Start by merging the levels that contain your outlines and flat colors. Select the relevant layers, and click the bottom left button in the <i>Layers Panel<\/i> showing a plus sign and a down arrow. You can separate them later if you need to.<\/p>\n<p>&#8211; Select this merged layer, and click its <i>Preserve Opacity<\/i> box, which is displayed in text above the <i>Layers Panel<\/i>. <i>Preserve Opacity<\/i> locks all the lines and fills you\u2019ve already drawn, making it easier to keep your shading neatly inside the lines.<\/p>\n<\/div><\/li><li><div class=\"howto_item\"><h2>Creating new shading layers<\/h2><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2022\/04\/03.painttoolsai.layermodes.jpg\" alt=\"Layer modes in PaintTool SAI.\" width=\"1000\" height=\"720\"><p>In general, more layers will give you more control over your shading. Here&#8217;s <strong>how to create new shading layers in PaintTool SAI<\/strong>.<\/p>\n<p>&#8211; Click on the <i>New Layer<\/i> icon at the top left of the <i>Layers Panel<\/i>, which shows a blank piece of paper. This layer is where you\u2019ll draw your shading, so make sure it\u2019s above your outline layer. Leave <i>Preserve Opacity<\/i> off for this layer, but click the <i>Clipping Group<\/i> box right below it. That will clip your shading layer to the outline layer below so it can act as a mask when you shade.<\/p>\n<p>&#8211; Right above the <i>Preserve Opacity<\/i> box that you left unchecked, you can set the transparency of this shading layer. Anywhere from 10% to 50% opacity will let you see the outlines below clearly.<\/p>\n<p>&#8211; Above the opacity meter, you can set your layer\u2019s mode, which is how this shading layer will blend with your outline layer. <i>Normal Mode<\/i> will completely cover the layer beneath it, but almost any other blending mode will work, depending on your shading style. The <i>Multiply<\/i>, <i>Shade<\/i>, <i>Screen<\/i>, and <i>Luminosity<\/i> modes are popular options to darken or lighten your characters. <i>Overlay<\/i> and <i>Lumi&amp;Shade<\/i> work both ways, allowing you to make shaded areas darker and highlights lighter at the same time.<\/p>\n<\/div><\/li><li><div class=\"howto_item\"><h2>Adding fringe effects<\/h2><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2022\/04\/04.painttoolsai.fringeeffect.jpg\" alt=\"Fringe effect in PaintTool SAI.\" width=\"1200\" height=\"679\"><p>For a <strong>quick shading<\/strong>, follow these steps for adding fringe effects.<\/p>\n<p>&#8211; Open the <i>Paints Effect<\/i> drop-down menu, and select the <i>Fringe Effect<\/i> option. That will add a thin band of automatic shading to all your edges.<\/p>\n<p>&#8211; You can change the effect\u2019s opacity and width to modify the darkness and length of the generated shadows.<\/p>\n<\/div><\/li><li><div class=\"howto_item\"><h2>Adding shadows<\/h2><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2022\/04\/05-Setting-brush-size-in-PaintTool-SAI.-.jpg\" alt=\"Setting brush size in PaintTool SAI.\" width=\"1200\" height=\"755\"><p>If you want to <strong>add detailed shadows in PaintTool SAI<\/strong>, you can do so from the shading layer.<\/p>\n<p>&#8211; First, select a darkening mode like <i>Shade<\/i> or <i>Multiply<\/i>. Select a brush size and color that you feel comfortable with, and use it to darken the areas on your character opposite your light source.<\/p>\n<p>&#8211; Once you\u2019ve painted on the shadows, you can smooth away any rough edges by giving them a once-over using the <i>Oil Water<\/i> brush.<\/p>\n<\/div><\/li><li><div class=\"howto_item\"><h2>Add highlights<\/h2><p>Another great way to improve your visual dynamics is to add highlights in PaintTool SAI.<\/p>\n<p>&#8211; Add a new layer above your shading layer, and use a lightening mode like <i>Screen<\/i> or <i>Luminosity<\/i>.<\/p>\n<p>&#8211; Pick a thin brush size and a bright color to touch up the areas where the light hits your character.<\/p>\n<p>&#8211; You can also add thin dabs of white to make glossy or metallic surfaces shine. Use the <i>Oil Water<\/i> brush to blend the edges if necessary.<\/p>\n<\/div><\/li><\/ol><\/div><style type=\"text\/css\">\n\t.howto_container {\n\t  margin: 0 auto;\n\t}\n\t.howto_container img {\n\t\theight: 100%;\n\t\tmargin-bottom: 30px;\n\t}\n\t\n\t\t  .howto_container h2 {\n\t\t\t  clear: none !important;\n\t\t  }\n\t\t  .howto_container ol {\n\t\t\t  list-style: none !important;\n\t\t  }\t\n\t.howto_container ol li::before {\n\t\tcolor: #ffffff !important;\n\t\tbackground:#0073aa !important;\n\t}\n<\/style>\n\n\t\t\n\n\n<h2 class=\"wp-block-heading\">Develop your own shading style in PaintTool SAI<\/h2>\n\n\n\n<p>Once you understand <strong>the basics of using PaintTool SAI\u2019s brushes and layer modes<\/strong> to blend in your shading, you can play with your technique and develop your own shading style.<\/p>\n\n\n\n<p>If you like to get into the details, you can <strong>create separate layers<\/strong> for each flat color you work with and then clip new shadow and highlight layers directly to each color layer. This method lets you use specific color shades that are slightly darker and lighter than each original flat color.<\/p>\n\n\n\n<p>If you prefer to keep it simple, you can leave all your colors in the same layer and <strong>add just a single layer for your shadows<\/strong>. Make sure your shadow layer is in <em>Multiply<\/em> mode, fill in all the shadows using a general-purpose color like gray or purple, and adjust the opacity till it looks good to you. If you want to add highlights, you can do this using another single layer set to <em>Screen<\/em>. Paint with a white brush, and blend and fade to taste.<\/p>\n\n\n\n<p>Ready to try out some more PaintTool SAI design techniques? Check out our guide on <a href=\"https:\/\/painttool-sai.en.softonic.com\/articles\/how-to-do-a-disintegrate-effect-in-painttool-sai-in-3-easy-steps\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"how to do a disintegrate effect in PaintTool SAI\">how to do a disintegrate effect in PaintTool SAI<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PaintTool SAI is a lightweight painting application that&#8217;s beloved by digital artists who specialize in animated characters. This software for Windows comes with a broad array of useful tools, most of which are easy to learn. In this tutorial, we\u2019ll show you how to separate a character\u2019s outline and flat colors and use them as &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/en\/how-to-shade-with-painttool-sai\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to shade with PaintTool SAI to give your characters depth&#8221;<\/span><\/a><\/p>\n","protected":false},"author":9244,"featured_media":188990,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":1},"categories":[2441],"tags":[2370],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-188989","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-app-subdomain-redirectionpainttool-sai"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/188989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/users\/9244"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/comments?post=188989"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/188989\/revisions"}],"predecessor-version":[{"id":324045,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/188989\/revisions\/324045"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media\/188990"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media?parent=188989"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/categories?post=188989"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/tags?post=188989"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/usertag?post=188989"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/vertical?post=188989"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/content-category?post=188989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}