Splitting images into tiles

dude_obj

Vault Senior Citizen
Moderator
This has been bugging me for a long time ... the fallout tiles are 80x36 images like this:

HOLC021.gif


How can I take a large image and slice it into tiles like that? They must have used some kind of tool to make the images like the enclave dock, which is like a large painting split into tiles. Any ideas on how this can be done?
 
I don't know... One time I was making tiles, I used the mono-coloured violet tile as the specimen (can't remember the number, though), had Photoshop 'select it', and then later moved the selection pattern over another piece of the image and copied-cut a new tile, then pasted it all to a new image and created an FRM.

There must be a simpler way, though ;)
 
Okay this is just a quick method but it works :)

I've got no photoshop skills but AFAIK photoshop got scripting suppor. I've tested it by doing all these steps myself but a script will make this easy.


1. Resize your image so that width and height are multiple 64. (If you want 64 x 64 tiles; I think they look best but that's your decision)

2. Use the slice function and make every slice 64 x 64. (or the tilesize you want)

3. Copy every tile to an own file for example tile1 - tile25.gif.

4. Open the tiles with batch function and do the following with all of them:
4.1 Rotate the image 30 degres against the clock
4.2 Resize the image to 80 x 36
4.3 Save the image

5. Now you got 25 correct tiles on your harddisk (they will be .gif). If you want to use them in fallout, set up a little batch file and download the gif2frm utility from teamx. Set up your batch file so that the tool converts all the files to .frm's

6. You're done and can use them in the mapper


Now you'll just need somebody who knows how to work with photoshop scripts :)

EDIT:
Just some nice screenie from my test:
test.gif

(Yeah the spaces are wanted to show that I haven't cheatet and really put the tiles together ;))
 
Hmm I don't think that will work though ... because I don't want the image tilted. It should remain as it is but be sliced into tiles. For example, someone painted this image:

encdock.jpg


Then that was sliced into tiles. But the tiles make up the same image ... it doesn't look different ... that's what I want to do. I don't think there can be any rotation. Try using the above image with your method, won't the whole thing look flattened?

EDIT: This is a tricky problem that I don't think photoshop can solve. Here's part of the same image with the tile overlayed:

tiles.jpg


What needs to happen is that the original image gets sliced into rectangles, but the outer part of the rectangle is made transparent. Then the rectangles must line up to re-create the original image. I think basically software needs to be written to do exactly that, to the match fallout tile sizes and angles.
 
Back
Top