This is one of the best tutorial videos I've seen. It balances getting to the point and being concretely useful with also explaining the reasoning behind everything. And the free example files to ensure I could follow along were very useful. Looking forward to seeing more of your stuff!
Finally, I found the necessary solution to the problem of how to make these edges for sprites that the editor of Unity warned me about. The biggest difficulty is that when you look for edges directly, it returns custom edges like a sprite color stroke, it's just terrible. Thanks for the video, you helped a lot.
Hey try using shape2d assets (for basic things not for advanced textures) in unity asset store then u can do ANYTHING. Its the most useful asset i found for ui, u can change the shape the radius of corners and many more, if u like it plz even make a tutorial on it there are certain things that i am not able to do with that asset and probably u could figure out how things work! Yeah but for more advanced texture ur way is AWESOME 👌
It does look great, you’re right. For basic rounded corners it might be a better solution but still, the one shown on the video allows you to slice not only rounded corners but also some more advanced textures as shown at the end of the video 👌
@@CocoCode yeah ofcourse the video was worth watching it as i didn't knew that kind of technique that u used in video ever exits so i learned some thing new 😊👌
@@CocoCode Is there any plan of you making video on it? I mean the asset is good for basic things and prototypes so it might be useful for many people who dont want unity's default ugly ui
Thank you dude. I was like searching bloody Google for png files, and they all fake pngs. I dont have photo shop, but this shows me the concept of it, so now its easy, you can just even make a circle sprite from the unity sprite package. SO thanks!
for those using illustrator: Create a new file - make sure your artboard measurements are set to pixels. Make the artboard 42/42 px. Instead of using a circle, use a square and set the corner roundness to the same value. This will produce the same result, You can follow the rest of the tutorial as is :)
If you're using a newer version of photoshop, you won't find the rounded rectangle tool. Use the normal rectangle tool instead and then adjust the corners in the properties.
Very well explained! I guess this can't really work if the message box image has diagonal border lines though? At some point it will always straighten the line if it's sliced
Very straightforward tutorial. Can I ask though, how would this be done when we have a large sprite sheet with all the UI assets inside? I can create slices inside that large image as you teach here, but how do I drag the image? In my case, the image has a lot of other buttons too.
i think... its better to just buy the procedural UI asset from the unity store... will save you tons of hassle.. if you really want to DYI... then writ the procedural script yourself...
In Unity you can do that as well, if you write a couple lines of code. But in this tutorial it actually shows how to do it with proper textured buttons, not just coloured boxes. And you can use something like css in Unity if you want, with the UI builder.
quick and good tutorial 😎
looks like somebody wants to get back into game dev👀
Whoa dude just came back to life 👁️👄👁️
i thought you were dead
damn dani here too!
Ayo dani😂😂
This is one of the best tutorial videos I've seen. It balances getting to the point and being concretely useful with also explaining the reasoning behind everything. And the free example files to ensure I could follow along were very useful. Looking forward to seeing more of your stuff!
sup Primer
Can't say I expected to see you here O_O
Damn i thought you would need a script to tell unity how to snip it but no this is so cool unity continues to amaze me
why was it so hard hard to find such a basic tutorial. thank you
ive actually searched for rounding in 3d but this video is a great tutorial
Finally, I found the necessary solution to the problem of how to make these edges for sprites that the editor of Unity warned me about. The biggest difficulty is that when you look for edges directly, it returns custom edges like a sprite color stroke, it's just terrible. Thanks for the video, you helped a lot.
How long have I been looking for this tutorial! Thank you very much, it helped a lot 👍
The thumbnail itself actually helped me with what problem I had! Video was great too! Top respect!
searched for "unity rounded ui"
thank you and have a good one
Bro, I like how simple your tutorials are. Thanks, bro that's time-saving.
this just saved me a butt load of time and effort, thanks.
Coco is such a rounded individual 😄
That resolves so many issues I had with unity I just hope that in the future when I need to remember how to do this I can find your video
Hey try using shape2d assets (for basic things not for advanced textures) in unity asset store then u can do ANYTHING. Its the most useful asset i found for ui, u can change the shape the radius of corners and many more, if u like it plz even make a tutorial on it there are certain things that i am not able to do with that asset and probably u could figure out how things work! Yeah but for more advanced texture ur way is AWESOME 👌
Thanks for sharing, the asset looks awesome!
@@CCV334 wlcm
It does look great, you’re right. For basic rounded corners it might be a better solution but still, the one shown on the video allows you to slice not only rounded corners but also some more advanced textures as shown at the end of the video 👌
@@CocoCode yeah ofcourse the video was worth watching it as i didn't knew that kind of technique that u used in video ever exits so i learned some thing new 😊👌
@@CocoCode Is there any plan of you making video on it? I mean the asset is good for basic things and prototypes so it might be useful for many people who dont want unity's default ugly ui
Thank you! All of your tutorials are SPOT on! You keep them entertaining with helpful graphics, you clearly explain things, and you keep it short!
Wow! Thanks so much because as a new unity person this comes in very helpful, nice job!
life saver for me!!! thank you so much!!!!, I used this info to image BG of UI text!
This was what I needed, thank you so much
Thank you, Maciej!
Thank you Alexander! I'm glad you found this tutorial helpful 💙
That was way easier than I expected. Great tutorial!
Thanks for the video! I learned a lot about spriting from this video!
oh god, this is the best tutorial that I've ever see, thanks for the video! is that will automatically change so it's responsive UI?
Mine GOD! This is awessome!
I was just designing rounded corners in unity when this video cane up
You made a PDF, I loved that
Thanks!
Really nice trick for unity! Thanks a lot!
Thank you dude. I was like searching bloody Google for png files, and they all fake pngs. I dont have photo shop, but this shows me the concept of it, so now its easy, you can just even make a circle sprite from the unity sprite package. SO thanks!
for those using illustrator:
Create a new file - make sure your artboard measurements are set to pixels.
Make the artboard 42/42 px.
Instead of using a circle, use a square and set the corner roundness to the same value.
This will produce the same result,
You can follow the rest of the tutorial as is :)
THANKS A LOT
Thank you for this awesome tutorial!
It was very helpful!
I'm guilty of using the first method 😅 Thanks for the video
Nice simple and efficient, thanks for tutorial
It's crazy that I uploaded a video demonstrating exactly this a year before this video was published... lol
You uploading makes e happy :)
Awesome job. If we download your images, which one should we import to use?
Thanks for the nice tutorial. One question: Why did we choose 42 x 42 pixel? Does this selection depend on our screen ratio?
many thanks!!!
Very helpful and cool video!
thanks so much for this! it helped a lot
Thank for your downloading matterials.
Your chanel is just too good. I love it
Another great tutorial
I knew that and great tutorial you are amazing
If you're using a newer version of photoshop, you won't find the rounded rectangle tool. Use the normal rectangle tool instead and then adjust the corners in the properties.
Thanks, amazing video!
You are a great man
omg!!! this is amazing!
Thank you so much!
Why this is not mentioned anywhere in my whole career lmao
very helpfiul ! thanks
Ladies and Gentlemen
New brackeys is here
Thanks a lot!
Very well explained! I guess this can't really work if the message box image has diagonal border lines though? At some point it will always straighten the line if it's sliced
Very straightforward tutorial. Can I ask though, how would this be done when we have a large sprite sheet with all the UI assets inside? I can create slices inside that large image as you teach here, but how do I drag the image? In my case, the image has a lot of other buttons too.
Thanks so much :)
i think you should make tutorials on how to make tutorials because wow
Thanks
Thank you very much Alexandru!
Thank you so very much. May the Lord bless you always!
nice tutorial
Awesome!!!
Love u
For me, the button is not round unless I set pixels per unit multiplier to 0.01 (lowest) on the image. Any idea why?
It works if I set pixels per unit to 1 in the sprite.
your image has too few pixels (or too many)
Y no more videos? 😭
i think... its better to just buy the procedural UI asset from the unity store...
will save you tons of hassle..
if you really want to DYI... then writ the procedural script yourself...
Black magic
So much effort just to make rounded corners in Unity... In CSS it's just one line: border-radius: 5px;
In Unity you can do that as well, if you write a couple lines of code.
But in this tutorial it actually shows how to do it with proper textured buttons, not just coloured boxes.
And you can use something like css in Unity if you want, with the UI builder.
@@walterh2113 have you any video link from that I could learn more about Unity Ui builder
FIRST
Second
Third
@@CocoCode Ok Third
69th
@@Qwetzxl nice