{"id":7318,"date":"2012-03-13T07:00:10","date_gmt":"2012-03-13T05:00:10","guid":{"rendered":"http:\/\/4eyes.code66.se\/?p=7318"},"modified":"2012-03-12T21:33:01","modified_gmt":"2012-03-12T19:33:01","slug":"making-an-interesting-filterforge-filter-episode-six","status":"publish","type":"post","link":"http:\/\/4eyes.code66.se\/?p=7318","title":{"rendered":"Making an interesting FilterForge Filter &#8211; Episode six"},"content":{"rendered":"<p>Today we&#8217;re gonna mix the different things we&#8217;ve done, to make something real, a wood and stone flooring texture filter.<\/p>\n<p><!--more--><\/p>\n<p>We start with the pattern tutorial two filter. We open it, copy everything in it, then create a new filter and paste it, and save it as stone pave tutorial.<\/p>\n<p>We now open the first filter we made, and copy everything in it, and paste it into the one we&#8217;re working on now. We then make another copy of the texture generating part, like this.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s601.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-7334\" title=\"s601\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s601.jpg\" alt=\"\" width=\"602\" height=\"566\" \/><\/a><\/p>\n<p><em>Click for a larger view<\/em><\/p>\n<p>Now we connect these to instead of the random colors we had, and we cut down the tree to only two color variations, not four. We also attach the height map generator we pasted in to the height map, and we then do the same thing (open copy, paste) from the mortar filter we made.<\/p>\n<p>We render, and this is what we should get.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s602.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7333\" title=\"s602\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s602.jpg\" alt=\"\" width=\"600\" height=\"600\" \/><\/a><\/p>\n<p>Now we attach a slider to the <strong>Threshold<\/strong> that we use to grab the cracks with, to be able to control that a little better, like this. We set a tight remapper to avoid stupid results.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s603.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7332\" title=\"s603\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s603.jpg\" alt=\"\" width=\"837\" height=\"335\" \/><\/a><\/p>\n<p>We can now add another slider to the <strong>Blur<\/strong>\u00a0component that we use to round the bevels to make it smoother or harder. The Remapper max is set to about 3.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s603a.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7336\" title=\"s603a\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s603a.jpg\" alt=\"\" width=\"817\" height=\"207\" \/><\/a><\/p>\n<p>We can now set both Rough and Smooth a little and render again. (<em>Someone can probably come up with better names for those sliders<\/em>). As you can see, the result is different. That&#8217;s the reason you want controls, to be able to easy change the look without having to open the filter every time.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s605.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7330\" title=\"s605\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s605.jpg\" alt=\"\" width=\"600\" height=\"600\" \/><\/a><\/p>\n<p>Now what? To be honest, this filter really went astray and I can only show bits of what I did,and I will soon tell you why.<\/p>\n<p>Now we need a wooden frame around our stones, just as we said. I create a <strong>Profile Gradient<\/strong> (a very useful component) which I set to <em>Mirror<\/em>, and a <strong>Step<\/strong> which I set as the <em>Profile<\/em> of the <strong>Profile Gradient<\/strong>, and then a slider to control the <em>Threshold<\/em>, which I will rename to <em>Wood width<\/em>.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s606.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7329\" title=\"s606\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s606.jpg\" alt=\"\" width=\"976\" height=\"246\" \/><\/a><\/p>\n<p>Now we set the remapper of the slider like this, to only allow a wooden border.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s607.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7328\" title=\"s607\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s607.jpg\" alt=\"\" width=\"603\" height=\"327\" \/><\/a><\/p>\n<p>Now, we almost forgot the wood. We copy-paste the wood components from our wood filter 1 tutorial, then we change the <strong>Profile Gradient<\/strong> to the Wood is the <em>Color 1<\/em>, and <em>Color 2<\/em> is transparent. We then run it through a Rotate, setup like this, to give a 90% rotation.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s608.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7327\" title=\"s608\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s608.jpg\" alt=\"\" width=\"738\" height=\"225\" \/><\/a><\/p>\n<p>But wait, we just got a warning like this.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s609.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7326\" title=\"s609\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s609.jpg\" alt=\"\" width=\"546\" height=\"97\" \/><\/a><\/p>\n<p>This means that by using Rotate, seamless tiling will be off, but you can activate that but now you, not the program, has the responsibility for the seamless tiling.<\/p>\n<p>We go the the <strong>Filter Menu<\/strong> and to <strong>Overrides&#8230;<\/strong><\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s610.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7325\" title=\"s610\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s610.jpg\" alt=\"\" width=\"220\" height=\"147\" \/><\/a><\/p>\n<p>Here we can set it to enable seamless anyway. <em>Seamless Tiling Enabled<\/em>.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s611.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7324\" title=\"s611\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s611.jpg\" alt=\"\" width=\"420\" height=\"334\" \/><\/a><\/p>\n<p>Now we can continue. By playing with another set of Profile Gradients and getting the Alpha component from the Wood, we can Blend those like this.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s612.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7323\" title=\"s612\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s612.jpg\" alt=\"\" width=\"758\" height=\"335\" \/><\/a><\/p>\n<p>This is to be able to get the inner edge of the wood, which we want to lower in the height map and fill with mortar in the texture map. We use a <strong>ThresHold<\/strong> like this to get that line. This can be done in many different ways, depending on what you have at hand, I just did it this way as I wanted to show how useful <strong>Threshold<\/strong> is.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s613.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7322\" title=\"s613\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s613.jpg\" alt=\"\" width=\"616\" height=\"331\" \/><\/a><\/p>\n<p>Now we add another useful component, the Switch, because you might wanna have the tiles with or without wood. As we only will use two different Sources, we use a Checkbox as selector, then We attach the one with wooden border to Source 2. We do the same thing for the height map, and use the same checkbox as controller.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s614.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7321\" title=\"s614\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s614.jpg\" alt=\"\" width=\"845\" height=\"338\" \/><\/a><\/p>\n<p>How do this look when rendered with AO on?<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s615.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7320\" title=\"s615\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/s615.jpg\" alt=\"\" width=\"600\" height=\"600\" \/><\/a><\/p>\n<p>I think it looks great, but looks isn&#8217;t everything, which you see when you download and test this filter, as it is slow, dreadfully slow. I know why, because I use too many Blurs and do to much different things. I will do this faster and better in an upcoming episode, so stay tuned.<\/p>\n<p>And here is this filter.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2012\/03\/Stone-pave-tut-4.ffxml_.zip\">Stone pave tut 4.ffxml<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today we&#8217;re gonna mix the different things we&#8217;ve done, to make something real, a wood and stone flooring texture filter.<\/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-7318","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\/7318","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=7318"}],"version-history":[{"count":2,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/7318\/revisions"}],"predecessor-version":[{"id":7338,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/7318\/revisions\/7338"}],"wp:attachment":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7318"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}