{"id":7296,"date":"2012-03-11T07:00:27","date_gmt":"2012-03-11T05:00:27","guid":{"rendered":"http:\/\/4eyes.code66.se\/?p=7296"},"modified":"2012-03-13T10:11:22","modified_gmt":"2012-03-13T08:11:22","slug":"making-an-interesting-filterforge-filter-episode-five","status":"publish","type":"post","link":"http:\/\/4eyes.code66.se\/?p=7296","title":{"rendered":"Making an interesting FilterForge Filter &#8211; Episode five"},"content":{"rendered":"<p>Welcome back to another episode <a href=\"http:\/\/www.filterforge.com\/?affiliateid=200100725\" target=\"_blank\">FilterForge<\/a> filter making. Today we will play with another way of making tiles, this time more random looking tiles, not square ones. One of the techniques used in this filter tutorial comes from the filter <a href=\"http:\/\/www.filterforge.com\/filters\/2124.html\" target=\"_blank\">Crazy Paving<\/a> made by Fluxtah.<\/p>\n<p><!--more--><\/p>\n<p>We start this by adding a <strong>Stones<\/strong>\u00a0noise, and set it up like this.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s501.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7309\" title=\"s501\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s501.jpg\" alt=\"\" width=\"570\" height=\"395\" \/><\/a><\/p>\n<p>We then add a <strong>Sharpen<\/strong> setup like this and feed it from the <strong>Stones<\/strong>.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s502.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7308\" title=\"s502\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s502.jpg\" alt=\"\" width=\"553\" height=\"271\" \/><\/a><\/p>\n<p>Now we put this to a <strong>Threshold<\/strong> setup like this, very sharp (no smooth at all).<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s503.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7307\" title=\"s503\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s503.jpg\" alt=\"\" width=\"529\" height=\"217\" \/><\/a><\/p>\n<p>Then we duplicate the <strong>Stone<\/strong>s we had (to ensure the same Variation, but it is default set to 1). We set it up like this, using <em>Solid Fill<\/em>.<\/p>\n<p><em>Btw, the reason it says 1.017 after the components is that they were copied from a filter made with that version of FilterForge, Crazy Paving. I was too lazy to set all this up this time and find the perfect setting for what I want to show.<\/em><\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s504.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7306\" title=\"s504\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s504.jpg\" alt=\"\" width=\"556\" height=\"383\" \/><\/a><\/p>\n<p>Now we just create three Perlin Noises to simulate our real generated texture input, as last time, as this session is just to show a technique, not an actual complete filter.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s505.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7305\" title=\"s505\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s505.jpg\" alt=\"\" width=\"529\" height=\"522\" \/><\/a><\/p>\n<p>Now we use a <strong>Threshold<\/strong> again, and feed the <em>Source<\/em> from the <strong>Stones<\/strong> we setup with flat fill, and feed two two colorful <em>simulated textures<\/em> to high and low.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s506.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7304\" title=\"s506\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s506.jpg\" alt=\"\" width=\"545\" height=\"194\" \/><\/a><\/p>\n<p>Now we use a <strong>Set Alpha<\/strong> component to set the Alpha channel of our third fake texture and then blend that upon the result from, the Treshold. <em>This could be done using the blend and the opacity but I decided I could show this method as well.<\/em><\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s510a.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7312\" title=\"s510a\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s510a.jpg\" alt=\"\" width=\"525\" height=\"371\" \/><\/a><\/p>\n<p>I think you are guessing where we&#8217;re going with this. Now we need to fiddle a little with a height map too. We create a <strong>Perlin Noise<\/strong> setup like this.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s509.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7301\" title=\"s509\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s509.jpg\" alt=\"\" width=\"544\" height=\"416\" \/><\/a><\/p>\n<p>The we create another <strong>Perlin Noise<\/strong> setup like this.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s510.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7300\" title=\"s510\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s510.jpg\" alt=\"\" width=\"565\" height=\"407\" \/><\/a><\/p>\n<p>Now we <strong>Blur<\/strong> the grid we got by using a <strong>Threshold<\/strong> before, using just a small blur around 1, then we use the result as the <em>Opacity<\/em> control for a blend between the two height map Perlins we made, the lighter as <em>Foreground<\/em>.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s510b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7311\" title=\"s510b\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s510b.jpg\" alt=\"\" width=\"560\" height=\"346\" \/><\/a><\/p>\n<p>So, let us render it using some AO, looking good I think.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s512.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7298\" title=\"s512\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s512.jpg\" alt=\"\" width=\"600\" height=\"600\" \/><\/a><\/p>\n<p>And as usual, here is the filter to play with.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/pattern-tutorial-two.ffxml_.zip\">pattern tutorial two.ffxml<\/a><\/p>\n<p>See you in a couple of days.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/?p=7318\">\u00a0Next Episode<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome back to another episode FilterForge filter making. Today we will play with another way of making tiles, this time more random looking tiles, not square ones. One of the techniques used in this filter tutorial comes from the filter Crazy Paving made by Fluxtah.<\/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-7296","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\/7296","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=7296"}],"version-history":[{"count":5,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/7296\/revisions"}],"predecessor-version":[{"id":7340,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/7296\/revisions\/7340"}],"wp:attachment":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7296"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}