{"id":742,"date":"2021-09-18T07:30:00","date_gmt":"2021-09-18T11:30:00","guid":{"rendered":"https:\/\/www.learncsp.com\/?p=742"},"modified":"2022-05-25T13:06:20","modified_gmt":"2022-05-25T13:06:20","slug":"heather-gray","status":"publish","type":"post","link":"https:\/\/www.pipelinecomics.com\/learncsp\/heather-gray\/","title":{"rendered":"How to Make (or Fake) Heather Gray"},"content":{"rendered":"\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=\"Heather Gray in Clip Studio Paint\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/7Yvpzui4g7o?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Heather Gray in Clip Studio Paint<\/h2>\n\n\n\n<p>It&#8217;s a popular color for sweatpants, leggings, hoodies, American Apparel (remember them?) t-shirts, etc. \u00a0But it&#8217;s not just a solid color. \u00a0It&#8217;s a pattern. Take a look:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"384\" height=\"192\" src=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/hg_color_blocks.jpeg\" alt=\"Heather gray color blocks\" class=\"wp-image-746\" srcset=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/hg_color_blocks.jpeg 384w, https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/hg_color_blocks-300x150.jpeg 300w\" sizes=\"auto, (max-width: 384px) 100vw, 384px\" \/><\/figure>\n\n\n\n<p>Different manufacturers might have slightly different shades of gray for it, but there&#8217;s always that straight line pattern &#8212; almost like a striation &#8212; that runs through it.<\/p>\n\n\n\n<p>There&#8217;s a cheat for it that I found when I needed it for an Inktober challenge. &nbsp;There are a lot of little settings you can tweak to make it look just like you want to, but it only takes three steps to get this effect.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Fill in the area with a gray color<\/h2>\n\n\n\n<p>Use the magic wand to select the area you want to fill, because you&#8217;ll be needing that selected area in the next steps.<\/p>\n\n\n\n<p>Fill in that area with a gray color. &nbsp;This is where you can choose just how gray your color is. &nbsp;In my mind, it&#8217;s about 50% to 75% of the way between white and black. &nbsp;You don&#8217;t want to go too dark with something like this. Err on the side of lightness.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Add Perlin Noise<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"163\" src=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/perlinnoise_400.jpeg\" alt=\"Add Perlin Noise in Clip Studio Paint\" class=\"wp-image-754\" srcset=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/perlinnoise_400.jpeg 400w, https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/perlinnoise_400-300x122.jpeg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<p>It&#8217;s in the menu bar under <strong>Filter &#8211;&gt; Render &#8211;&gt; Perlin Noise &nbsp;<\/strong>(Older versions of Clip Studio Paint have it under <strong>Filter &#8211;&gt; Draw &#8211;&gt; Perlin Noise<\/strong>.)<\/p>\n\n\n\n<p>It&#8217;s going to give you a series of options. &nbsp;Play with them. &nbsp;Adjust to taste. &nbsp;Make sure you have the &#8220;Preview&#8221; box checked so you can see the impact of every change you make. That&#8217;s a lot more useful than guessing and hoping.<\/p>\n\n\n\n<p>Here are the settings I&#8217;m using:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"348\" src=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/perlin_choices_suggestions_600.jpeg\" alt=\"Suggested Perlin Noise settings in Clip Studio Paint\" class=\"wp-image-752\" srcset=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/perlin_choices_suggestions_600.jpeg 600w, https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/perlin_choices_suggestions_600-300x174.jpeg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>I chose those because they give me a nice narrow and regular band. &nbsp;The final noise is not large and blocky. &nbsp;It&#8217;ll look nicer after the next step. &nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Add Movable Blur<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"172\" src=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/movableblur_menu.jpeg\" alt=\"Add Movable Blur in Clip Studio Paint\" class=\"wp-image-751\" srcset=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/movableblur_menu.jpeg 380w, https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/movableblur_menu-300x136.jpeg 300w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><\/figure>\n\n\n\n<p>It&#8217;s in the menu bar under <strong>Filter &#8211;&gt; Blur &#8211;&gt; Motion. <\/strong> Older versions of CSP called this &#8220;Movable blur&#8221;.  The screenshots of this window below are from an earlier edition of Clip Studio Paint.  Everything is the same, it&#8217;s just the labels and option names that have changed.  I&#8217;ll point those out as we go.<\/p>\n\n\n\n<p>There are some settings here you can play with, too. I recommend sticking with 10 for the &#8220;Area to blur&#8221; setting (or &#8220;Strength,&#8221; as it&#8217;s now called). &nbsp;Anything more and it starts looking too blurry and the edges get too thin.<\/p>\n\n\n\n<p>Here&#8217;s what 10 looks like: (OK, so it&#8217;s 9.93. &nbsp;Close enough.)<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"110\" src=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/blur_example1_10.jpeg\" alt=\"blur_example1_10\" class=\"wp-image-749\" srcset=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/blur_example1_10.jpeg 400w, https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/blur_example1_10-300x83.jpeg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<p>If you push it out to 45, you start to see more of the blur and less of the pattern. Plus, you get those white areas at the edges. This would work great if we were looking for motion instead of a fabric pattern. &nbsp;We need to minimize that effect.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"173\" src=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/mobable_sample_large400_40.jpeg\" alt=\"mobable_sample_large400_40\" class=\"wp-image-748\" srcset=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/mobable_sample_large400_40.jpeg 400w, https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/mobable_sample_large400_40-300x130.jpeg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<p><strong>&#8220;Direction to Blur&#8221;<\/strong> is a good spot to change the angle of the blur to match what you&#8217;re blurring. &nbsp;In this case, I chose to match the forward leg. So I tilted the blur at 45 degrees. (This has been changed to &#8220;Angle&#8221; in more recent editions of Clip Studio Paint. &nbsp;That makes more sense.)<\/p>\n\n\n\n<p><strong>&#8220;Position to Blur&#8221;<\/strong> is useful if you were really blurring something in motion. Stick with &#8220;Front and Back&#8221; for now. &nbsp;If you switch to &#8220;Front&#8221;, you&#8217;ll get a white spot in the front. &nbsp;If you switch to &#8220;Back,&#8221; that white spot will be at the back of your blurry area. &nbsp;It&#8217;s not a good look. (In more recent versions of Clip Studio Paint, this is labelled as &#8220;Direction&#8221;, and the option is named &#8220;Both Directions.&#8221;)<\/p>\n\n\n\n<p><strong>&#8220;How to Blur&#8221;<\/strong> gives you two options. I prefer &#8220;Smooth&#8221; to &#8220;Box,&#8221; as it will cut down a tad on the halo effect on the edges. (This is now labelled &#8220;Mode.&#8221;)<\/p>\n\n\n\n<p>Here&#8217;s what the v1.10.10 version of this options window looks like:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"171\" src=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/csp_motion_blur_window.jpeg\" alt=\"Motion Blur window\" class=\"wp-image-1132\" srcset=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/csp_motion_blur_window.jpeg 500w, https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/csp_motion_blur_window-300x103.jpeg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">To Sum It Up<\/h2>\n\n\n\n<p>You are not using&nbsp;the &#8220;Movable Blur&#8221;\/&#8221;Motion Blue&#8221; tool for the purpose it&#8217;s intended, so you&#8217;ll need to play with the settings to see what works best for you and the resolution you&#8217;re working at. &nbsp;It would probably have helped me here, for example, to have expanded the wanded area out a few&nbsp;pixels. That would hide more of that initial white area under the black ink lines. &nbsp;That&#8217;s something I&#8217;ll keep in mind for the next time I use this technique.<\/p>\n\n\n\n<p>If you&#8217;re going for the Heather Gray look, though, it&#8217;s pretty easy and only a couple of steps, really. &nbsp;Give it a try sometime.<\/p>\n\n\n\n<p>Here&#8217;s how the final image came out. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"595\" src=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/heather-gray_inktoverfinal_500.jpeg\" alt=\"Heather Gray final results from my Inktober drawing.\" class=\"wp-image-757\" srcset=\"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/heather-gray_inktoverfinal_500.jpeg 500w, https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/heather-gray_inktoverfinal_500-252x300.jpeg 252w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<p>And here&#8217;s how it was done.  You can see the pants getting colored in around the 1:50 mark.<\/p>\n\n\n<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"Inktober 2016 Day 9 - Daisy from Giant Days\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/o_e9jji-uT4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can emulate the look of Heather Gray in Clip Studio Paint in only three steps, with two filters.  It&#8217;s a simple trick.<\/p>\n","protected":false},"author":1,"featured_media":759,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"above","_kad_post_header":false,"_kad_post_footer":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[69],"class_list":["post-742","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-heather-gray"],"jetpack_featured_media_url":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-content\/uploads\/sites\/9\/2016\/10\/howtoheathergrey_TITLECARD.jpeg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/posts\/742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/comments?post=742"}],"version-history":[{"count":1,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/posts\/742\/revisions"}],"predecessor-version":[{"id":1210,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/posts\/742\/revisions\/1210"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/media\/759"}],"wp:attachment":[{"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/media?parent=742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/categories?post=742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pipelinecomics.com\/learncsp\/wp-json\/wp\/v2\/tags?post=742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}