Home » MODDING HQ 1.13 » v1.13 Modding, Customising, Editing » v1.13 Modding, Customising, Editing » Creating tiles quick and easy
Creating tiles quick and easy[message #301045] Mon, 05 March 2012 22:50 Go to next message

Registered:January 2009
In this thread, I'm going to show you guys, how you can create new tiles without using 3d modelling software. For now, I will stick to floor and wall tilesets. It's not the goal of this tutorial to create complex scenery items, as this should be done with proper 3d software.

Okay, so what software do we need? It's rather simple. We're going to use GIMP (the choice of a real man) and some plugin scripts, that's it Very Happy
So, if you don't have GIMP, you can get the latest version for free from http://www.gimp.org/
The scripts, which I mentioned earlier can be found here:
and here:

When you have opened gimp, you can check under edit -> preferences -> directory -> scripts
where you have to copy the previously mentioned script files.

In the preference menu, you can also set the standard grid. What we are going to need is a grid with 20x20 pixels. If you have done that, create a new image and select View -> show grid, which should put the correct grid over your empty image. If the grid is not 20x20, you have to set it manually under Image -> configure grid

Now you can start drawing floor tiles from a top down perspective, where one grid cell is going to be a single tile in game.
Here a little example of what I did:

In order to create a floor tile for JA2, you select a gridcell and copy it. With Ctrl+Shift+V, you can paste it into a new image. In this new image, you select Filter -> 2D Isometric-Fu -> 01 Isometric Floor. A window should pop up. Just hit OK and the tileset image should be converted correctly to a floor tile for JA2, which only needs to be pasted into a tileset sti file.

Creating a wall tile is a bit more work, but it's still quite easy. A wall tile is drawn the exact same way, except that you draw a 20x50 "floor" tile. When you're done with that, you select your wall tile, copy it and hit Ctrl+Shift+V again. This time you select the wall tile option from the 2d Isometric-Fu Filter. Now you have to select if the wall is left or right (You are probably going to need both, so I'm not going to explain which option leads to which wall alignment Wink). The result can not be used as a new wall right now, but we are not far away from that. What we have so far, is more a wall paper, so we are going to paste it onto an existing wall tile. So get a wall tile from one of the many tileset sti files and create a new gimp image with it. We have to cut away one pixel line either on the left or on the right side of our wall paper and paste in another pixel line moved a pixel up or down on the other side. You will see what I mean, when you have the two images in front of you. If you have done it correctly, you should be able to put our wallpaper onto the wall and it should fit perfectly.
Here an example of what I created in 5 minutes:

left: original wall
right: new wallpaper

And here the black floor tiles from my previous example:
Re: Creating tiles quick and easy[message #301053] Tue, 06 March 2012 00:23 Go to previous messageGo to next message

Registered:January 2003
Location: Australia :D
Nice Tutorial Smile

Very simple to follow, now to find similar plugins for Phootooshoop

Re: Creating tiles quick and easy[message #301117] Tue, 06 March 2012 12:06 Go to previous messageGo to next message

Registered:July 2006
Location: People riding polar bears...
Get this to the wiki, stat! Place needs some sustenance.

Re: Creating tiles quick and easy[message #301120] Tue, 06 March 2012 12:23 Go to previous messageGo to next message

Registered:October 2005
Location: Austria
Good work!

Re: Creating tiles quick and easy[message #301121] Tue, 06 March 2012 12:23 Go to previous messageGo to next message

Registered:June 2008
Location: Bremen, Germany

Though the boring part is probably to convert the pics to sti format.

Re: Creating tiles quick and easy[message #310010] Tue, 11 September 2012 20:45 Go to previous messageGo to next message

Registered:August 2012
Location: Rome, Italy
Just wow, this adds a whole new dimension to customizing the game, it's way faster than editing the tilesets manually, and the results are far better,
Will totally use this method to add textures to my sci-fi mod. A billion thanks for sharing. Smile
Re: Creating tiles quick and easy[message #313805] Thu, 03 January 2013 02:20 Go to previous messageGo to next message

Registered:January 2000
Location: Danubia
For Photoshop CS3


[Updated on: Thu, 03 January 2013 02:20] by Moderator

Re: Creating tiles quick and easy[message #313860] Fri, 04 January 2013 02:52 Go to previous message

Registered:October 2005
Location: Australia
Nice one, will have to give this a spin. Are roof tiles handled any differently? When working with Kazuya's system they seem to be out a few pixels, or some empty pixels seem visible when using Vanilla tiles next to them. So I don't know if this is a shortcoming on new tiles, or the old ones to start with.

Previous Topic: New Voicepack
Next Topic: Putting missing mercs back in 1.13?
Goto Forum:

Current Time: Thu Mar 23 22:06:59 EET 2017

Total time taken to generate the page: 0.01061 seconds