| Downloaded from www.biorust.com on Tue Feb 07, 2012 11:01:55 |
![]() | |
| The Pattern Maker Tutorial Author - Elentor (mailto:fpires.arts@gmail.com) |
The Pattern Maker plug-in that comes with version 7.0 and
greater of Photoshop is arguably one of the most powerful tools ever to aid 2D Artists. It is so absurdly easy to use, and produces such great results, that it
has quickly become very popular amongst texture developers. Let's see why.
Notice: This tutorial is advanced in nature and
expects that you already know the basics of Photoshop. Also, since it's focused on texture-making, I will be using another
piece of software, called Rhinoceros, to show the
textures on a 3D plane. It's obviously not needed for the tutorial, but since this is texture-biased, I
think you can achieve the true objective of this tutorial with a 3D program of your
choice, such as 3D Studio Max,
Maya,
or Cinema 4D.
|
Step 1 - Getting Started...
|
|
Step 2 - Selecting The Ideal Area
|
|
Step 3 - Pattern Maker Options
|
![]() |
Step 4: Looking good? Well, not really... To see why, lets resize the picture and add it into our 3D program to get a better view. |
|
|
![]() |
Step 6: Now, that is what I would call a nice sample of a magnificent grass texture and... oh, wait, what's this? Ah-ha! This is the problem. See these black, darkened shapes and forms? This, my friend, in terms of game industry, is a big NO-NO! Imagine seeing these artefacts repeated dozens of times while looking at the grass. If seeing them repeated 4 times is already bad enough, imagine seeing them spread infinitely across textured hillsides - Now that's GOTTA be disturbing! |
![]() |
Step 7: I have selected "artefacts" in the image to show objects that can ruin the end result. The upper area is full of these darker areas, and there is a weed in the circle that can completely destroy all chances of getting good patterns. The lower area also expresses a different contrast than the upper area, which can mess things up further. There are two options open to us - We can just select a smaller area, or clean the image up using the Clone Stamp tool. This will only take a few moments, after which you should run the pattern maker again. The corrected texture should come out looking a little like this: |
|
|
![]() |
Step 8: Nearly there! There are still some small patterns on the grass, but by now they are so small that you will be able to clean them up with strategic use of the clone stamp in the final texture. NB. If you are developing for a gaming engine, you should really copy the texture and re-run it in the pattern maker with a potency of 2, and an overall size of 256px*256px. |
|
|
|
What can we do? Well, look at the left side. Tons of smaller rocks add an overall diversity
to their area, and make this region ideal for our purposes. The only problem
lies with big rocks and the darker shadows. They can generate annoying patterns. Again, the Clone Stamp is our salvation. Obliterate those bigger rocks and shadows
and you should end with a result like this: |
![]() |
Step 11: Use a resolution of 256px*256px, a smoothness of 1 and an SD of 5. Click repeatedly on the Generate button until you find a result that looks ideal. If necessary, you can always clean up the resulting texture with the clone stamp tool. |
|
Step 12 - Surveying Our Land
|
![]() |
Step 13: By now the tutorial is reaching it's end.
You should already have a good idea how the Pattern Maker works by creating
two new high-quality textures. But, since we've started making a road, let's finish
it in great style. |
![]() |
Step 14: Lower the brush size and set the Opacity to 30-40%. You should now attempt to smooth the transition between the two textures, giving us a final result like the image on the left. |
![]() |
Step 15: Now here comes the tricky part: How can you know the upper/lower borders will merge properly? You can, of course use brute-force, changing the images slightly every time before testing in your 3D Editor - but that's a very tedious solution to the issue. Instead, behold the miracle of Filters > Other > Offset! Just in case you've never heard of this filter before, it allows you to offset an image on the X & Y axes. It's a very important filter, and makes our life much easier. As a limitation, though, it can only be used on one layer per time, meaning that you'll have to run it on both layers independently making sure the settings are identical. With this in mind, run the filter with a Horizontal value of 0, and a Vertical value of 150. Make sure you have "Wrap Around" selected, and click OK. Do this for both layers. |
|
Epilogue: This process is used in many professional areas, and is a very valuable technique. The results are top-end and, if I used a bigger resolution for the grass, I'm very sure it would end
up better than the grass textures I've seen in some TOP MMORPGs recently (not
mentioning any names, of course ;). |