karatekid552
What happens if I push it?....
- 1,771
- Posts
- 12
- Years
- Do you really want to know? Really?
- Seen Jan 12, 2015
Making Tilesets from Tilemaps: The Super Easy Way
Tilesets for things like battle backgrounds and tiltlescreens can really be a pain in the butt. Most people tell you that you have to open up your map in Paint and delete all of the repeated tiles, then consolidate them. This takes forever, and really isn't necessary. In Sphere, there is a built in tileset maker, but even this isn't the best way to do it, as you still have to draw your tilemap from your tileset in NTME. I'm going to show you how to make your tileset from your tilemap and then never even have to touch a drawing tool in NTME. So, let's begin.
Things you will need:
-Sphere Game Maker
-NTME version 1.1 (it has to be 1.1, no questions)
-A tilemap (the original image you want to insert into your rom)
-GIMP/Photshop/Infranview (required for indexing)
Step 1- Get your Tilemap:
Draw your tilemap. For this tutorial I will be using my hastily made copyright screen from Pokémon Derpizard.
When you are comfortable with how it looks, save it as a .png. It won't matter if it is indexed.
Step 2- Preparing Your .RMP File
Now, there are three programs that came with Sphere. Open up Editor.exe.
Now that we have it open, let's import our tilemap (File->Import->Image to Map):
Click on "Image to Map" and select the tilemap you made earlier.
It will then ask where to save the output .rmp file. Place it in a good location. The next prompt asks for tile dimensions. This needs to be changed from 16x16 to 8x8.
Then click "yes" to removing duplicate tiles.
Then click "OK".
Step 3- Time to Make the Tileset:
Now we make our tileset. Open up the .rmp file just by dragging it into Sphere. We now have this:
On the right is our tileset. This is what we want to save. Next, click on the "Tileset" tab just above our image.
Now, let's look at that window to our right which displays our whole tileset, we need to adjust it so that the bottom row is as filled as it can be by changing the width of the window. To help you in this, right-click on the tileset and select view, from there, turn on the grid. This will make it really easy to see when the bottom row is filled.
Great, mine only required a slight adjustment, but yours may require a little bit more.
Now, drag that pink box and try to select the entire tileset, if your bottom row isn't completely full, it won't let you select everything:
Now, our tileset is displayed in the tileset tab of the first window. Right-click on it, and copy.
Paste what we copied in a good image editor like GIMP and index it to 16 colors. Then save it as a .png. Also, you can close Sphere. Don't save! (You may have made some accidental changes to the map. We don't want those.)
Congratulations! You just made a tileset without having to do much thinking!
Step 4- Make Your .RAW in NTME 1.1:
Now, we have our tileset and our tilemap. Let's open up NTME and make our .raw.
Open up your tileset like you normally would from the file menu.
Next, go to File->Open Tilemap->From Sphere RMP file.
Now open up the .rmp file we produced when we first opened the tilemap in Sphere.
As you can see, we didn't have to even touch the painting tools to draw our tile map. Now you can use the palette tab to set up your palette configuration as you like it, change the size of the map, and finally, export your .raw file.
I hope that this tutorial has helped everyone who hates making tilesets. When you memorize these steps, it will honestly take two minutes to get from finishing your map in Paint to being ready to adjust the palettes in NTME.
Tilesets for things like battle backgrounds and tiltlescreens can really be a pain in the butt. Most people tell you that you have to open up your map in Paint and delete all of the repeated tiles, then consolidate them. This takes forever, and really isn't necessary. In Sphere, there is a built in tileset maker, but even this isn't the best way to do it, as you still have to draw your tilemap from your tileset in NTME. I'm going to show you how to make your tileset from your tilemap and then never even have to touch a drawing tool in NTME. So, let's begin.
Things you will need:
-Sphere Game Maker
-NTME version 1.1 (it has to be 1.1, no questions)
-A tilemap (the original image you want to insert into your rom)
-GIMP/Photshop/Infranview (required for indexing)
Step 1- Get your Tilemap:
Draw your tilemap. For this tutorial I will be using my hastily made copyright screen from Pokémon Derpizard.
Spoiler:
![[PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way [PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way](https://i1322.photobucket.com/albums/u563/karatekid552/fee49d50b384d91d4a064b6b1379db31_zps4cebb460.jpg)
When you are comfortable with how it looks, save it as a .png. It won't matter if it is indexed.
Step 2- Preparing Your .RMP File
Now, there are three programs that came with Sphere. Open up Editor.exe.
Spoiler:
![[PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way [PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way](https://i1322.photobucket.com/albums/u563/karatekid552/501d464b001e119ca7f56e1ed9bbed65_zpsfa101ff7.jpg)
Spoiler:
![[PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way [PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way](https://i1322.photobucket.com/albums/u563/karatekid552/67df1eff0284d69ab0502c35236f4d74_zpsd2a98de7.jpg)
Now that we have it open, let's import our tilemap (File->Import->Image to Map):
Spoiler:
![[PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way [PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way](https://i1322.photobucket.com/albums/u563/karatekid552/12f7459abca3712f7a1a2bee2b0d3574_zps3848f5f8.jpg)
Click on "Image to Map" and select the tilemap you made earlier.
It will then ask where to save the output .rmp file. Place it in a good location. The next prompt asks for tile dimensions. This needs to be changed from 16x16 to 8x8.
Spoiler:
![[PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way [PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way](https://i1322.photobucket.com/albums/u563/karatekid552/3152ebc0814cb5cea440c520d459f398_zpsfb14dada.jpg)
Then click "yes" to removing duplicate tiles.
Then click "OK".
Step 3- Time to Make the Tileset:
Now we make our tileset. Open up the .rmp file just by dragging it into Sphere. We now have this:
Spoiler:
![[PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way [PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way](https://i1322.photobucket.com/albums/u563/karatekid552/f8bad6ed4847f9aba712ed72f339c5db_zps14b3dee0.jpg)
On the right is our tileset. This is what we want to save. Next, click on the "Tileset" tab just above our image.
Spoiler:
![[PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way [PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way](https://i1322.photobucket.com/albums/u563/karatekid552/f0b30f6e2930a8dc495e4947e4545d32_zps8b88fb37.jpg)
Now, let's look at that window to our right which displays our whole tileset, we need to adjust it so that the bottom row is as filled as it can be by changing the width of the window. To help you in this, right-click on the tileset and select view, from there, turn on the grid. This will make it really easy to see when the bottom row is filled.
Spoiler:
![[PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way [PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way](https://i1322.photobucket.com/albums/u563/karatekid552/831bf91f4c885fdb776bab15d8145600_zpse7333571.jpg)
Great, mine only required a slight adjustment, but yours may require a little bit more.
Now, drag that pink box and try to select the entire tileset, if your bottom row isn't completely full, it won't let you select everything:
Spoiler:
![[PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way [PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way](https://i1322.photobucket.com/albums/u563/karatekid552/6385dfb9a57ee08c3146490676954641_zps0891fde1.jpg)
Now, our tileset is displayed in the tileset tab of the first window. Right-click on it, and copy.
Spoiler:
![[PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way [PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way](https://i1322.photobucket.com/albums/u563/karatekid552/ad38499049fdc93e2fdca969048454c2_zps38e3afcb.jpg)
Paste what we copied in a good image editor like GIMP and index it to 16 colors. Then save it as a .png. Also, you can close Sphere. Don't save! (You may have made some accidental changes to the map. We don't want those.)
Congratulations! You just made a tileset without having to do much thinking!
Step 4- Make Your .RAW in NTME 1.1:
Now, we have our tileset and our tilemap. Let's open up NTME and make our .raw.
Open up your tileset like you normally would from the file menu.
Next, go to File->Open Tilemap->From Sphere RMP file.
Spoiler:
![[PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way [PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way](https://i1322.photobucket.com/albums/u563/karatekid552/af857dbf0c7276bbf33c1bfef5ecc2b2_zps96e34f2b.jpg)
Now open up the .rmp file we produced when we first opened the tilemap in Sphere.
Spoiler:
![[PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way [PokeCommunity.com] Making Tilesets from Tilemaps: The Super Easy Way](https://i1322.photobucket.com/albums/u563/karatekid552/243f28d690e7faf5025633b225a6941d_zps3f5ac863.jpg)
As you can see, we didn't have to even touch the painting tools to draw our tile map. Now you can use the palette tab to set up your palette configuration as you like it, change the size of the map, and finally, export your .raw file.
I hope that this tutorial has helped everyone who hates making tilesets. When you memorize these steps, it will honestly take two minutes to get from finishing your map in Paint to being ready to adjust the palettes in NTME.