Pixel Art Class - Attack Animations

HOLY this is a long video. I didn't want to split it into two because I think it works better this way, so enjoy what is almost a full hour of tutorial goodness on one of my favourite subjects!
Chapters:
00:00 - Introduction
01:17 - Animation Phases
03:36 - Attack Animation Mechanics
07:38 - Hitboxes
10:14 - Building An Attack Animation
14:44 - Creating Motion
19:15 - Animation Curves
25:47 - Layering
40:00 - Secondary Motion
45:00 - Colouring
47:07 - Detailing
----
This video features clips from my stream. Catch it live: Mon, Tues, Thurs and Fri 1-6pm AEST.
Twitch: / adamcyounis
Twitter: / adamcyounis
Discord: / discord
Become a Patron at / adamcyounis
Check out my game Insignia at uppon-hill.itch.io/insignia
Later, pals!

[@adamsmiddy]

"this character I designed just for the purposes of this tutorial" still draws something better than I ever could

[@justryingmybest]

YOU IS GREAT. YOU IS TALENTED. YOU IS CAPABLE OF ANYTHING

[@zaikage386]

@@justryingmybest what

[@justryingmybest]

@@zaikage386 reminding that person that they can do anything they set their mind to and not to compare themself to others

[@amj.composer]

@@justryingmybest Thank you 😭

[@angelocarantino4803]

@@amj.composer you got this jeebs c: how's your art coming along?

[@Longaray]

51 minutes of pure content... I love you Adam!

[@Palocles]

It was only 40 minutes for me.

[@foonghost]

@@Palocles 51:22

[@Palocles]

@@foonghost not if you increase the playback speed.

[@scariespaghetti9028]

@@Palocles strange mine was 2hs

[@StelznerGaming]

Except the pointless first 30 seconds showing something we're literally going to see later in the video. xD. That said, rest is good!

[@aquarelacafe]

came to learn pixel art, instead learned to read frame data for fighting games AND pixel art. great video!

[@nightbasillisk7879]

This tutorial was incredibly well made and very easy to follow. I can't tell you how many different animation tutorials I've followed where I couldn't understand the how or the why someone was doing something in a frame, now I get it with the awesome breakdown you did and continuing to use the same terminology throughout. Great work, just for this you've earned my sub and bell!

[@AdamCYounis]

Thanks so much! Since I don't have a huge time budget for these videos, I'm committed to recording them in one rolling take and without much of a script. This one took me a couple of sessions, as I wasn't happy with the first run, but I'm really glad people are responding well. It's very difficult to tell if I've missed anything or been inconsistent with my explanations, or too brief, during the recording. It's never perfect, but I'm really happy that the effort is being noticed.

[@jvince001]

@@AdamCYounis Totally agree w/ Night Basillisk - pixel art is a deep enough topic. Animation, yeah, is bonkers - often seems like magic there are so many overlapping disciplines and integrated stylistic approaches. Better to hear all the details and see it come to life. Insanely valuable.

[@derbiervampir3516]

I can only second your opinion. Adams entire Pixel Art Class is - in my humble opinion - the best series on its topic on youtube by a big margin. I can only say thank you!

[@dmas7749]

@@derbiervampir3516 i read that as "magic virgin" i need to get my brain checked

[@derbiervampir3516]

@@dmas7749 So you were reading: "the best series on its topic on youtube by a magic virgin?" :D

[@SarahPlaysVideoGames]

Hi, I'm watching this three years in the future. I just wanted to say thank you. I'm trying to make a game of my own and pixel art has always been where my games have failed because I always told myself that I can't do art and couldn't find someone to help. This time, though, I'm determined to see it through and that means doing the art myself. I'm not great at it, but I've already learned a lot from videos like this. :)

[@AdamCYounis]

Keep at it! I bet you'll surprise yourself :)

[@doiroco98]

Cant express how much this helps Adam, thank you so much for your continued effort.

[@Kayseurounet]

Really love how you go more in-depth than just pixel art (and most pixel art tutorials thus), and go into also all the game mechanics like cancels and inputs etc. One of the best PA channel out there!

[@CompoundProjects]

This video is absolutely awesome. I'm just now getting into animations and seeing your method was at the same time mind blowing and it makes complete sense. It makes animations like this seem less daunting. Thank you!

[@JaromTV]

This is so thorough and super well made. Thanks for sharing such a detailed breakdown of your process. Really enjoying your channel. Keep it up dude!

[@jhanbalan]

Absolutely love this! Especially appreciate the break down of the Makoto sprite. It's a perfect set up to understanding your animation process.

[@koraysenses6117]

This video actually let me create my very first animation! Thank you for your in-depth but very clear explanation of attack animations!

[@Demyxu]

You have been one of the biggest inspirations for me to begin developing my own game! Ive never done coding before, but I used to do pixel art portraits and stuff when I was younger and I always enjoyed pixel art. Now here I am trying to learn how to code/use GMS so I can make my own metroidvania, and Ive used many of your animation tutorials as a guide!

[@BickSnarf]

I only found your videos yesterday, I just wanted to say I find your method of video production outstanding. Clear concise information presented in a digestible manor. Thank you

[@krysc96]

This stuff was incredibly useful my guy thank you so much. Lots of the small ideas felt like common sense, something i might inherently understand but only subconsciously. The simple way you describe everything is really gonna help me organize my own work pipeline so i'm very grateful

[@farbodfazeli9667]

My man you are a gift , you helped us so much to understand everything deeply from its origin, not typical 10 minutes KZbin tutorials, in depth, clear , easy to understand, thank you

[@Shrooblord]

I have no idea how KZbin knew I was getting into pixel art and therefore decided to recommend your content (over, say, anyone else's -- algorithm schmalgorithm), but I'm so _so_ happy I found you. I've been binging your vids and your gentle yet interdisciplinary and might I add noticably experienced approach is a total joy to watch. In this particular case, I've watched this and that explanation on animation techniques throughout the years, but I finally feel like it's all coming together in this one video. Stunning! The trick of tracking different body parts with different colours will help me so much. Thanks! Keep 'em coming, please. :)

[@zip2kx]

you are amazing. i cant believe tutorials of this quality exist for free on youtube. thank u!

[@Landon_Hughes]

Thank you for all the high quality videos! 😁 These are so good! I’ve been trying to learn pixel art for my game and your videos are all I’ve been watching lately 😁

[@penbro2559]

Extremely detailed video. Great for beginners and more experienced people. Love it! :)

[@glalkia713]

this is the content i subbed for!! thanks man really apreciated. pure gold!

[@zaftnotameni]

as usual, these are so out of this world crisp and beaming with life

[@ray.bonanno]

I truly appreciate these longer almost-hour-long animation tutorials! It’s a great balance between those that pile loads of info in no time and are difficult to retain, and others that just go on for too long without giving enough of value. 🙏 I hope you keep em comin!

[@youtubewatcher6124]

Perfectly balanced as all things should be

[@burteetee5063]

This was so awesome. Talented and generous enough to share for nothing in return but our gratitude. You're a gem!

[@Selrisitai]

Well, he is hoping you'll join his Patreon and give him money for his effort, let's not pretend he's 100% charitable. . . which he shouldn't be. If you're good at something, never do it for free.

[@arayukime]

As someone beginning to dabble in the pixel art field, your channel has been amazing. This video in particular just blew me away. I now feel that something I once thought impossible to learn is now so much more tangible than before.

[@Gaff.]

What I'm doing isn't pixel art but I have no training at all in animation and after months of watching videos and reading about it, this is hands down the biggest help I've had so far. And a lot of your other videos look just as helpful. Thank you for making these.

[@gamerp1g]

Yay! I am so excited for a new video. I've been watching everything of yours. You will be the reason I have any graphics on my KZbin videos LOL

[@AdaZoul]

Perfect job! I love your style and work methods. Really great way to create the frames.

[@Ximalao]

found out yr channel yesterday, gold content! thank you for such quality uploads!

[@kenny1006]

Insanely good video! Just wanna let you know that all of these are really helpful and also great quality. No one explains this stuff better on youtube than you. I wish you a million more subscribers!

[@dust_to_dust]

Phewwwww, good job, man. The end result was worth it all.

[@ozmarichardson6524]

Just found this channel. I've been looking for a video that explains these ideas for a long time. Thank you!!

[@bokovdmitry8772]

Thank you verrrryy much bro!!! It's THE BEST tutorial i've ever seen. So many useful tricks and very understandable explanation

[@bladesofdestiny]

so much awesome work and tuts on your channel! bigs props!

[@yamabushins]

Wow, this was really interesting to watch, I enjoyed it a lot. Thank you! :D

[@donbuldor8999]

Hi, I discovered your channel a while ago and I just wanna say that I love it, thanks for uploading such an amazing content c:

[@tristangonzales3589]

I recently just got interested with pixel art because of Faketown and their create-to-own feature. So I'm really thankful that you made these videos. I've been watching a lot to learn and utilize it on the OG metaverse.

[@user-wl6ip1cs6i]

Oh Jesus ~ Thank you Adam ! I have been looking for instructional videos like this for a long time , I love you😘

[@NullVoidNA]

Just wanted to say thanks for all of the knowledge you pass out. Good luck in all of your endeavors, sir.

[@kaolin2776]

Thank youuu!! Im starting to see colors now about dreaming of becoming a pixel animator !! ❤❤ Ive watched a couple of your videos and it helped me a lot understanding pixel art better. ❤❤

[@ThePixelExpedition]

Can't wait for this! Thanks!

[@LordMobias]

Awesome! More Adam :D Keep these coming. Still looking video on the topic of background and foreground elements and how to manage parallax in those, like the ones in Insignia

[@BeingFriends]

Super excited to watch this!

[@xic777]

man that dust added so much to this, real great tutorial man

[@PeterBruceisBatman]

Man, this was so easy to follow and understand. Thank you.

[@joshicus_saint_anger]

GAH! That looks so good! I love making things move

[@DrLazerbeam]

I don't do pixel art, I dread having to animate anything but you just got a great vibe man. I feel like when a friend shows you something you're not really interested in but they're so clearly all about it that you cant help but be totally into it with them. Great, thorough, clear tutorial and none of that hype shit. subeffingscribed

[@johnnyfreakdev]

Great explanation as always! Keep up the goood work!

[@bonehelm]

This is so valuable! Thank you!

[@nandanvinjamury]

This is insanely cool. Didn't even realize there were so many stages with so much depth in it.

[@MattFenner23]

This was great. Would love to see that tutorial on particle effects e.g. dust, smoke, fire, magic stuff etc.

[@Warrant82]

This is actually perfect. Crystal pure info.

[@Thelulz]

your videos have helped me improve my pixel art so much

[@mylgacia1359]

Perhaps the best vídeo I've never seen about animation, 2D development with sprites and I wanted to thank you for your effort in each video that you have done. I'm a new solo developer in Spain but I hope done my second short isometric game soon, I'll put you in my credits sure. Likes and suscribed to you, nice job from your new fan😁

[@animationsbelike]

Wow, you are so talented, i really love your pixel arts!

[@randomrandom450]

Wow, so much useful info. Thank you very much !

[@DMJoeBanana]

My jaw dropped when I saw the little dust cloud at the end come together, amazing stuff all around

[@wellhellotherekyle]

Wonderful tutorial. Thank you!

[@samuelbird4587]

Dude i just found your channel in the last couple of days and i’m addicted. This video especially has been like watching magic. Is it your full time job? You’re just so incredibly good. I’m an aspiring game dev from a background of coding. Hope to make some little metroidvanias someday. You’ve helped find a good place to start. I can’t get onboard with ready made assets so here i am trying pixel art. Super hard but practise makes perfect right? So thanks for the inspiration. And also for just being a super cool guy and sharing some amazing tips and tutorials for us. Peace! 😊

[@markvador6667]

Fantastic tutorial. Awesome and great

[@Ketchup911]

thank you man for this awesome content

[@someguy3781]

Thanks for the tutorial! Very inspirational.

[@WalkyGourmand]

Damn thank you for this tutorial, I just started to learn pixel art, this really helped me thanks!

[@tantan7392]

Super helpful dude, need more

[@dom54]

amazing video man

[@MrSevenEleven]

Dude, amazing video. So informative.

[@joshicus_saint_anger]

Great stuff!

[@stefanolassandro886]

Amazing video!

[@user-dr5su9cx1f]

your tutorials always easy to understand So good

[@Crisisdarkness]

I just found your channel, wow you are amazing, the result is very impressive, there is a lot I should learn from you, I have subscribed, thanks for making such good content

[@Holdsworthands]

aaarg so good you always inspire me so much!

[@kumaSOevl]

real content. ty for this

[@nxtmaster]

Very informative and extremely useful :)

[@chadsutphen9401]

Great teaching.....very well done.

[@pixelpower6861]

Beat KZbinr 💀 thank you so much. your videos are a lifesaver

[@JSwixx]

Gonna prolly end up leaving a comment on every one of your videos because they're SO GOOD! I feel like I'm taking a college course for free right now. You're enabling my dreams of becoming a developer and for that I am eternally grateful!

[@66adanali]

You're the best! Thank you!

[@Amelia-sr2lr]

Very informative, thank you.

[@Pixelon_]

top quality content earned a sub

[@Palocles]

Man, I wish I’d seen this video before I did my attack animations. Oh well, at least I haven’t fully coloured and detailed them yet. So I won’t lose too much work. But I can definitely make them look better.

[@gimmemore8085]

Goat Adam

[@Gandoan]

I would love to see a regular jump, into a jump swing attack responding to button press.

[@omnirox-re3wo]

castle crashers

[@cbegaming805]

happy attack animationing🥳

[@sioyen29]

Amazing, thanks

[@rainbowpony1303]

That's awesome! Thank you :)

[@golvellius6855]

Amazing subbed mate truly amazing

[@3LLLBeats]

amazing work TYTY

[@gabrielaugusto6001]

amazing content, thank u

[@JohnLonguini]

I'm extremely happy to have find you the same week i started making my own sprites on aseprite. I had no drawing or painting experience, only color theory i knew was from Color Theory classes in advertising college but mainly as a writer. But in two weeks i've been studying your tutorials and it helped me improve in ways i didn't imagine possible. Of course i don't have even 5% of your capacity but my sprites now seems like what they should instead of color blob squares. And i just wanna say, Thank you! You're an incredible artist.

[@just-matt]

That was really interesting 👍 Liked

[@user-wm7xb4nl6i]

thanks you. I learned a lot.

[@furroy]

quality content, ty!

[@phoenixastra4429]

thank you!

[@dgreengames]

This is a very good tutorial, i learn too much and now want to practice 😃

[@AlexSaiko0]

Great, so usefull: Thanks!

[@huseyinalilhadi8544]

You are amazing

[@deprogramr]

love your stuff Adam! questions for you... Is the development of new and better shaders for pixel art changing the way you approach it? Do you have any thoughts on the long term trends in pixel art?

[@Gendgi]

thank you this was great o/

[@artemismeow]

Im glad i found your channel. Im the software engineer in our project that just bit off a lot more than i could chew. "Yea ill do the sprite art" hours of doodling and the ugliest png's later i realized i have no idea what im doing. ive never animated anything and i don't know how to make even simple actions look convincing. XD but your tutorial got me back on track. :D by the way anyn other indie devs planning onndoing art and code. just hire someone. It makes things way easier xD

[@oristarstorm6863]

I am incredibly stubborn, so I shall torture myself with my beginner level art skills, always wanting more out of myself than I can currently comprehend how to do. ONWARDS TO PIXELART!

[@artemismeow]

@@oristarstorm6863 i am still working on it xD I stopped using photoshop and im using aseprite that made a huge difference

[@zetanhwang]

Perfect tutorial! But for me: my eyes: "yeah I've learn it", my hands: "no, you didn't". So I have a really long way to go :D

[@emmanuelmendez3624]

Man, this tutorial is awesome you explained it very well and it's easy to understand. I just have one question, what is the size of your canvas? I want to make mine but I just can't figure it out which size I have to use to my project (it would be a gif, actually but I would like to try these attack animation). Hope you can help me with that and congrats, I've been watching your videos a few days ago, thank you for taking the time to make this incredible tutorials. ♥