{"id":7174,"date":"2012-03-03T11:53:16","date_gmt":"2012-03-03T09:53:16","guid":{"rendered":"http:\/\/4eyes.code66.se\/?p=7174"},"modified":"2012-03-05T10:40:28","modified_gmt":"2012-03-05T08:40:28","slug":"making-an-interesting-filterforge-filter-episode-one","status":"publish","type":"post","link":"http:\/\/4eyes.code66.se\/?p=7174","title":{"rendered":"Making an interesting FilterForge Filter – Episode one"},"content":{"rendered":"

Hello,<\/p>\n

I’ve promised several times that I would make a new FilterForge<\/a> tutorial, last time was to the Bald Wizards Club, and here we are. This is the first step.<\/p>\n

<\/p>\n

So, first we start our FilterForge. I will be using version 2.0 as 3.0 have some weird crashes in the filter editor still which will just make me angry if I crash when I’m making the filter. What I’ve set out to do is a floor texture filter with stone slabs and wood frames around. As this is a filter made from several different pieces, we make one at a time, and I start with some wood.<\/p>\n

We click Edit filter and crate a new, this is what you will see.<\/p>\n

\"\"<\/a><\/p>\n

Click for larger.<\/em><\/p>\n

We now create a 3-Color Gradient<\/strong>, and set it up like this with a repeat around 10, might change that and the Transition<\/em> to Noise.<\/p>\n

\"\"<\/a><\/p>\n

Now we add three color controls, ole for each of the colors to get some good wood colors.<\/p>\n

\"\"<\/a><\/p>\n

We then create a Perlin Noise<\/strong> that we set up this way, just to see that it looks the way we want it.<\/p>\n

\"\"<\/a><\/p>\n

Then its time to add some control over the noise. We create one slider that we call Grain<\/em>, and connect it to the Roughness of the Perlin Noise<\/strong>. We check the Use Remapping checkbox, which will show a little number box on the connecting line.<\/p>\n

Tip:
\n<\/strong>When\u00a0setting up remapping limits, set the slider Value to minimum, then change the minimum value in the remapping edit until you see what you say is the lowest effect you want. Then set the Value to max, and lower the maximum setting in the remapper until you hit the max point. This will save you a lot of fiddling and trying to figure you why the filter makes such bad textures when you use randomizer for example.<\/em><\/p>\n

\"\"<\/a><\/p>\n

After we added Grain, and a another slider for Contrast using the same technique, we’re ready to continue. We now add an Elevation Gradient<\/strong>.<\/p>\n

\"\"<\/a><\/p>\n

We connect out Perlin Noise<\/strong> to the Elevation input and the 3-Color Gradient<\/strong> to the Gradient Input, and look, we got something looking like wood.<\/p>\n

\"\"<\/a><\/p>\n

Click for larger.<\/em><\/p>\n

Now we could say done, but this would be a rather flat and dull looking wood. If we look at the Result component, we could attach the output the the Source and be done, but I have a better idea.<\/p>\n

\"\"<\/a><\/p>\n

We change the Result component to Surface. Now we can add a height map to it.<\/p>\n

\"\"<\/a><\/p>\n

We start with making some scratches for the height map. We add a Blocks<\/strong> component and set it up like this.<\/p>\n

\"\"<\/a><\/p>\n

No we add a Wave<\/strong> component and set it up like this.<\/p>\n

\"\"<\/a><\/p>\n

And now, some magic, we connect the wave to the Profile of the blocks. We now add a Noise Distortion<\/strong>, set up like this.\"\"<\/a><\/p>\n

 <\/p>\n

We then feed it from the\u00a0Blocks<\/strong>.<\/p>\n

 <\/p>\n

\"\"<\/a><\/div>\n

What next? We add a Round<\/strong> component and connect a slider to Granularity. We do the slider setting so we got something in both ends, trimming the range. Then we connect one of our first components the Perlin Noise to this one.<\/p>\n

\"\"<\/a><\/p>\n

We add a Desaturate<\/strong> after the Round<\/strong>, just in case we decide to feed the Granularity with something else that is not grey scale.<\/p>\n

\"\"<\/a><\/p>\n

We now add a slight Blur<\/strong> to this, hooking it up to the Desaturated Round output.<\/p>\n

\"\"<\/a><\/p>\n

We now add a Threshold<\/strong> component, and add a slider to the High Value, setting the range between light and dark grey. We feed the output from the Noise Distortion as Source, and the Blur to the Low input.<\/p>\n

 <\/p>\n

\"\"<\/a><\/p>\n

W now connect this to the Height map of the Result<\/strong> component , and the wood we made before to the Surface Color. We call the filter Wood Tutorial and save it.<\/p>\n

So, what does the result look like? These are nor set in tiling mode.<\/p>\n

Here is the diffuse map (what the wood would have looked like without a height map added.<\/p>\n

\"\"<\/a><\/p>\n

And here is the generated bump map.<\/p>\n

\"\"<\/a><\/p>\n

And here is a texture with height added in the rendering process.<\/p>\n

\"\"<\/a><\/p>\n

And here is the zipped filter for you to dissect.<\/p>\n

Wood-Tutorial.ffxml<\/a><\/p>\n

I hope you like this tutorial. Soon we will do part two, a stone \u00a0floor texture filter, the first of two.<\/p>\n

Next episode<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Hello, I’ve promised several times that I would make a new FilterForge tutorial, last time was to the Bald Wizards Club, and here we are. This is the first step.<\/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-7174","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\/7174","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=7174"}],"version-history":[{"count":10,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/7174\/revisions"}],"predecessor-version":[{"id":7207,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/7174\/revisions\/7207"}],"wp:attachment":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7174"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}