 Making a game with great content and gameplay is key when it comes to having a well-performing game, regardless of where you publish it, but making a game with terrible UI or looks in general can be a major sell-off for many players, especially me. Today, I'm going to show you one of the smallest mistakes that new Unity users have when it comes to making images and buttons look good. I am Zach and welcome to CryptoGround. I'm going to show you a little hack that will make your user interface more consistent when it comes to using similar icons and stuff like that and also being able to resize these into different positions without having a weird stretch effect that some games that I've seen have. So let's say you have a button that looks like this. So right now this is just an image or just a game object with an image component, but let's just say that we want to make this into a button. The problem is that if we stretch this, it kind of gives this weird warping effect, but we can also fix it by stretching like that. It looks just fine if we keep it at this ratio. However, let's just say you want square buttons, right? You don't want to make a whole new image. This doesn't look good. It doesn't really look good, but there's a solution to this. You see this image type in the image components on the right? Well, there's an option called sliced. Oh, it doesn't work. This image does not have a border. Well, let's solve this issue. So let's go to a project right here. Click on your image for this. Click on Sprite Editor. Alright, so we have the Sprite Editor window open right now. And you see these four green dots in each of the side? Well, that is actually a line that we can drag. So what we do here is that we can drag the corner of each of these and approximate them to where we can cut out that corner region right there, the rounded region right there. The area that we want to expand, okay? And we can do the same thing for the sides like this. So now it looks equal like that in a way. You can keep adjusting till however you like. And especially you want to be more exact. You can obviously see that this doesn't look very even, but you want to be more exact when it comes to pixel art. But for me, it doesn't really matter. And after you're done, hit apply. And after you close that window, everything should be applied. Now look what we have here. We have our perfectly well-looking image right here. And that's because we have the sliced option on and the image type. And if you see this, still make sure you select slice of simple. Now, the only issue with this is that you this does not work with filled images, right? So that's kind of a problem. So for in this case, if you're using a progress bar, you're going to have to recreate a brand new image for that. I really wish they can do sliced and filled, but unfortunately they don't support that. Anyways, back to sliced. What we can do here is adjust this pixels per unit multiplier. Now we can make this sharper by increasing the number. Or we can make it more round by decreasing the multiplier. This is your point one. Looks like this. Obviously it looks very blurry. It doesn't look as good. But you can see how once you want to get smaller, it kind of turns up into a ball. It's because when we go back to our, let's go back to our Sprite editor here. That's this right here. It's condensed. It's condensing into a small region where all four of these corners meet up and it looks like a ball. Now if you expand them like this, like in the middle like that, you'll see that it looks kind of more like a rectangle, I guess. Now let's make this as small as possible. You can see it kind of looks more like a cell, I guess, or a pill. However, I don't really need that. And I normally just, I just leave out the curves like that. So now this pixels per unit multiplier completely depends on the resolution of the original image and really just your personal preference. So like a higher multiplier might be better for panels, but I also do like more curvy like that. I think that looks really good. But for buttons, however, let's copy and paste this and change the colors so you know that we have a button here. I may say like something like this might look fine, but I might want more curve to visually know that this is a clickable button. And again, you can adjust the however, however you want and completely depends on how your image looks. And you can also do this with completely square images too. I actually do that with these right here. And I want to show you an example. Alright, so you see this dashboard button. I'm using a pixels per unit multiplier of 25. That's because this is a massive image, right? It's a big button. It used to look like this, something like that. But now it's a really small image. If we keep increasing this multiplier, it looks something like this. It'll look kind of funny. Let's make that 50. So it doesn't look too bad, but it looks thinner. I kind of want that roundness and the thickness of the outline that I have. See, that doesn't look very well. If we make this 10, it looks too round. And you could see the issue when we bring it closer. It looks like a ball. And if we make it five, same thing. If we make it one, it's too small. You won't see an effect. However, if you make it 10, you know, you can see it 20. 20 looks pretty decent. However, I think that's just still too round for my design. I just make mine 25. But again, that completely is based on your image. Anyways, I hope you learned something new today. And if you did, make sure you smash that like button, comment your questions, suggestions, all that good stuff below, and subscribe to my channel if you're new. Turn on those notifications for future live streams and videos. Anyways, thank you guys for watching, and I'll see you guys in a future video. Peace.