Difference between revisions of "Create a seamless tileable texture"
TaaceLcdro (Talk | contribs) |
|||
(6 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | Gimp is the only tool you need. | + | Gimp is the only tool you need. |
+ | First, take an image of your material. For example, this is a scan of an ISOPLY sample. (1) | ||
− | + | == Let see how a texture is wrapped repeatly "as is". == | |
− | + | Tile this image 4 times with the Gimp filter "Map -> Small tiles" ("Carte -> Petit raccords" in french) (2) | |
− | + | {| style="border-style:solid; border-width:1px; border-color:black; background-color:#d5eaf8;" | |
+ | | [[Image:ISOPLY.JPG|300px]] || [[Image:ISOPLY-smalltiles.jpg|300px]] | ||
+ | |- | ||
+ | |(1)||(2) | ||
+ | |} | ||
We can see seams between each repetition. It's not so beautiful. | We can see seams between each repetition. It's not so beautiful. | ||
+ | |||
+ | |||
+ | == Blurring pictures == | ||
Thus, you would rather blur the image sides to make it tileable without seams. | Thus, you would rather blur the image sides to make it tileable without seams. | ||
− | Use the Gimp filter "Map -> Tiler" ("Carte -> Rendre raccordable" in french) | + | Use the Gimp filter "Map -> Tiler" ("Carte -> Rendre raccordable" in french) (3) |
− | + | And then tile it again to look if the result is good.(4) | |
− | + | {| style="border-style:solid; border-width:1px; border-color:black; background-color:#d5eaf8;" | |
+ | |[[Image:ISOPLY-tiler.jpg|300px]] || [[Image:ISOPLY-tiler-smalltiles.jpg|300px]] | ||
+ | |- | ||
+ | |(3)||(4) | ||
+ | |} | ||
As you can see, we don't see seams anymore. But there is still a dark piece which bump into our eyes. You should take care your image has not a too constrasted area to avoid this effect. | As you can see, we don't see seams anymore. But there is still a dark piece which bump into our eyes. You should take care your image has not a too constrasted area to avoid this effect. | ||
− | You could also use the [http://www.logarithmic.net/pfh/resynthesizer/more | + | == Resnthetiser plugin for gimp == |
− | + | ||
− | [[Image:ISOPLY-resynthesizer.jpg|300px]] [[Image:ISOPLY-resynthesizer-smalltiles.jpg|300px]] | + | You could also use the [http://www.logarithmic.net/pfh/resynthesizer/more resynthesiser plugin for Gimp] (5): |
+ | |||
+ | And then tile it again to look if the result is good.(6) | ||
+ | |||
+ | {| style="border-style:solid; border-width:1px; border-color:black; background-color:#d5eaf8;" | ||
+ | |[[Image:ISOPLY-resynthesizer.jpg|300px]] || [[Image:ISOPLY-resynthesizer-smalltiles.jpg|300px]] | ||
+ | |- | ||
+ | |(5)||(6) | ||
+ | |} | ||
It makes pretty good results as you can see but it's a quite slow software. | It makes pretty good results as you can see but it's a quite slow software. | ||
+ | |||
+ | == Links == | ||
+ | |||
+ | * [http://www.unbruco.it/offcircle/tuts/seam/seam.html Seamless texture with Gimp tutorial (ita)] |
Latest revision as of 17:54, 1 July 2009
Gimp is the only tool you need. First, take an image of your material. For example, this is a scan of an ISOPLY sample. (1)
Contents
Let see how a texture is wrapped repeatly "as is".
Tile this image 4 times with the Gimp filter "Map -> Small tiles" ("Carte -> Petit raccords" in french) (2)
(1) | (2) |
We can see seams between each repetition. It's not so beautiful.
Blurring pictures
Thus, you would rather blur the image sides to make it tileable without seams. Use the Gimp filter "Map -> Tiler" ("Carte -> Rendre raccordable" in french) (3)
And then tile it again to look if the result is good.(4)
(3) | (4) |
As you can see, we don't see seams anymore. But there is still a dark piece which bump into our eyes. You should take care your image has not a too constrasted area to avoid this effect.
Resnthetiser plugin for gimp
You could also use the resynthesiser plugin for Gimp (5):
And then tile it again to look if the result is good.(6)
(5) | (6) |
It makes pretty good results as you can see but it's a quite slow software.