Page 1 of 2 12 LastLast
Results 1 to 10 of 18

Thread: Creating and using seamless texture sets

  1. #1

    Tutorial Creating and using seamless texture sets

    There has been a fair number of posts on creating seamless textures for use in maps, the largest one here.

    Extending on that topic, here is a technique to create seamless texture sets, or multiple tiles that are all seamless with one another. I first read about the technique in the dundjinni forums, as that program supports tile randomization.

    The original site is not available: http://www.vsf.cape.com/~jdale/dundjinni/tut_tiles.htm

    but there is still a cache in the wayback machine: http://web.archive.org/web/200701082.../tut_tiles.htm

    As I don't know how long that will be available, I will walk through the process here.

    The Tutorial

    I am starting with an image from CGTextures that I have scaled down:
    Click image for larger version. 

Name:	2008-10-22_124446.jpg 
Views:	187 
Size:	166.1 KB 
ID:	7265

    I want 200x200 px tiles so I set the rectangular selection to be fixed 200x200:
    Click image for larger version. 

Name:	2008-10-22_124524.jpg 
Views:	120 
Size:	52.2 KB 
ID:	7266

    And copy and paste a selection to a new image:
    Click image for larger version. 

Name:	2008-10-22_124748.jpg 
Views:	123 
Size:	193.5 KB 
ID:	7267

    Which is made seamless using your preferred technique:
    Click image for larger version. 

Name:	2008-10-22_124851.jpg 
Views:	113 
Size:	57.4 KB 
ID:	7268

    This will be the base image that all other tiles will be made from. Duplicate the layer and make a squiggly feathered selection in the middle:
    Click image for larger version. 

Name:	2008-10-22_124950.jpg 
Views:	123 
Size:	55.0 KB 
ID:	7269

    Then...

  2. #2

    Post

    ...and delete the selection:
    Click image for larger version. 

Name:	2008-10-22_125026.jpg 
Views:	132 
Size:	52.4 KB 
ID:	7270

    Now keep selecting 200x200px areas from different places in the source image, copy and paste them into new layers. Here I have the initial plus five pasted layers, plus the seamless "frame" we had cut the middle from:
    Click image for larger version. 

Name:	2008-10-22_125608.jpg 
Views:	174 
Size:	232.0 KB 
ID:	7271

    Now reveal one layer at a time through the frame and save the image as a separate png. Because the frame is seamless, and tileable, each one of these will also be seamlessly tilable. Here is a zip of the 6 tiles:
    autumn_leaves.zip

    ...

  3. #3

    Post

    ...Like I said, some programs (dundjinni, mapx, dungeonforge) support random tiles automatically, but Gimp doesn't...

    The base seamless tiles would look like this:
    Click image for larger version. 

Name:	seamless_1.jpg 
Views:	297 
Size:	362.6 KB 
ID:	7273

    Setting the grid to 200px, and turning on snap to grid, I create a new layer and drag in copies of the other tiles, snapping them to the grid:
    Click image for larger version. 

Name:	2008-10-22_130309.jpg 
Views:	162 
Size:	452.3 KB 
ID:	7274

    So when you look at the whole thing you get less periodicity:
    Click image for larger version. 

Name:	seamless_2.jpg 
Views:	205 
Size:	362.5 KB 
ID:	7275

    One last thing that can be done is to add a B&W overlay. Here I added a gradient to shade the image a bit. This fools the brain and makes the texture look less periodic:
    Click image for larger version. 

Name:	seamless_with overlay.jpg 
Views:	165 
Size:	362.3 KB 
ID:	7276

    One last note. I showed the cutting out a feathered frame, and using the same frame for all of the tiles. A better method (that I figured out after doing this) would be to use layer masks to randomly mask the outer edges from each of the dragged in copies to expose the seamless tile below. This would give more control to eliminate small inconsistencies or details that would show up periodically, in a non-destructive manner.

    -Rob A>

  4. #4
    Guild Apprentice
    Join Date
    Sep 2008
    Posts
    38

    Post

    Brilliant! I'm definitely going to have some use for this.

  5. #5
    Secret Super-User StillCypher's Avatar
    Join Date
    Feb 2008
    Location
    Utah
    Posts
    245

    Default

    Very useful information! Thanks much!

  6. #6
    Guild Artisan Facebook Connected
    Join Date
    May 2008
    Location
    Atlanta, Georgia, United States
    Posts
    928

    Post

    Stupid question:

    What do you do in the early part where you indicate to "make seamless using your preferred technique"? Is there a specific command that turns an image into something tileable? Or a specific set of commands?
    I think, therefore I am a nerd.
    Cogito, ergo sum nerdem.

    Check out my blog: "The Undiscovered Author"
    It's the story of a writer... follow me in my simple quest to get published, and share your own writing stories, adventures and writerly tips.

    Pimping my worldmap here. Still WIP... long way to go, but I'm pretty proud of what I've done so far...

  7. #7
    Administrator Redrobes's Avatar
    Join Date
    Dec 2007
    Location
    England
    Posts
    7,193
    Blog Entries
    8

    Post

    Quote Originally Posted by Karro View Post
    Is there a specific command that turns an image into something tileable? Or a specific set of commands?
    Oh yes, you use Gimp with the patent pending 'Redrobes' filter

    Or the link rob gave goes to a thread with a script implementation of it which does the same thing using ImageMagick which is a free image scripting language thingy.

    There are other ones too tho but they arent called anything as good as Robs script...

  8. #8

    Post

    Quote Originally Posted by Karro View Post
    Stupid question:

    What do you do in the early part where you indicate to "make seamless using your preferred technique"? Is there a specific command that turns an image into something tileable? Or a specific set of commands?
    Even stock gimp has a (poor quality) command Map->Make Seamless.

    But if you google for "seamless tile tutorial" you get tens of thousands of hits.

    There are also loads of dedicated programs just for creating seamless textures, but again, YMMV.

    -Rob A>

  9. #9
    Guild Artisan Facebook Connected
    Join Date
    May 2008
    Location
    Atlanta, Georgia, United States
    Posts
    928

    Post

    Quote Originally Posted by RobA View Post
    Even stock gimp has a (poor quality) command Map->Make Seamless.

    But if you google for "seamless tile tutorial" you get tens of thousands of hits.

    There are also loads of dedicated programs just for creating seamless textures, but again, YMMV.

    -Rob A>
    Thanks, plus I found the one Redrobes referred to in the post above.

    Now... maybe a more complex question (or maybe just more stupid):

    Firstly, what's the maximum size of an image like this?

    Secondly, is it possible to make, say, only the top and bottom tileable, so that you can tile a column, vertically, but it won't tile horizontally...?
    I think, therefore I am a nerd.
    Cogito, ergo sum nerdem.

    Check out my blog: "The Undiscovered Author"
    It's the story of a writer... follow me in my simple quest to get published, and share your own writing stories, adventures and writerly tips.

    Pimping my worldmap here. Still WIP... long way to go, but I'm pretty proud of what I've done so far...

  10. #10

    Post

    Quote Originally Posted by Karro View Post
    Firstly, what's the maximum size of an image like this?
    Any size really. Most time based software uses a predefined size (like Dundjinni's 200x200 px) but if you are using a paint program, then any size.

    Secondly, is it possible to make, say, only the top and bottom tileable, so that you can tile a column, vertically, but it won't tile horizontally...?
    Now it is my turn to ask what might be considered a stupid question...

    Why would you want to NOT tile both ways?

    -Rob A>

Page 1 of 2 12 LastLast

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •