{"id":7268,"date":"2012-03-09T07:00:29","date_gmt":"2012-03-09T05:00:29","guid":{"rendered":"http:\/\/4eyes.code66.se\/?p=7268"},"modified":"2012-03-12T20:56:25","modified_gmt":"2012-03-12T18:56:25","slug":"making-an-interesting-filterforge-filter-episode-four","status":"publish","type":"post","link":"http:\/\/4eyes.code66.se\/?p=7268","title":{"rendered":"Making an interesting FilterForge Filter &#8211; Episode four"},"content":{"rendered":"<p>I&#8217;m back today with some more <a href=\"http:\/\/www.filterforge.com\/?affiliateid=200100725\" target=\"_blank\">FilterForge<\/a> stuff for the tutorial. We&#8217;re still making the basic stuff, and today I though we&#8217;ll make one more wood filter, and then take a look at working with random tiling.<\/p>\n<p><!--more--><\/p>\n<p>We start with a <strong>Perlin Noise<\/strong> this time, and set it up like this, connecting two Color inputs to it. You pick the woody colors you like.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s401.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7290\" title=\"s401\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s401.jpg\" alt=\"\" width=\"756\" height=\"300\" \/><\/a><\/p>\n<p>The we connect a <strong>Wave<\/strong> like this to the <em>Profile<\/em> input of the <strong>Perlin Noise<\/strong>. As you see the Wave is rough, I will soon tell you how this is made.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s402.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7289\" title=\"s402\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s402.jpg\" alt=\"\" width=\"532\" height=\"319\" \/><\/a><\/p>\n<p>Now we create a <strong>Cells<\/strong> and set up up like this, and connect it to the <em>Maximum<\/em> input of the <strong>Wave<\/strong>.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s403.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7288\" title=\"s403\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s403.jpg\" alt=\"\" width=\"567\" height=\"399\" \/><\/a><\/p>\n<p>Then we create a\u00a0<strong>Perlin Noise<\/strong>\u00a0and connect that to the <em>Phase<\/em> input of the <strong>Wave<\/strong>.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s404.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7287\" title=\"s404\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s404.jpg\" alt=\"\" width=\"548\" height=\"315\" \/><\/a><\/p>\n<p>And at last another <strong>Perlin Noise<\/strong> that goes to the <em>Minimum<\/em> input \u00a0that is setup like this.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s405.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7286\" title=\"s405\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s405.jpg\" alt=\"\" width=\"538\" height=\"317\" \/><\/a><\/p>\n<p>This will be wood base, but we need rings for this wood too. So we create another <strong>Perlin Noise<\/strong> setup like this, and add another color input.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s406.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7285\" title=\"s406\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s406.jpg\" alt=\"\" width=\"740\" height=\"336\" \/><\/a><\/p>\n<p>Now we create a <strong>Wave<\/strong> swtup like this and connect to the <em>Profile<\/em> input of the <strong>Perlin Noise<\/strong>.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s407.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7284\" title=\"s407\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s407.jpg\" alt=\"\" width=\"545\" height=\"330\" \/><\/a><\/p>\n<p>Then we connect that output to the <strong>Results<\/strong> component, which we setup as a surface. Now we start to work on the height map.<\/p>\n<p>We create a <strong>Cells<\/strong> setup like this.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s408.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7283\" title=\"s408\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s408.jpg\" alt=\"\" width=\"565\" height=\"399\" \/><\/a><\/p>\n<p>The \u00a0we run it through a <strong>Round<\/strong> and a <strong>Desaturate<\/strong>, and connect the texture output we did before to the <em>Granularity<\/em> input of the <strong>Round<\/strong>. We make this the height for the <strong>Results<\/strong> component.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s409.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7282\" title=\"s409\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s409.jpg\" alt=\"\" width=\"748\" height=\"248\" \/><\/a><\/p>\n<p>Now we create a <strong>Threshold<\/strong> \u00a0component, ar set it like this. We take the output from the\u00a0<strong>Desaturate <\/strong>as <em>Source<\/em>. We input this to the <em>Reflection<\/em> of the <strong>Results<\/strong> component.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s411.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7280\" title=\"s411\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s411.jpg\" alt=\"\" width=\"568\" height=\"210\" \/><\/a><\/p>\n<p>So, how does it look? Here is an AO render of the texture. Remember that this is not wood you make fine furniture of, more like a worn plank.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s412.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7279\" title=\"s412\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s412.jpg\" alt=\"\" width=\"600\" height=\"600\" \/><\/a><\/p>\n<p>OK, shall we play with the tiles now?<\/p>\n<p>We create a <strong>Tiles<\/strong> component, set it up like this. The Variation should just be something random though.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s413.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7278\" title=\"s413\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s413.jpg\" alt=\"\" width=\"560\" height=\"423\" \/><\/a><\/p>\n<p>We now feed the output to a <strong>Threshold<\/strong> component.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s414.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7277\" title=\"s414\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s414.jpg\" alt=\"\" width=\"558\" height=\"209\" \/><\/a><\/p>\n<p>Now we make two more copies of this set, and set the <em>Variation<\/em> different in each. Then, as we need a texture, we create a Perlin Noise, with two colors, this is just for show, this is where we will use our Stone filters later when we make the real filter.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s415.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7276\" title=\"s415\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s415.jpg\" alt=\"\" width=\"569\" height=\"331\" \/><\/a><\/p>\n<p>We then make a <strong>Tiles<\/strong> and feed the <strong>Perlin Noise<\/strong> to it. We make three more copies of this &#8220;set&#8221; too, and set different colors in the Perlin Noise.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s416.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7275\" title=\"s416\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s416.jpg\" alt=\"\" width=\"547\" height=\"423\" \/><\/a><\/p>\n<p>Then we can couple them together two by two using the <strong>Threshold<\/strong> output and <em>Opacity<\/em> using a <strong>Blend<\/strong>.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s416a.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7293\" title=\"s416a\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s416a.jpg\" alt=\"\" width=\"550\" height=\"575\" \/><\/a><\/p>\n<p>And a closeup on the <strong>Threshold<\/strong> and <strong>Blend<\/strong>.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s418.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7273\" title=\"s418\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s418.jpg\" alt=\"\" width=\"578\" height=\"289\" \/><\/a><\/p>\n<p>Then finally put the two groups together, like this.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s417.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7274\" title=\"s417\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s417.jpg\" alt=\"\" width=\"513\" height=\"765\" \/><\/a><\/p>\n<p>Now we got a interesting result, we don&#8217;t have a height map yet so this is a simple <strong>Result<\/strong>.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s419.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7272\" title=\"s419\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s419.jpg\" alt=\"\" width=\"600\" height=\"600\" \/><\/a><\/p>\n<p>And here are the filters from todays tutorial to play with.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/pattern-1-tutorial.ffxml_.zip\">pattern 1 tutorial.ffxml<\/a><\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/wood-2-tutorial.ffxml_.zip\">wood 2 tutorial.ffxml<\/a><\/p>\n<p>I really hope you enjoy this.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/?p=7296\">\u00a0Next Episode<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;m back today with some more FilterForge stuff for the tutorial. We&#8217;re still making the basic stuff, and today I though we&#8217;ll make one more wood filter, and then take a look at working with random tiling.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[13,70],"class_list":["post-7268","post","type-post","status-publish","format-standard","hentry","category-tools-of-the-trade","tag-filterforge","tag-tutorial"],"_links":{"self":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/7268","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=7268"}],"version-history":[{"count":7,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/7268\/revisions"}],"predecessor-version":[{"id":7335,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/7268\/revisions\/7335"}],"wp:attachment":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7268"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}