Tilesetter Tutorial - Getting Started

good morning afternoon or evening wherever and whenever you are my name is Benjamin and welcome to a tile setter tutorial this is going to be a tutorial about how to use this new software that just I think it was just released today called tile setter I discovered this software awhile back when it was in beta and I contacted the developer because I was very interested in it and they sent me a free version of the program so full disclosure I did receive this product for free there's a there will be a steam page and a niche Taleo page in the description for the software it it has a kind of a free version to it and then also a paid version I don't know the differences between them very well you can go check out the pages to see those differences for yourself but I'm gonna do a quick basic tutorial on how to use it and then how to get that tile set set up in side of Godot I don't know exactly how to get it set up inside of game maker but I assume it's quite easy as well because it's very easy to get it set up in Godot so let's start I'm going to I'm gonna open up the program here and then I'm going to open up a sprite I'm gonna create a new file and I'm gonna do a width of 32 and a height of 16 we're gonna do 16 by 16 tiles just to keep things simple I'm going to choose a new palette over here let's do we'll do this one right here load okay and then once we've chosen our new palette we can start using it and we'll just get a dark brown like this and fill in this here like this okay and then over here we will kind of get that same color and make a little bit of a top - this may be coming this far make some lighter rocks this doesn't feel like the same tile set that I wanted to use but that's okay I guess something like this and then like this okay and let's see I actually don't like this palette I'm gonna change what would be when I could use I had I thought it was this one that I was using last time but I don't know oh maybe it was this one I think it was this one no it was at age 16 that was a edge 16 that's gonna be the palette I'm going to use actually and we'll start with this dark brown here which is kind of a purple than this brown here well actually we'll do this lighter color up here and this lighter brown up here like this yeah these I like these colors more and then we'll have probably some shapes down here as well kind of like this not as big something like this really simple right nothing too complicated anybody could do this right anybody could make this really quickly you could add a little bit of highlights to these maybe if you wanted make it feel like they have an edge to them but none of that's even really necessary could add a little bit more shadow on that to make it feel like it pokes out more but yeah really really quick right I made this up really quick but this isn't a tile set yeah this is just two images so I'm gonna press select here and select this right here and do control C and come back to tile setter here and just do control V and paste that there and then I'm also going to come back here and grab this one control C come back over here and just paste this control V now we don't need this one right now so we're gonna delete it and you might be wondering why why on earth would copy it over and then delete it well once you've pasted it into here it actually saves it and you'll see where we can use that but now that we've got this base set in here we can right click on this and we're going to do build borders parentheses blob so this is a this is the basic function or whatever for setting up a platformer game a platformer tile set and we do that it creates this and you can see we've got these weird white borders around it because this is our tile set so we're going to want to fill in those borders and we can do that by clicking on this image here coming over to source and selecting the image that we copied in you can see that it's saved here even though we delete it over here it's still saved right here so I'm gonna paste that there you can see and it fills it across the top and it also cuts it at these corners automatically for us and you can get obviously what we can do here now is select this choose the same image select here choose the same image select here and choose the same image however if you wanted to get real fancy you could create different edges for the different sides and it wouldn't be very hard but you could for example it's really common with tile sets like this to have two light sources one from above and one from below that's a different color so you could do that and make sure that your lighting was consistent but let's just see you know if this is going to work for us so we've got this all set up the basics here and once we've got this set up you can see if we select here in the center and then click on this it will give us our our tile set kind of split apart the blob set and we can actually then draw down here and that must not be the right one maybe it's this brush here yeah we can actually see our tile set working in action down here and look how easy that was this is actually a pretty good-looking tile set right and it was literally this two images like this this is all I had to make nothing fancy anybody can do this and you know I just used a built-in palette and a sprite and then made this and this is I think a quite good-looking tile set that was auto-generated from this program and so because of this I recommend this program it's pretty it's pretty simple in the features that it has there are more and more features that are planned and there are also features that I don't even know about yet because I have only figured out how to do the very basics of it but this alone makes it worth it for me being able to do something this quickly so now let's um open it up in Godot and I'll show you how you could set it up in Godot so first let's export will select this whoops my mouse is kind of being weird on me so we'll select this right click and I'm just going to do export image you can export directly to Unity game maker co2 and Godot I haven't messed around with those yet so you might want to play with those but I'm just going to do it directly to an image I've got a tile set tile set our example project we'll call this dirt type dirt Auto tile we'll save it and we can just minimize this come back into here find our dirt our tile setter example project that I've already made in Godot there's nothing in this except for a world scene right here it's just a basic node so basically nothing inside of this project yet so we'll add a new node tile map node we will add what we'll want to set our cell size to 16 and 16 and everything else should be good I think down here so then we'll create a new tile set new tile set click on that that will bring up this menu we'll press this little plus button to add a new image and you can see we've got our tile set down here so we'll want to do new Auto tile right here and we'll check the snap make sure that snap is on when you click on the the tile set down here we can select it this way and that will give us options over here we're going to change our snap options to 16 by 16 it'll only give you these once you've already selected it but once we've done that we can zoom in with this and select them again you can see it's all fuzzy so we're actually we need to re-import this so click on it import preset 2d pixel re-import there we go now we're not fuzzy anymore and all we need to do for the Auto tile is set up the bit mask you'll want to set up collisions and stuff if you're going to have it a player interact with it but for the bit mask you're just gonna draw wherever it's dark except that this is the wrong sizing here so we're gonna need to come here subtile size 16 by 16 over here in the selected tile and then change your Auto bit mask mode to 3 by 3 minimal and then you just want to draw wherever it's dark like this and basically where you're drawing is where the tile should connect to each other you can see this tile right here you would want it to connect on these edges right here and but for this example we can just pretty much draw wherever it's dark like this oops and this will create a little bit of a pattern that you'll be able to see here we go it's really quite quick to do this oops got those corners we don't want them my mouse is oh no oh no it's dying on me not in the middle of my video that would be terrible okay I can barely manage this because of my my mouse okay but you can see we just drew everywhere it was dark and then we can just do ctrl s to save if we come back to our room click on our scene tile map you can actually choose the icon for it so if we click on our tile set again and then we click on in here we can choose our icon we'll just choose this one right here come back over here and I've got this 4 icon and the same exact auto tile that we had over there working inside of Godot already and that's how quick it is it's really fast really powerful and I'm really happy with it I'm really happy with the software and I can't wait to see what new features get added to it so hopefully you guys enjoyed this video let me know if you did and if you found it useful give it a like and a thumbs up and I will talk to you all later

Channel: HeartBeast

Views: 60,451

Keywords: pixelart, pixel-art, lets pixel, pixel art, Pixelart, tiles, autotile, autotiling, autotilegen, tilesetter, tilesetter tutorial, beginner, game dev, game dev tools

Id: SI3mZ3ynrTw

Length: 12min 44sec (764 seconds)

Published: Fri Aug 30 2019