How to Make Perfectly Scaling UI [Unity Tutorial]

Ever had your UI bend, stretch and distort? Not anymore!! In this video I'm going to show you how to create and set up your UI elements to scale perfectly everytime!

Join me and learn your way through the Unity Game Engine, the C# language and the Visual Studio editor. Remember, if this video was useful then DROP A LIKE! 👍

💬 Join the Discord community here:

📱 Find us on social media for more Tips and Tricks:

📱 Play our games for FREE here on Google Play:


--- CREDITS ---
Intro music courtesy of AudioKorruptBeats, find him here:

[chris]

So ive been googling and googling this issue for soooo long! and you are the first and only person i see covering this!! thank you very much!!

[MangaPianet]

u deserves your own weight in gold for this, this is the stuff we need!

[nikolasdemetriou]

My friend, you just earned a long-life subscriber. This is THE tutorial my guy

[MerrowGula]

After looking for hours this was the most helpfull vid. Description well deserved.

[Pdrfsa]

Dude. WTF. I'm mind blown right now haha. Such a great video. It works so goddamn well.

[primoridalspatula]

Insanely helpful and neat. Thank you SO MUCH!

[LupoNoBrain]

straight to the point, awesome, thanks.

[_iha]

Thank you, this is exactly what i need. It solves my whole ui problem.

[blgamedev]

Great tutorial! Thank you so much for your time!

[tori]

Thank you so much! This was exactly what I needed.

[dominik]

Amazing! Used this for a Sprite in my 2D Game <3

[HipToBeeSquare]

Really awesome video! Had no idea that's what made 'tiled' work so nicely lol

[tashaufananno]

Thanks for the video. That was what I actually looking for. Cheers!

[cyclingcolumbus]

Very simple and clearly explained! Thanks 😎

[michaelantonelli]

this was extremely useful, much less work than the idea i was having
Now I've just got to figure out how to make this work for irregular shapes...

[PhazonBlaxor]

I'm just getting the edges to show up by doing it like this. I have a box with rounded edges, when I do this I just get a sphere (which also stretches when I change the shape). What's going on?

Edit: Never mind, I just had to set pixels per unit equal to the image size. Thanks for the tutorial! :)

[nocultist]

The real problem is ui's position on screen.

[inauinalu]

can you do this with a regular object?

[ultimatesin]

What if you need the sides to remain a constant height (i.e. say you have a Snake circling up the sides that can't be stretched).. if you already know the Unity panel height, is there any way to determine the correct canvas size to be used when creating the original image if pixel density remains at 1 (for stretchable width) or am i SOL? I tried creating as 1:1 but it made the pixels look really tiny.. I figure the canvas has gotta be made in some proportion of the panel dimensions so it scales up adequately without losing the sides, but also needs to reflect the 1 pixel density..