You have no idea how long I looked for a video like this. I was having so much difficulty manipulating a PNG someone sent me that already had bones. Every other video showed the individual sprite method and not the whole sprite sheet method, which explains why none of those tutorials worked. Thank you AGAIN for going so in depth! The best video out there on this subject.
You have no idea how grateful I’m am for this video… a few years ago I followed your other channel because of wow…. Little did I know our paths would cross again when I took this new hobby 😅 Great job!!
6:02 Good advice... I was struggling with this for awhile Thank you for separating the sprites and putting them together Everyone else had a "pre-formed body" already. I wasn't aware you can do it separately like this
Commenting the same as others who found this resource - this is the best tutorial on png sprite importing, skinning, rigging and animation. I've completed most of the Unity Learn tutorials and this is far better. This should be referenced in the Unity forums (if it's not already). Thanks for an excellent resource!
i just wanna to tell you that you're now my best friend, and you have no choice about it. i watch this video a lot, everytime i'm using unity, you're with me because your explanation makes everything so clear. thank you so much! :)
hey you've a good talent there to explain complicated stuff. I'm learning how to make videogames and your video helped me a lot so thank you and I hope you have a nice day
thank you very much for this as i am in a game design course and need to hand in an assignment in 7 1/2 hrs couldn't of done it without you cheers bro you came in clutch
Thanks bro for the video I'm struggling to do rigging PNG sprite from 3 days and now after watching the video I have successfully rigged my character. U got a subscriber. 😇🙏🏻
Unity support for Aseprite .ase .aseprite files has recently landed, would be very interesting to have an updated video teaching how to bone rig those too!
cheers, thanks for the png heavy tutorial :) i spent about a day trying to set up a png sprite sheet. its set to multiple, i sliced them up and by what i understand now i made the entire skeleton only for the hip xD. you are very correct in pointing out that there isnt much on the web for png, plus this is very well explained and easy to understand :)
I've been trying to figure out something for a while, now- if you're using the Unity 2D animator and rigger, how do you add in an eye-blink? Or maybe a mouth movement? I know you can use sprites, but I've found no way to add sprites into the bone system itself.
Awesome video! I have a question about flipping from let to right. Say I want the character to have a "paper" feel, so when changing direction, the character physically turns to the camera on their way to changing direction (like a rotating a playing card in real life), is there a way to program that in or would that need a separate animation? This wouldn't have any effect on movement, one a direction is pressed it moves, just a visual effect
Thank you for this tutorial!!! after quite the emotional rollercoaster of debugging I was finally able to make it work. Bless you! EDIT: tried to follow along - my PNG appeared to load correctly and I’ve applied the bones, but when I pivot any of the bones, the image doesn’t move but the bones do. I can’t get my image to move at all. Edit2: I think my issues had something to do with my PNG layers not being completely clean from photoshop. It’s working now!!!
@@96Tornadoboy are you perchance also using photoshop elements? Once I made sure none of my layers were overlapping (using the transform layer tool to ensure the box didn’t clip any of my other pieces on the same canvas), I was able to get my sprite into Unity, add bones, and successfully use the auto-geometry tool to bring it all together. Before, when my layers were overlapping due to errant pixels, using the auto-geometry tool just turned all of my image the same color and only the bones moved. Now, everything is weighted properly based on the locations of the bones.
If there's anyone like me out there and the bone movement at @10:49 isn't deforming your underlying sprite, de-select (double-click in the transparent area), re-select the image(double-click) and re-run "Generate for selected". Your image should turn into a rainbow, with colors matching local bones.
thank you so much i've followed all the steps and it really helped me. the only issue i faced is in the polygon collider that's generating according to the old sprite positions so it doesn't match my assembled character. i really need help on this one.
Hello! Thank you very much for your fantastic tutorials. I have followed a video, but at the end my character didn't move around (I watched the character movement video), however the animation worked perfectly, i.e. it just stands still, but when I press right arrow key it activates the running animation. Do you have any ideas how it might have happened? Thank you for any answers.
It's really helpful. thanks a lot. However, I am facing a problem: when I drag my component into the main body it does not come on the body it disappears into the main body would you please let me know how can I solve this problem.
This video was awesome up until the point you flipped the whole character horizontally. If you've layered your character's sprites or your character is holding a weapon, it'll suddenly be in the wrong hand. What's the alternative?
just one thing, if smthg happened and the player was for example facing the left at the beginning, that would be a problem for your value " facingRight ". Otherwise, it will be so rare and nearly impossible, but it's just for clarifications purposes and to make you think in a developer way so you never miss any logic.
I think you are confusing yourself because of how I named the fields. 🙂 The issue you refer to won't happen in this example. If your character was somehow facing left instead at the beginning of the game, it would still work in the exact same way in the codes logic. Yes, the naming of the fields would be switched around, but it has absolutely no effect on the game, or on our perceived logic when looking at the code. The way I set this up, is specifically to not miss any logic. 😉
@@Dani_Krossing but when it's gonna facing left the 'facingright' would still be true coze it's by default at the beginning of the game, then with the if statement if(mvmnt
Hi! Very nice video:D I have a problem when trying to change the sprite of the player we already made. I imported a psb-file, but when I try to change the sprite, they are seperated into the different parts of the body. Do you have any suggestions on how to fix this? :)
hmm my entire character just turned red when i did the auto weight thing and the bones arent attached to the character. like the skeleton bone moves without the texture weird
I have a problem. My character has a sword in his hand. Sometimes he'll let go, sometimes he'll hold. Can I do the animation with IK Manager? What part should I pay attention to? I was forgetting the most important problem. I couldn't adjust the layer of the sword according to the character's hands
For anyone who is having issue with not being able to draw the weight with the weight brush, make sure to adjust the hardness of the brush as high as possible, cuz that's the issue I've been struggling with for half an hour🤣
Does the IK limb solver not work for multiple sprites? Every tutorial I find assumes your limb is made up of one sprite with multiple bones, not three sprites with one bone each. But I need three sprites for each arm because I want to mix and match upper arm sleeves or skin color with fore arm bracers with gloves on hands.
Im using a .Psb file and the bone depth won't work, the back leg is on top of the front leg /: been stuck on this for like 2 hours nothing seems to put it on top unless i use sprite render on the front leg but then the leg isnt facing the right direction, do i make another sprite that is rotated so i can slap it ontop? i can't think of anything else
tell me why, when moving with the parent object, the sprite begins to distort greatly. I understand this is due to the fact that the object is moving, not at its own speed, but at the expense of the parent and that's why it distorts it so much. but how to fix it?
I still haven't found where i made a mistake. so i use this method and it works. void Flip() { if((moveHorizontal > 0 && facingRight) || (moveHorizontal < 0 && !facingRight)) { facingRight = !facingRight; transform.Rotate(new Vector3(0, 180, 0)); } }
So for some reason, on the Limb Solver portion, I try to do that with the right leg of my character, but my whole character just starts to spin. Any idea why this may be happening?
I have PSB file, but i cant add as player sprite! I can only see body party one by one. For example there is no full body sprite in my PSB file, Just have leg arm head etc. What I can do for that ?
Even though my sprites are all physically separated on a transparent bg on the png, for some reason the auto geometry is like connecting everything rather than having them separate! What am I missing? I can't figure this out :(
I have one question why do gamedevs mostly use psp instead of adobe illustrator I feel like illustrator makes more sense when you're not editing real life pictures?
There are a couple of reasons. 🙂 1: Unity supports Ps files, but not Ai files. 2: Ai is mostly meant for illustrations, and isn't as versatile as Ps. 3: Ps is easier to learn. 4: When you export images from Ai, the "vector benefit" goes away. In general... Ai is for a very specific type of drawings, which aren't that flexible for certain types of media like game dev. Where as Ps is extremely flexible. But you can still use Ai for game art if you want to. 🙂 Yes... Ps is "technically designed for editing photos", however it is also an amazing tool for creating art, including 2D art for games. 🙂
when I open the skinning edotor and double click on my png sprite it is not highlighted. there is just a blue thin line around the whole image. does anyone know why that could be happening?
Hi i have a problem, when my player flips it changes from one side to the other side of the scene, it does change the orientation but it changes position, can you help?
every time i use the sprite editor, and put it full screen, it becomes hard to exit out of it. The only way for me to exit is to press the X and quit Unity entirely. When i return to unity, i see nothing is in my scene at all. Anyone know how to fix this, or what exactly is going on?
you can right click on the tab written sprite editor and click close tab also don't forget to press apply before closing and you can just switch to other tabs also without closing it also
Hi, I've been troubleshooting for a while - How do I animate without using skeletal features? I have several PNG images I have that I want to combine together to create a "slashing" animation for one of my characters, but I have not been able to create an animation in Unity for these pictures. What do I do?
Layer effects can’t get exported into Unity, but there is a workaround. Inside Photoshop, select the layers, and right click, then choose “convert to smart object” (if I remember correctly). This will allow you to edit the effects layers still, while it working inside Unity 🙂
I have an issue when flipping the sprite. The sprite isn't centered due to the way the sprite sheet is drawn. So when it flips it does a small teleport. Where can I center this? I looked everywhere for it.
You can't from my understanding 😕 It is one of the most disappointing issues I have had with Unity ever since I started using it. A PSB file is actually a empty gameobject with multiple sprites inside of it, so because a PSB file isn't a single sprite, you can't just drag and drop it into the placeholders Sprite Renderer to replace it. The solution to this issue is to just drag your PSB file into your scene, and then copy and paste ALL the placeholder components to your PSB file... One by one... Since Unity doesn't have a "copy multiple components" feature build into it. Not being allowed to "copy multiple components" is literally the worst user-experience issue I have ever encountered in Unity hehe.
You're the only TH-camr I've found that has been able to help me with PNGs rather than purely PSBs. Thank you so much!
Had the same issue when I had to learn it. They just said "you can also use a PNG", but didn't show how to hehe. So I'm glad you liked it :)
@@Dani_Krossing You're talking about Brackeys. I remember him saying that and not explaining how exactly. Thank you for this.
Agreed!!
You have no idea how long I looked for a video like this. I was having so much difficulty manipulating a PNG someone sent me that already had bones. Every other video showed the individual sprite method and not the whole sprite sheet method, which explains why none of those tutorials worked.
Thank you AGAIN for going so in depth! The best video out there on this subject.
Thank you forever!! The png route is the one I’ve been looking for everywhere!
You have no idea how grateful I’m am for this video… a few years ago I followed your other channel because of wow…. Little did I know our paths would cross again when I took this new hobby 😅
Great job!!
6:02 Good advice...
I was struggling with this for awhile
Thank you for separating the sprites and putting them together
Everyone else had a "pre-formed body" already. I wasn't aware you can do it separately like this
Commenting the same as others who found this resource - this is the best tutorial on png sprite importing, skinning, rigging and animation. I've completed most of the Unity Learn tutorials and this is far better. This should be referenced in the Unity forums (if it's not already). Thanks for an excellent resource!
Thank you, a perfect introduction for my beginnings in Unity!
Hey Dani! Thanks a lot for this excellent tutorial, it was really helpful! I was struggling using PNGs... Also excellent audio quality!
Wow...ALL IN ONE for 2D - PNG + Import +Rigg + Animation + Animator Conditions + Code !!! Excellent Tutorial !
This helped so muc, only person i found to do bones with PNG!
Thanks a lot!! It really helped me to understand the different parts of rigging in Unity, and everything well explained both PNG and PSD files.
I'm glad you found it useful!
i just wanna to tell you that you're now my best friend, and you have no choice about it.
i watch this video a lot, everytime i'm using unity, you're with me because your explanation makes everything so clear.
thank you so much! :)
hey you've a good talent there to explain complicated stuff. I'm learning how to make videogames and your video helped me a lot so thank you and I hope you have a nice day
Double click? Really?! I spent an hour searching because Unity said it would work via double click? Thanks my friend.
thank you very much for this as i am in a game design course and need to hand in an assignment in 7 1/2 hrs couldn't of done it without you cheers bro you came in clutch
thank you for pointing out I had to apply the "Sprite skin"
Thanks bro for the video I'm struggling to do rigging PNG sprite from 3 days and now after watching the video I have successfully rigged my character. U got a subscriber. 😇🙏🏻
Unity support for Aseprite .ase .aseprite files has recently landed, would be very interesting to have an updated video teaching how to bone rig those too!
Thank you 👍. Following the videos :)
Just the video I was looking for, awesome content!!!
Thanks, i can't express how helpful it was in words but able to in numbers 100000000/10
Such a great style of expression.
The best video i found so far, thanks!
cheers, thanks for the png heavy tutorial :) i spent about a day trying to set up a png sprite sheet.
its set to multiple, i sliced them up and by what i understand now i made the entire skeleton only for the hip xD.
you are very correct in pointing out that there isnt much on the web for png, plus this is very well explained and easy to understand :)
Man you are the best, hope you upload more unity tutorials.
Thanks a lot!
❤
To be honest, you are an expert
👍👍 really helpful tutorial 😊
All in one video. Excellent.
I've been trying to figure out something for a while, now- if you're using the Unity 2D animator and rigger, how do you add in an eye-blink? Or maybe a mouth movement? I know you can use sprites, but I've found no way to add sprites into the bone system itself.
About blinking just play with the scaling tool try to flatten the eye
may the lawd bless thine soul for saving my weekend
Muchas Gracias! es justo lo que buscaba!!
Awesome video! I have a question about flipping from let to right. Say I want the character to have a "paper" feel, so when changing direction, the character physically turns to the camera on their way to changing direction (like a rotating a playing card in real life), is there a way to program that in or would that need a separate animation? This wouldn't have any effect on movement, one a direction is pressed it moves, just a visual effect
you really know what to share. Thank you!
Sorry to say that but your video helped me so much more than brackeys 2D animation video. Thank you!!!
Brackeys will always be the legend 🙂 But I'm glad you liked my video 😊
Perfect, thank you
wow such a nice work!!!
Thank you for this tutorial!!! after quite the emotional rollercoaster of debugging I was finally able to make it work. Bless you!
EDIT: tried to follow along - my PNG appeared to load correctly and I’ve applied the bones, but when I pivot any of the bones, the image doesn’t move but the bones do. I can’t get my image to move at all.
Edit2: I think my issues had something to do with my PNG layers not being completely clean from photoshop. It’s working now!!!
i have the same problem
@@96Tornadoboy are you perchance also using photoshop elements? Once I made sure none of my layers were overlapping (using the transform layer tool to ensure the box didn’t clip any of my other pieces on the same canvas), I was able to get my sprite into Unity, add bones, and successfully use the auto-geometry tool to bring it all together. Before, when my layers were overlapping due to errant pixels, using the auto-geometry tool just turned all of my image the same color and only the bones moved. Now, everything is weighted properly based on the locations of the bones.
Thank you for the PNG help!!
If there's anyone like me out there and the bone movement at @10:49 isn't deforming your underlying sprite, de-select (double-click in the transparent area), re-select the image(double-click) and re-run "Generate for selected". Your image should turn into a rainbow, with colors matching local bones.
The bones were moving but the flesh was not.I was reluctant to ask this since I asked Dani so many silly questions. Thank you.
10:30 Please, can you help me? I can't move bones or edit geometry. When I click on them with the mouse, they start to get copied.
@@DarkNerdisdid you find a solution? I'm having the same problem
Thanks for posting
perfect explanation thank u.
Finally , thank you so much
thank you so much i've followed all the steps and it really helped me. the only issue i faced is in the polygon collider that's generating according to the old sprite positions so it doesn't match my assembled character. i really need help on this one.
Don't use polygon collider , use capsule or a custom collider
Awesome video, thanks a lot!
Hello! Thank you very much for your fantastic tutorials. I have followed a video, but at the end my character didn't move around (I watched the character movement video), however the animation worked perfectly, i.e. it just stands still, but when I press right arrow key it activates the running animation. Do you have any ideas how it might have happened?
Thank you for any answers.
thanks for png tutorial
Just woooooow!!!👍🏻👌
It's really helpful. thanks a lot. However, I am facing a problem: when I drag my component into the main body it does not come on the body it disappears into the main body would you please let me know how can I solve this problem.
This video was awesome up until the point you flipped the whole character horizontally. If you've layered your character's sprites or your character is holding a weapon, it'll suddenly be in the wrong hand. What's the alternative?
Creating a sprite for both left and right, and rigging both.
just one thing, if smthg happened and the player was for example facing the left at the beginning, that would be a problem for your value " facingRight ". Otherwise, it will be so rare and nearly impossible, but it's just for clarifications purposes and to make you think in a developer way so you never miss any logic.
I think you are confusing yourself because of how I named the fields. 🙂 The issue you refer to won't happen in this example. If your character was somehow facing left instead at the beginning of the game, it would still work in the exact same way in the codes logic. Yes, the naming of the fields would be switched around, but it has absolutely no effect on the game, or on our perceived logic when looking at the code. The way I set this up, is specifically to not miss any logic. 😉
@@Dani_Krossing but when it's gonna facing left the 'facingright' would still be true coze it's by default at the beginning of the game, then with the if statement
if(mvmnt
Hi! Very nice video:D I have a problem when trying to change the sprite of the player we already made. I imported a psb-file, but when I try to change the sprite, they are seperated into the different parts of the body. Do you have any suggestions on how to fix this? :)
Thanks
hmm my entire character just turned red when i did the auto weight thing and the bones arent attached to the character. like the skeleton bone moves without the texture weird
ThankYou!!! 👍
I have a problem. My character has a sword in his hand.
Sometimes he'll let go, sometimes he'll hold. Can I do the animation with IK Manager? What part should I pay attention to? I was forgetting the most important problem. I couldn't adjust the layer of the sword according to the character's hands
This is a great tutorial. I am sorry that you moved away from Unity or game engines....
You got lost in my skyscraper sized notification stack 😅
What if I want to add another thing into the animation though? For example, maybe vomit, bleeding, tears, things like that. How would I do it?
Did you figure it out?
really good video❤❤
Thanks CB_SP! 💪🏻🔥
Ive followed the steps with a png file but i dont see the "bones" in my scene - even when they are applied in the Sprite Editor
Awesome.
For anyone who is having issue with not being able to draw the weight with the weight brush, make sure to adjust the hardness of the brush as high as possible, cuz that's the issue I've been struggling with for half an hour🤣
Does the IK limb solver not work for multiple sprites? Every tutorial I find assumes your limb is made up of one sprite with multiple bones, not three sprites with one bone each. But I need three sprites for each arm because I want to mix and match upper arm sleeves or skin color with fore arm bracers with gloves on hands.
When I use limb solver it pushes my sprites away from each other and won't let them reconnect
Like, when you drag the leg the leg's upper part disappears into the main body however the eyes are not disappare.
Im using a .Psb file and the bone depth won't work, the back leg is on top of the front leg /: been stuck on this for like 2 hours nothing seems to put it on top unless i use sprite render on the front leg but then the leg isnt facing the right direction, do i make another sprite that is rotated so i can slap it ontop? i can't think of anything else
my layering in photoshop itself was the problem
keshav OP
How would i make the jump animation with the script and animator controller according to your code ? Dani Krossing
this is the only tutorial i can find without photoshop but every time i click create bones everything goes crazy and rotated and out of place
tell me why, when moving with the parent object, the sprite begins to distort greatly. I understand this is due to the fact that the object is moving, not at its own speed, but at the expense of the parent and that's why it distorts it so much. but how to fix it?
why does some part of my png doesn't show the auto generated geometry?
Thank you for tutorial. My currentScale.x is somehow freeze and i cant flip my Player to -1 by any method. Please where could be problem? thank you
I still haven't found where i made a mistake. so i use this method and it works.
void Flip()
{
if((moveHorizontal > 0 && facingRight) || (moveHorizontal < 0 && !facingRight))
{
facingRight = !facingRight;
transform.Rotate(new Vector3(0, 180, 0));
}
}
So for some reason, on the Limb Solver portion, I try to do that with the right leg of my character, but my whole character just starts to spin. Any idea why this may be happening?
This happens to me too
I was able to fix it. There needed to be one more bone in the skeleton and now its working fine
@@samgoe2798 I LOVE YOU
I have PSB file, but i cant add as player sprite! I can only see body party one by one. For example there is no full body sprite in my PSB file, Just have leg arm head etc. What I can do for that ?
Hi Dani! I wanted to ask if its possible to edit the sprite after implementing the bones without having to restart the whole bone process.
Edit sprite in what way ? Like edit the bones?
@@oussamaexact797 nope edit the sprite in eg photoshop or krita
@@afiyindevif you change the Sprite, reimport it, copy the rig from the old Sprite and paste it on to the new one. Delete the old one.
Even though my sprites are all physically separated on a transparent bg on the png, for some reason the auto geometry is like connecting everything rather than having them separate! What am I missing? I can't figure this out :(
10:30 Please, can you help me? I can't move bones or edit geometry. When I click on them with the mouse, they start to get copied.
i redid it all every time i add it for the arm it affects the torso for some reason so i cant move the arm without moving the torso
I have one question why do gamedevs mostly use psp instead of adobe illustrator I feel like illustrator makes more sense when you're not editing real life pictures?
There are a couple of reasons. 🙂
1: Unity supports Ps files, but not Ai files.
2: Ai is mostly meant for illustrations, and isn't as versatile as Ps.
3: Ps is easier to learn.
4: When you export images from Ai, the "vector benefit" goes away.
In general... Ai is for a very specific type of drawings, which aren't that flexible for certain types of media like game dev. Where as Ps is extremely flexible. But you can still use Ai for game art if you want to. 🙂
Yes... Ps is "technically designed for editing photos", however it is also an amazing tool for creating art, including 2D art for games. 🙂
All of my sprite are bunched up in the bottom left hand corner when I go to the skinning editor. Has anyone seen this and know the solution?
when I open the skinning edotor and double click on my png sprite it is not highlighted. there is just a blue thin line around the whole image. does anyone know why that could be happening?
Hi i have a problem, when my player flips it changes from one side to the other side of the scene, it does change the orientation but it changes position, can you help?
How can I share the same animation between different characters, characters are pretty much the same but with some variations
dude you look like sona from conan I just got to say
every time i use the sprite editor, and put it full screen, it becomes hard to exit out of it. The only way for me to exit is to press the X and quit Unity entirely.
When i return to unity, i see nothing is in my scene at all. Anyone know how to fix this, or what exactly is going on?
you can right click on the tab written sprite editor and click close tab also don't forget to press apply before closing and you can just switch to other tabs also without closing it also
when my character goes into the walking animation his collision fucks with the ground and he goes flying if he jumps sometimes
i fixed this by adding the trigger to the torso of my player instead of the entire sprite
What video did you make the collider in?
Check the playlist
Hi, I've been troubleshooting for a while - How do I animate without using skeletal features? I have several PNG images I have that I want to combine together to create a "slashing" animation for one of my characters, but I have not been able to create an animation in Unity for these pictures. What do I do?
Please use Unity Animator. There you can place the frames and it will create an animation for you.
th-cam.com/video/hkaysu1Z-N8/w-d-xo.html
"I have bones" -- Dani Krossing 2021
When import psb files in unity, the layer effects i used in photoshop not showing in unity. Is there any option for this problem?
Layer effects can’t get exported into Unity, but there is a workaround. Inside Photoshop, select the layers, and right click, then choose “convert to smart object” (if I remember correctly). This will allow you to edit the effects layers still, while it working inside Unity 🙂
It's great to see that Elon Musk teaches us to make games.
My character vanishes in scene when I click "Create Bones." :(
when i move my body parts my character deforms but yours not ....wtf
I have an issue when flipping the sprite. The sprite isn't centered due to the way the sprite sheet is drawn. So when it flips it does a small teleport. Where can I center this? I looked everywhere for it.
Crop the original img of the sprite to make is centered
I put my core at the lowest point and it still is above everything else
It is the parent or everything else
What can I do?
Check sorting layer in the inspector
i made it for the arm and it entirely broke it now i have to restart
how do i use a shader on a rigged charachter?
canım abim
Hi, when i flip my player the y scale also flips, how can i solve this ?
It's a bit hard to say without a code snippet hehe, but my guess is that you are accidentally flipping the Y in your Flip() method.
@@Dani_Krossing maybe. gotta find a way for fixing it.
If we have a psb file how to replace the box character with that
You can't from my understanding 😕 It is one of the most disappointing issues I have had with Unity ever since I started using it.
A PSB file is actually a empty gameobject with multiple sprites inside of it, so because a PSB file isn't a single sprite, you can't just drag and drop it into the placeholders Sprite Renderer to replace it.
The solution to this issue is to just drag your PSB file into your scene, and then copy and paste ALL the placeholder components to your PSB file... One by one... Since Unity doesn't have a "copy multiple components" feature build into it.
Not being allowed to "copy multiple components" is literally the worst user-experience issue I have ever encountered in Unity hehe.
@@Dani_Krossing Yup, did that only and its working now. It's a bummer though.
how do i get a crouch?