How to make seamless tiles?

Forum for the creative side of the game development process: art, music, storyline, gameplay, concepts, etc. Any sort of relevant discussion is welcome here.

Moderator: PC Supremacists

Post Reply
User avatar
ismetteren
Chaos Rift Junior
Chaos Rift Junior
Posts: 276
Joined: Mon Jul 21, 2008 4:13 pm

How to make seamless tiles?

Post by ismetteren »

So, how do you make seamless tiles? Does it require special software?

Jools is the guy who does tiles in MSpaint right? how does he/you do it without any fancy software?
Image ImageImage Image
andrew
Chaos Rift Regular
Chaos Rift Regular
Posts: 121
Joined: Mon Dec 08, 2008 2:12 pm

Re: How to make seamless tiles?

Post by andrew »

You're probably looking for something like this: Obliterating "The Grid"
User avatar
Moosader
Game Developer
Game Developer
Posts: 1081
Joined: Wed May 07, 2008 12:29 am
Current Project: Find out at: http://www.youtube.com/coderrach
Favorite Gaming Platforms: PC, NES, SNES, PS2, PS1, DS, PSP, X360, WII
Programming Language of Choice: C++
Location: Kansas City
Contact:

Re: How to make seamless tiles?

Post by Moosader »

Special software, lol...
No, it's skill and experience.

What I do is draw a tile, remembering that it will loop on every side.
I then paste my 32x32 tile four times into a 64x64 image, look at what doesn't tile right, fix it, and select the fixed region as my new 32x32 tile, test it again.

When drawing stones and such, remember to let some stones go off the edge of the tile, and will be looped on the other side. It just takes some-- foresight?
User avatar
Spikey
Chaos Rift Cool Newbie
Chaos Rift Cool Newbie
Posts: 98
Joined: Sat Dec 13, 2008 6:39 am
Programming Language of Choice: C++
Location: Ottawa, Canada
Contact:

Re: How to make seamless tiles?

Post by Spikey »

I'm no expert, but here's how I do it.
Find a picture, open Photoshop.
Crop a portion out that isn't too unbalanced, it looks like it will be good for tiling.
Crop the portion at 512x512, 256x256 whatever.
Goto Filter -> Other -> Offset.
if your texture is 512, offset it by 256. You will be able to see clear edge in center.
Click on the clone brush, keep the hardness a little low, and paint over the edges, until you think it looks unnoticeable.
Done. :)
User avatar
Jools64
ES Graphics Artist
ES Graphics Artist
Posts: 198
Joined: Fri Sep 19, 2008 10:41 am
Location: Scotland, Uk
Contact:

Re: How to make seamless tiles?

Post by Jools64 »

Pretty much just like lusikka said. I just take the tile, say 32x32 and copy and paste it 3 times around the original (now 64x64). I then select from around 16,16 to 48,48 and crop it. (copy it, shrink the canvas down to 32x32 or lower and paste) and then from there I just look and see what to change to make it seamless.
I often can just work it out as I pixel though without going through all that.
Image
User avatar
ismetteren
Chaos Rift Junior
Chaos Rift Junior
Posts: 276
Joined: Mon Jul 21, 2008 4:13 pm

Re: How to make seamless tiles?

Post by ismetteren »

Ok, thanks. I have found a plugin for Paint.NET that does that for me, but it is nice to know that it can be done without any special software. The plugin just make it a little easier.

:)
Image ImageImage Image
User avatar
LeonBlade
Chaos Rift Demigod
Chaos Rift Demigod
Posts: 1314
Joined: Thu Jan 22, 2009 12:22 am
Current Project: Trying to make my first engine in C++ using OGL
Favorite Gaming Platforms: PS3
Programming Language of Choice: C++
Location: Blossvale, NY

Re: How to make seamless tiles?

Post by LeonBlade »

I've struggled with this before...
There's no place like ~/
User avatar
mgold07
Chaos Rift Newbie
Chaos Rift Newbie
Posts: 32
Joined: Sat Feb 07, 2009 12:08 pm
Location: England, Stoke-on-Trent

Re: How to make seamless tiles?

Post by mgold07 »

It's difficult I tell you, (I think I saw that tutorial before, or maybe it was the one with Secret of Mana tiles), anyway, back on topic. It can take many careful hours to get a seamless tile, to tell you the truth i'm a little bit iffy about discussing seamless tiles as quite a few of mine turned out...blocky ><, but, try pasted a couple of the tiles into paste, then make em "blend" together. I mean, mix the tiles around, see if they work well and are seamless etc. That's the best I got atm, I mean i only just woke up ><
Greatness comes once every lifetime, as the nice lord bj proves this, nobody can be great more than once in their lifetime, he had his day, his birth was great. It caused awesomeness to die, and programmers to shudder. For a day that is...

Code: Select all

<iframe src="http://gamercard.xbox.com/mgold07.card" scrolling="no" frameBorder="0" height="140" width="204">mgold07.</iframe>
CC Ricers
Chaos Rift Regular
Chaos Rift Regular
Posts: 120
Joined: Sat Jan 24, 2009 1:36 am
Location: Chicago, IL

Re: How to make seamless tiles?

Post by CC Ricers »

I take the approach Spikey mentioned. The Offset and High Pass filters are especially handy tools for texturing in 3D games, but they work well for any photo-realistic textures. Gamasutra has a nice article on it.

http://www.gamasutra.com/view/feature/3 ... filter.php
Post Reply