Results 1 to 10 of 42

Thread: [Award Winner] Tutorial on how to create seamless textures out of anything

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Administrator Redrobes's Avatar
    Join Date
    Dec 2007
    Location
    England
    Posts
    7,201
    Blog Entries
    8

    Post

    Stage 5. Cut out the middle 1024x1024 (or the original size of image). The easiest way to do this is to use the Image/Canvas Size and set it to 1024x1024 and ask it to center it with the two check boxes.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Pic_50.png 
Views:	250 
Size:	484.9 KB 
ID:	2127  

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

    Post

    Your done. There is an optional stage if you like...

    Stage 6. You may if you desire cut out the center circle of your original image and blend this over the final image. Dont touch the edges of course as they are now nicely tiled.

    Anyway, to see what this image looks like tiled. This is a 3x3 tile of the image.

    I have been using this technique for years and it always works. Some images don't like to be tiled and you have to munge them a bit but in general this is a fail safe way of taking texture sources and getting them seamless.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Pic_60.png 
Views:	308 
Size:	518.9 KB 
ID:	2128  

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

    Post

    Like I mentioned at the start you need to keep the overall tone uniform for it not to repeat. Using my internal program I can generate this image and tile it 3x3 like this which allows a better look. If you want me to run this for a texture you have then email me and ill do that for you, but if your careful then you wont need it.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Pic_70.png 
Views:	391 
Size:	496.0 KB 
ID:	2131   Click image for larger version. 

Name:	Pic_80.png 
Views:	403 
Size:	527.3 KB 
ID:	2132  

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

    Tutorial

    One final note. You can do this with 3D objects too. I originally developed this photo technique from adapting it from a 3D object tutorial on the web somewhere. You can create a pavement by creating paved tiles as 3D objects then taking the right hand side paving stones of a patch and placing them on the left and vice versa and then also for the top and bottom then slice the 3D object in a square cutting the edge paving slabs into halves and then your 3D bit of paving can be tiled.

    End of tutorial - any questions or comments ?

  5. #5

    Praise I'll give it a try!

    Good Tut, Redrobes - have some REP! I've got to give this technique a try.
    Gamer Printshop Publishing, Starfinder RPG modules and supplements, Map Products, Map Symbol Sets and Map Making Tutorial Guide
    DrivethruRPG store

    Artstation Gallery - Maps and 3D illustrations

  6. #6
    Administrator Facebook Connected Robbie's Avatar
    Join Date
    Mar 2006
    Location
    Dayton, OH
    Posts
    3,870
    Blog Entries
    6

    Post

    That tool you have...is that similar to high pass? I've used high pass on textures before to even the brightness, but it kills off the colors.
    All Hail FlappyMap! Long Live MapFeed!

    Robbie Powell - Site Admin

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

    Post

    The program I use is a spatial filter which does Fourier analysis. If either of those things mean much then ill talk about it and share filters as it can be indispensable but otherwise its a hard technique to use.

    I am using a high pass filter but I am keeping the average or DC component. The program allows you to set how much of the high pass to keep. I am only knocking out a little of the low pass - just enough to even out the brightness.

    In theory if you use a high pass and a very very large blur - enough to average the whole image to a single shade and then add the two together then it should produce the same effect. Generally tho, most paint packages clip the high pass or center it around the mid grey mark so that when you add them it would not look right.

Posting Permissions

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