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

    Tutorial

    Stage 1. Chop out the texture bit and try to ensure that the edges are roughly the same brightness.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Pic_10.png 
Views:	352 
Size:	506.6 KB 
ID:	2118  

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

    Tutorial

    Stage 2. Resample to a convenient size like 1024x1024. Then create a new image double size e.g. 2048x2048 and paste in the first into 4 quadrants of the second ensuring that its exactly in the corners and lined up.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Pic_20.png 
Views:	536 
Size:	306.9 KB 
ID:	2119  

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

    Post

    Stage 3. Keep the original cut one handy and get out the freehand selection tool or it might be called the lasso tool. In PSP you need to set the options of this to make the freehand selection feather something quite large like 80 or 100 or about 10 - 20% of the size of the image.

    Now cut a shape out of the first original cut image with this kind of pattern, copy that and paste it over the vertical joins of the quadrant image such that the top dumbell end is one quarter way down the vertical join so that the bottom of the dumbell is at the three quarter way down the vertical join. You may need more than one paste to cover the vertical seam.

    Like this :-
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	CutShape2.png 
Views:	329 
Size:	5.5 KB 
ID:	2123   Click image for larger version. 

Name:	Pic_30.png 
Views:	268 
Size:	409.4 KB 
ID:	2124  

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

    Post

    Stage 4. Repeat using a new selection in the horizontal direction to cover the horizontal seam.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	CutShape.png 
Views:	244 
Size:	5.2 KB 
ID:	2125   Click image for larger version. 

Name:	Pic_40.png 
Views:	404 
Size:	449.9 KB 
ID:	2126  

  5. #5
    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  

  6. #6
    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  

  7. #7
    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  

Posting Permissions

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