{"id":2352,"date":"2010-01-15T07:55:24","date_gmt":"2010-01-15T05:55:24","guid":{"rendered":"http:\/\/4eyes.code66.se\/?p=2352"},"modified":"2010-01-15T07:55:24","modified_gmt":"2010-01-15T05:55:24","slug":"pimp-your-market-part-three","status":"publish","type":"post","link":"http:\/\/4eyes.code66.se\/?p=2352","title":{"rendered":"Pimp your market &#8211; part three"},"content":{"rendered":"<p>So, today we are going to create some striped cloth for our market tents and roofs, using <a href=\"http:\/\/www.filterforge.com\/?affiliateid=200100725\" target=\"_blank\">FilterForge<\/a>. I&#8217;ve said if before, but I say it once again, I cannot draw so I depend on these great tools that let you draw by logic.<\/p>\n<p><!--more-->So, we start FilterForge, and first we create two <strong>Color<\/strong> selector components and a <strong>Profile Gradient<\/strong> component. We set one color to white, and one to red, and hook them up to the inputs <em>Color 1<\/em> and <em>Color 2<\/em>.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb01.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2360\" title=\"mb01\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb01.jpg\" alt=\"\" width=\"350\" height=\"152\" \/><\/a><\/p>\n<p>Now, we create a Step component, and connect that to the <em>profile<\/em> input of the <strong>Profile Gradient<\/strong>. This is to define how the transition between Color 1 and Color 2 should look, and we want a sharp transition here.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb02.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2359\" title=\"mb02\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb02.jpg\" alt=\"\" width=\"252\" height=\"160\" \/><\/a><\/p>\n<p>We setup the <strong>Step<\/strong> component with a 50% threshold and zero smoothing.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb03.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2358\" title=\"mb03\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb03.jpg\" alt=\"\" width=\"310\" height=\"206\" \/><\/a><\/p>\n<p>The <strong>Profile Gradient<\/strong> is setup with a <em>Repeat<\/em> of seven, so we get several stripes on our cloth, not just a two color sheet.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb04.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2357\" title=\"mb04\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb04.jpg\" alt=\"\" width=\"309\" height=\"244\" \/><\/a><\/p>\n<p>Now, we need some dirt also, we cannot have a white color that looks like it has been washed with bleach. So we create a <strong>Perlin Noise<\/strong> component, and set the <em>Noise<\/em> color to a dark brown color.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb05.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2356\" title=\"mb05\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb05.jpg\" alt=\"\" width=\"245\" height=\"227\" \/><\/a><\/p>\n<p>The <strong>Perlin Noise<\/strong> is setup like this, with a bit of <em>Roughness<\/em> and some <em>Contrast<\/em> but <em>Scale<\/em> set to a low number. This will generate black with many small spots of dark brown, looking like dirt.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb06.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2355\" title=\"mb06\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb06.jpg\" alt=\"\" width=\"314\" height=\"314\" \/><\/a><\/p>\n<p>The last thing we do today, is to connect the output from out dirt generating <strong>Perlin Noise<\/strong> to the <em>Source <\/em>input of a <strong>Set Alpha<\/strong> component we create. We also connect a <strong>Slider<\/strong> controller to the <em>New Alpha<strong> <\/strong><span style=\"font-style: normal;\">input of the <strong>Set Alpha<\/strong> component, so we can set how much dirt we want to have.<\/span><\/em><\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb07.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2354\" title=\"mb07\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2010\/01\/mb07.jpg\" alt=\"\" width=\"350\" height=\"114\" \/><\/a><\/p>\n<p>Tomorrow, we will finish this filter.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So, today we are going to create some striped cloth for our market tents and roofs, using FilterForge. I&#8217;ve said if before, but I say it once again, I cannot draw so I depend on these great tools that let you draw by logic.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[13],"class_list":["post-2352","post","type-post","status-publish","format-standard","hentry","category-mapmaking","tag-filterforge"],"_links":{"self":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/2352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2352"}],"version-history":[{"count":4,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/2352\/revisions"}],"predecessor-version":[{"id":2452,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/2352\/revisions\/2452"}],"wp:attachment":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2352"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}