How to Make Animated PIXEL ART Characters Sprites with Blender 2.9 | Quick and Easy TUTORIAL
ฝัง
- เผยแพร่เมื่อ 6 ต.ค. 2024
- In this tutorial, I explain how I cheat with Blender to create 2d animated sprites very quickly.
Summary of the workflow :
I created and rigged a 3d model of the character in Blender with exagerated features so it would pixelize well. Then I created the 8 frames walking animation and I change the camera 45 degre with each loop.
I use "Freestyle" to create the outer lines and a composite shader to get the pixelized effect.
Then I render all the frames and I use Aseprite to do the clean up and add things like the eyes.
If this interest you, here is what I did to learn how to do this with blender :
1- I followed the whole donut tutorial : • Blender 2.8 Beginner T... Its a high quality tutorial, well explained, it gives a glimpse of the whole Blender workflow.
2-I followed the chair tutorial : • Blender Beginner Model... Same TH-camr but this tutorial is very modeling oriented.
3- I Followed some character modeling tutorials. There is a shitload of them on youtube. The one I ended up watching the most is this one : • How to Model a Low Pol... Its low poly, and its style seemed perfect to pixelize.
4- I watched this tutorial on how to make hair : • Easiest Way To Create ... Thats how I made the hair and the cape falling behind my character.
5- I watched this tutorial on how to pixelize my renders : • I Am A Pixel Art Master I was so impressed with the result, this is how I will save thousands of hours on making my game.
6- I did this tutorial to learn how to weight and rig my character : • Rigging a Low Poly Per...
7- And those ones to learn how to use IK for legs and arms animation : (legs) • Blender 2.8 Inverse Ki... (arms) • Blender 2.82 : Inverse...
8 - As for the cloths and accessories, Im using some tricks shown in this video : • How To attach Clothes ...
9 - Finally, I tried many techniques to do the outline, many of witch was far too complex for me and overkill for a render that will be pixelized anyway. So I ended up using Freestyle, using this tutorial to learn how : • 5 Cool Tips with Frees... ,
My first attempt was ok : imgur.com/a/xz... My second attempt was better : imgur.com/a/1x... Then I practice making clothes which ended up looking like garbage bag : imgur.com/a/Cp... But the pixelize effect was already convincing : imgur.com/a/Zo... imgur.com/a/sE... Then I started working on my character with what I learned : imgur.com/a/9r... imgur.com/a/Em...
And it ended up like this : imgur.com/a/iX...
And I find it looked great with the pixelize effect : imgur.com/a/Ds...
After that I used Aseprite to touch up the 2d sprite.
Have a great day everyone!
#Blender
#Tutorial
#PixelArt
To anyone who doesn't read descriptions...READ THE DESCRIPTION! There are a bunch of useful links there. Thanks so much Soyaa, this is great!
2nd comment lmao
Tutorial was 10x more helpful when I opened the description!
While I'm not planning on doing any pixel art soon, this was still very fun to watch.
Thanks :) I had a lot of fun making this!
Cool
Same lol
I'm not either. That's why I'm here.
@@Soyaa One question, but how big is this sprite?
dude, i'm learning blender and pixel art, how probable it is that someone showed up in my reddit feed and taught me the TWO THINGS AT THE SAME TIME?????
lmao xD we're in sync, what can I say!
I really like this approach because it allows for quickly getting the base shape and animation but also fine tuning and customizing in aseprite so it kinda has a more artistic look and polish ❤
Exactly 😁
brilliant, the one pixel bumps up and down make it so much nicer.
Thank you so much :)
Little tip :
While using PNG output, you can set compression to 100% percent since the png compression is lossless (= zip compression)
Also, for pixel art, you can use 8bits only instead of 16 bits, which is not really useful in this case.
Thanks for the tips ! I appreciate it! :)
This is extremely cool and as someone who has little patience for drawing but enjoys 3D I'll definitely give this technique a try. Thanks for the massively in-depth video and resources!
Thanks man 😁
As purely a programmer, I'm very fascinated by the exploitation of these tools and techniques to create very compelling pixel art. That's so amazing, great work.
You can basically even add hair and cloth simulation and pixelate that for more realistic results. Amazing tutorial, thank you!
As an artist who can only draw digitally & do 3d, this helps me make pixel art for my game dev brother, thanks! :D
Glad this help! :)
Great tutorial! One thing I noticed with how you did the camera rotation; you can do math in any text box in Blender. So instead of incrementing manually you can just select Z angle and type +45 to the end of it and it'll do the math for you. It's not that big of a deal with one sprite, but I'm working on a whole ton of them at once and that little bit of time-saving saves me a lot of frustration and burnout. Though I will admit I'll steal that empty rotate thing, as it's way better than my 8-camera setup.
Thanks for the tip! This math trick also works in unity I found out. Very useful indeed.
This camera trick I got from the Chair tutorial of Blender Guru. Good luck with you projects and please share. I would love to see!
Not really. From an educational standpoint, it's an awful tutorial. It's a list of instructions, but it doesn't tell you anything about *why* you do any of the steps. Some are self explanatory, but far from all of them are.
It gets you a nice result, but if you're looking to get better at further developing on your own, it won't get you far at all.
@@herrpez 💩
Wow, this quite quickly went way over my head.
May I help?
@@Soyaa thanks for the reply, but no - it's not on you, it's on me. I should learn more about how the nodes work etc. You did an amazing job. It's just when you're plugging this node into that node etc. I'm like "uh... What do the nodes do?".
So it's just my own lack of understanding about what different nodes can do. But I genuinely loved your results and I kind of use blender to make pixel art animations (I'm not great) so I was really interested in your video.
@@Soyaa random thing that is maybe interesting to you. I don't have After Effects, so animating sprites was difficult. But I found that you can control the frame of a "sprite" by creating a bone, then use it as a driver for the frame offset of a texture.
So you import an image as a plane, set it so the X position offsets the frame of the animation, and you can full on create pixel art animations in blender
@@キラキラくりくり頭 Wow thanks for the tip, I didnt know! I tried to make Pixel Art animation in Premiere pro as im still not used to After Effect and it was an absolute nightmare haha. So right now I am working on a Sprite cutscene system directly in Unity so the animations wont be prerendered.
*WOW*
not only is this wholesome, thorough, and clearly segmented with learning links...
but it covers such a wide variety of Blender tools, it might as well be a tutorial for the art modeling feature.
needed this.
Incredible work. You've opened new avenues for both blender artists and pixel artists.
Thanks:) Seriously I Can't wait to see what people come up with.
bro you're amazing for putting the links to what lead you to that kind of model in the description...
I find the wave of 3d to pixel art tech really funny because I find drawing much easier than 3d modeling. This is really cool though.
I would recomend adding PixelOver to your workflow. You can adjust the colors to be more consistent and less noisy/grainy. It's a pretty useful tool!
Wow thanks ive been looking for a tool like this one!
I've been thinking about how this would be possible in Blender and then this brilliant tutorial pops up, bravo!
This is one of the coolest things I've ever seen. Going to be a massive help for a project idea of mine!
Looking foward to see what you make if you're willing to share !
Incredibly clear and well made tutorial. Thank you for it.
I like that it allows for super smooth high FPS animations
I wasn't so sure until the last step and then it really came together, it looks very cool and the method is great. Thank you!
the way to rotate camera is genius man.
It’s like SpongeBob drawing a circle 😂 good stuff man!
Really helpful, with tone of information to learn from.
From the 3d tricks until the last 2D tricks.
Thumb up all the way.
Thank you thank you very much for compiling this together.
You're very welcome! Glad it could help :)
wow what a pleasurable result
Thank you kindly
IDK how I ended up here but this is some great stuff
HUGE THANKS ,I coudnt make this outlines since for ever , my response to this problem was just rendering workbench with proper settings (and outline), and then rendering same in cycles and blending in hitfilmexpress .But what i have learned from that video will help me optymalise render time , and the resault will be better .
My mind has been blown, this is simply amazing. Big thanks for sharing this forbidden knowledge :)
Is this how Dead Cells was done? I was looking forward to this technique, THANKS
Bon! Great tutorial, very simple, and very straightforward. I appreciate the little noets, too.
dude, your character design is amazing, where did you come up with that, I could watch a 20 vid series on your process.
THIS IS AMAZING. I needed a video like this FR
Im learning Blender right now and dang...it can really do it all.
I'm never going to need this but it[s a super satisfying watch, well done!
Thanks Phill! Knowing that people who does not need this tutorial still watch it because its entertaining enough is an enormous compliment 🙏
Wow, this looks really fun to play around with!
Cool video. Thanks for sharing.
If possible can you maybe elaborate on WHY you do things a litlle in future videos?
Why do we add the math nodes? Why do I need to multiply it several times and set these specific values?
It's pretty cool seeing how a renderings can be boiled down into pixel art but even with quite a bit of blender knowledge some of these steps were a little hard to understand.
Then again the video is very to the point.
The result looks very cool. Really nice style. :)
Thank you :) well for the nodes I am applying the workflow from a Default Cube channel video th-cam.com/video/AQcovwUHMf0/w-d-xo.html
He explains the logic behind the math.
Personnaly I set it up so the character's face is around 7 pixels wide because thats the resolution I'm going for (similar to SNES rpg sprites)
This tutorial is a gem! thank you soo much
Rly well done video. It gave me a lot of knowledge and it was also fun to watch. Well done!
This video is a game changer for me!
Thanks im very happy I could help :)
"Pixelization" was pretty spot on and I'm American. Slow maybe but I'm a fast talker, and it matched your speaking pace pretty well so. also 2 years late :)
this helps out very much for 3d and 2d animation
This is seriously good
Thank you ! Glad you like it! :)
This is super cool! Well explained and quick too. Great job!
Thanks! Glad you like it! :)
This was such a helpful tutorial, thank you so so much! It's not enough how much I thank you!
You the best man. Can’t wait to play this game, it’s gonna be insane!
You earned a sub man !
Here from reddit, real nice and simple explanation, this will help some day in the future :)
Thanks for the sub! Thats my first attempt at voicing something and I am glad it can help :)
@@Soyaa Looking forward to more videos :)
(I will binge all your older vids when I get a bit of free time XD)
Can you tell me the link to tve reddit post?
@@JustGabe sure! there you go : www.reddit.com/r/blender/comments/lo84mu/i_promised_a_tutorial_link_in_the_comments/?
Just want to say thanks again for this video it’s been an absolute life saver
Im very glad I could help :) can't wait to see what you make!
This is exactly what I was looking for.
Hope it helped!
@@Soyaa It helps so much. I've been trying to figure out how to do this for a while. I'm not very good at sprite sheets, so being able to model it in 3d is much easier for me.
this is amazing! thank you for all your tutorials
You're welcome! :)
shout out to you and your perfect tutorial. Much to find in there👍👌
I'm late but this video still is on it! Not many like yours! Thank you!!!
Not late at all! Glad you find this helpful ^^
Man, loved it, and the outcome is convincing enough to me. Mind you, I’m a total beginner but all the rigidity of the 3D animation is taken out by doing pixel art trickery!
This is definitely the best of both worlds, let the 3D do the biggest part of the ‘correctness/rigid’ bulk work, use pixel art to add the pixel tinkering charm.
The little bump and the one pixel hair offset sold me on this.
Thanks for the tips and share.
Thanks man ! :) I agree with you and it helps keeping a coherent animation.
@@Soyaa how much time did it take to create 3d model ?
Not long, couple hours maybe. Theres a lot of cheating/lazyness with this model because it was not intended to be used as a 3d object.
@@Soyaa thanks. how much time did it take to learn 3d modelling to do this ?
my boy applying the spongebob technique for drawing a circle
Looks neat although it still doesn't really hide the pre-rendered look, making it feel more like mid-90s PC games with pre-rendered graphics like Dark Forces, Ultima and Fallout rather than a typical 2d drawn sprite like you'd see in a GBA or SNES game. It needs an even further restrictive palette, in 2d sprites, each element had 2 or 3 shades, here each element seems to have 5 or 6 shades instead
Thanks some much 4 ALL that info on how to do this
Amazing video mate,great content as well ! Subbed !
as someone who's game has an artstyle partially inspired by golden sun, this will be useful
now I can make Character Rivals Of Aether for myself thx :D
This is actually impressive :o
Thank you!
Im going to use this on my character i just made on my assignment!
Would love to see the result 😁
Absurdly good Tutorial Video ❤
Nice tutorial.
The chibi head style looks kinda weird with such a big body heh
You’re my hero.
Instant subscribe.
Thanks man I appreciate it!
I retweeted this earlier, going to save this for making pixel art games with friends!
Thanks for the RT it helps a lot !
@@Soyaa no probs! it was really cool, I learned a bunch for what I can use for my own production! =)
Your skills are very impressive. Great job!
Thank you very much! :)
Awesome! Im doing pixel art game and this is really helpful!
Nice ! Would love to see your work!
Dude, really useful tutorial!!! Thank you! Liked and subscribed!
Please, keep it up! Really cool tutorials! :))
Hey thanks 😁 this kind of comment is motivating af. Ill keep it up and im glad I could be of help :)
If you're using an animation from a website such as mixamo and the animation moves forward, not it place, you can add a constraint to the camera to have it follow the model, so when it renders it looks in place.
Hey thats a great tip, thanks!
also you can download the animation "in place", there's a checkbox for it there
That Hair style Kingdom hearts Fan as well
Kingdom hearts will always be special to me ❤️
Some high quality content right here..!
Thank you :)
Reddit just notofied me of this and it’s amazing
Thank you! :)
thats great man! tks!
Woooww... this is awesome!
Thanks man ! This method is saving me so much time.
It's kind of hilarious how we have all this amazing technology now and we're actively trying to make things look pixelated lol. What's next, tutorials on how to desaturate textures so they are black and white :P
Sometimes making everything realistic is boring. It is nice to go for a style that is appealing rather than make an Unreal Engine tech demo for every game.
I still play snes on an old cathodic TV 😅
Why this amazing CHANNEL have just 2k subscribers
Thank you for saying that this channel is amazing ^^ I still find 2k subs to be quite impressive haha
@@Soyaa Your content is worth millions of subscriptions
PSA: 4:50 - Separate/Combine HSVA is now called Separate/Combine color. You can change it to HSV in the dropdown
5:27 - Combine Color's output was set to also be for composite
So damn beautiful I thank you for this great tutorial you really made my day with this.
You're welcome :)
really nice work bro... thanks
We will watch your career with great interest.
Thats very kind of you to say ! :) gives a lot of motivation
imagine this in upbge in real time with all perspectives possibilites available
Ta-bar-nache o.o it’s epic man, good job! PS: cant hide that small accent from a fellow Qc 😛
So rare to meet a fellow QC ! The accent is part of our charm. Merci pour le sub 😁
Lol! Je sonne pareil en anglais!
Content de trouver ce que je cherchais et surpris que ce soit par un des nôtre :P
L’accent ne ment pas xD
Un autre queb!!
@@Soyaa that’s it! Maximum de qualité 😁
If you're stuck on Separate HSV, it was changed to Separate/Combine color node in the Composite section.
This is an interesting process. Thank you very much for sharing
You're welcome ! More to come :)
crazy good! This basically turns any 3D into 2D with a 360 angle
Its a crazy time saver depending on the project!
It ain't cheating if you work smart.
Wish it was 20y ago :D I paint all RPG maker stuffs, characters, etc, in old MS painter :D
MS Paint is waaaaaayyyy more powerful than Blender.
Same, countless hours in ms paint creating stuff for rpg maker 2000 😅
nice work bro!
Thanks man I love your work!
you have opened my eyes to a whole new possibilities. Thx!
Thats great :) hope to see your work one day!
Ohh yeah, this is quick and easy *then the shader node part come up* y-y-y-eah... easy... quick 9_9. It's pretty cool though.
Hahaha thanks :)
dang that's pretty clever
Here from Reddit, your work is amazing. I'll use it for sure! Ty very much and keep up that good work
Very glad i could help!! thank you so much :)
Wow très bon travail ! Merci :D
Amazing
!!!
Thanks man :)
It's great! Wonderful job.
Thanks a lot, brilliant process.
You're welcome Glad this is helpful!
This is so helpful! Thank you very much!
You're welcome :)
amazing work it looks so good
Thank you I appreciate it ! :)
Thank you for this video! This is super cool
Glad you like it :) this is the first time I voice anything
@@Soyaa You did a good job! I hope this wont be your last voiced video!
I would love some example blend files for this, just getting started with blender!