INSANELY Smooth pixel ATTACK Animation Tutorial

Поділитися
Вставка
  • Опубліковано 16 чер 2024
  • A smooth animation tutorial. Condensed version to give viewers a peak at what my full tutorials provide! I make monthly pixel art/animation tutorials that I release on itch/for my patreons.
    Buy my game: store.steampowered.com/app/23...
    Patreon: / penusbmic
    Tutorials & Game Assets: penusbmic.itch.io/
    Discord: / discord
    music by me: / penusbmic
    00:00 Intro
    00:32 Designing Character
    01:48 Setting Up Keyframes
    05:49 Adding In-between frames (idle to battle stance)
    08:50 Adding In-between frames (first Slash)
    10:45 Adding In-between frames (anticipation of heavy slam)
    11:35 Adding In-between frames (final heavy slam)
    14:38 adding In-between frames (return to idle stance)
    17:22 Adding VFX (Electricity)
  • Розваги

КОМЕНТАРІ • 346

  • @NoomStuff
    @NoomStuff 6 місяців тому +216

    This whole video is just me being like: "oh yeah that looks good", and them you make it 3x better

    • @Penusbmic
      @Penusbmic  6 місяців тому +13

      hehe thanks for the kind words!

    • @L19htning
      @L19htning 17 днів тому +1

      @@Penusbmic you also make it seem so easy... really cool stuff ngl.

  • @animatrix1490
    @animatrix1490 8 місяців тому +450

    I love the advice of counting pixels to track volume, that's actually really helpful!

    • @silphv
      @silphv 5 місяців тому +12

      I don't get it. The character, like almost every other 2D character, is moving like a 3D character projected onto 2D. Sometimes the sword is behind him, sometimes in front, etc. Conserving "volume" is just not how that works. Just look at any reference that inspires you where you like the pose, see how things like clothing, limbs and weapons become foreshortened in space, and do what looks good to your eye. Don't be constrained by conserving pixel count unless you're trying to stylize the thing as a literally flat (a shadow, or like paper mario) creature that for some stylistic reason can't change proportion at all. Penusbmic doesn't always follow this rule in the video itself, it doesn't always look good to do. (The general rule of "the end of the cloak has to go somewhere" does make sense but it's not about counting pixels. "somewhere" might mean behind another pixel, like how approximately half the cloak is in theory behind the character's body.)

    • @silphv
      @silphv 5 місяців тому +3

      I want to add though the result looks good in this video, there's a lot that he's doing right here to give it a good feel.

    • @ruslansmirnov9006
      @ruslansmirnov9006 5 місяців тому

      has been known since forever, since 70's

    • @jontay4199
      @jontay4199 5 місяців тому +10

      @@silphv if you watch the video, it’s not like he follows it like a law. He even mentions when the movements are more subtle, he deletes them and says no need to move these as they went behind him.

    • @styxrakash4639
      @styxrakash4639 4 місяці тому +1

      @@silphv I see what you are saying but you could still track volume during certain movements that are 2D with respect to the viewer

  • @jojodelacroix
    @jojodelacroix 6 місяців тому +82

    I really like the note about keeping the volume of an object the same when talking about the cloak. But at the same time, your perspective will change what you can see, so for some things it makes sense to just sort of remove pixels.

    • @Penusbmic
      @Penusbmic  6 місяців тому +10

      Yes! That's a solid point as well 😃

  • @lorissirol2684
    @lorissirol2684 7 місяців тому +118

    I'm a 3D animator and I love how pixel art animation can really help you think out of the box, thanks for the videos (Might test it out someday)

    • @FallisLife
      @FallisLife 7 місяців тому +5

      I think that’s the coolest thing about the human mind. Learning something almost completely different can actually help so much thinking better when doing the main thing you are learning. I started learning pixel art by thinking about it as 2D sculpting, this helped me understand the form and how to block in the art without difficult lines :)

    • @ruslansmirnov9006
      @ruslansmirnov9006 5 місяців тому

      in comparison to level of animation in the Ori series, this is complete trash
      and you can't say it can be like that just bc it is low-res (so called pixel graphics)

    • @fastlearner292
      @fastlearner292 4 місяці тому +3

      ​@@ruslansmirnov9006if you are incapable of understanding an art form maybe don't share your worthless opinion on it

    • @ast3077
      @ast3077 2 місяці тому

      Well said

    • @daxramdac7194
      @daxramdac7194 12 днів тому

      ​@@FallisLifeYeah it's really something, we should look into it more as a study in the phenomenon of learning. I myself was always sketching and loved to draw, but I always felt my perspective needed work, my volumes, etc just that my shapes I wanted them to sit in 3d space and look good, but would be so hard sometimes to figure out how to make progress. When I got into 3D modeling and spent all my time there, I remember going back to sketching to work on designing my own stuff, to learn concepting basically, now that I felt comfortable 3d modeling. Turns out, my ability to sketch went WAY WAY up, it's like those areas that needed work just sort of fixed themselves because, after doing so much modeling requires you to constantly be rotating the model around checking things make sure it's correct, somehow translated directly to sketching. Like my mind had a much better understanding of 3d space and how shapes should look in perspective, suddenly sketching volumes wasn't so taxing anymore, and in fact came very naturally, as if I was modeling on paper.

  • @cescimes
    @cescimes 8 місяців тому +8

    insane timing for me to find you literally yesterday searching for pixel art tutorials
    keep up the good work and a big thank you!

  • @paulroberto2286
    @paulroberto2286 6 місяців тому +5

    Thank you for this! I recently started pixel art for a game, and was struggling to make my animations feel impactful. Seeing your entire process was really nice! The video length was perfect too, long enough that it's easy to follow, but short enough that it isn't daunting.

  • @misfitmadman
    @misfitmadman 8 місяців тому +302

    Yours and Hyper light drifters artstyle is always a huge inspiration for some of my art, and I'm so excited to see some animation tutorials here on UA-cam to help watch and listen to while I work on my own animations. Excited to see more in the future and thank you.

    • @Penusbmic
      @Penusbmic  8 місяців тому +16

      Thanks for the kind words and the support! Means a lot to me 🙂

    • @DanielSoeMusic
      @DanielSoeMusic 8 місяців тому +1

      @misfitmadman are you the bird man?

    • @deadsharpie1
      @deadsharpie1 7 місяців тому

      whats the song in your video

    • @norman8737
      @norman8737 7 місяців тому

      worm 45

  • @robertnoall8847
    @robertnoall8847 2 місяці тому +2

    I stumbled across this but it blew my mind how well you explain things and why you do them!

  • @Daszkal
    @Daszkal 4 місяці тому +3

    Holy shit. I'm in the middle of a game jam trying out making stuff for the first time and my friend, I can tell you with authority that uh... well let's just say baby's first animation is looking preeeetty gnarly.
    And this video taught me SO much about the tool, the workflow, and like... just how to think about the process in a way that let's you iterate through from a static image to a finished animation. I seriously can't thank you enough. I feel like I went from knowing nothing to being actually confident that I can do this. First I'm sharing this with my team, and then I'm gonna go binge the rest of your content. Thank you. ❤

  • @V1c._.
    @V1c._. 3 місяці тому +162

    Is it just me or is the video sped up?

    • @Almondiah
      @Almondiah 2 місяці тому +8

      Not just you lol

    • @snazzydaddy1
      @snazzydaddy1 2 місяці тому +11

      def not just you

    • @dannyotw95
      @dannyotw95 2 місяці тому +21

      Yeah I had to set playback speed to 0.75 for normal sound

    • @Web.Regularis
      @Web.Regularis Місяць тому +1

      I was gonna mention that

    • @COW879
      @COW879 Місяць тому +4

      as a professional video watcher (1.75x only), yep

  • @Shug11
    @Shug11 7 місяців тому +48

    This entire process was amazing to watch and your approach to explaining it is perfect.

    • @Penusbmic
      @Penusbmic  7 місяців тому +2

      Thanks so much 😊

  • @Pat.Man.
    @Pat.Man. 6 місяців тому +5

    This was so good, just downloaded Aseprite to start playing around. Love how well you explained this, can't wait to get my first character going! Thanks.

  • @JesseBrohinsky
    @JesseBrohinsky 8 місяців тому +5

    This is so relaxing to watch. Beautiful.

    • @Penusbmic
      @Penusbmic  8 місяців тому

      Thank you! Cheers!

  • @zneeke
    @zneeke 8 місяців тому +28

    This just became my most favorite video :)
    Love it! Thanks for sharing your workflow. I've learned a lot by just watching your videos.

    • @Penusbmic
      @Penusbmic  8 місяців тому +3

      Thank you Z! appreciate the support :)

  • @globalcitizen123-hl3dv
    @globalcitizen123-hl3dv Місяць тому

    thank you youtube for suggesting this video to me! I wasn't even looking at anything sprite-related (but some game-dev stuff). great video, really liked your workflow from creating the character to adding the 'vfx'. subscribed!

  • @LocSec
    @LocSec 4 місяці тому

    This was fantastic. Thank you for sharing. I just started doing pixel animation as a bit of a hobby and this gave me so many cool and fun ideas.

  • @andrewmartin2341
    @andrewmartin2341 8 місяців тому +16

    Ive bought a bunc of your sprites in the past but had no idea you made videos! UA-cam just decided to suggest your channel. Love seeing your workflow.

    • @Penusbmic
      @Penusbmic  8 місяців тому +2

      Weooo thanks for the support here as well 😀

  • @Vaelazil
    @Vaelazil 5 днів тому

    You're awesome i use your assets to keep me coding havent used them in an actual game yet tho but youve kept me on top of burnout by either free material to code with or inspiration to make art i found you on itch and youve been a legend in my head since then

  • @Hubfull
    @Hubfull 6 місяців тому +2

    I’m a huge fan, I bought many assets from you… That inspired me so much !! Many thanks

  • @waveymane
    @waveymane 4 місяці тому

    such a simple character, but what an animation, so cleaaan. Really got that umph!

  • @jessca1h
    @jessca1h Місяць тому

    Incredible - fascinating to watch!

  • @gearjacky
    @gearjacky 4 місяці тому +17

    This has got to be one of the easiest to understand breakdowns of an animation I've ever seen. Awesome work!

  • @kofiro253
    @kofiro253 5 місяців тому +1

    Thanks for this tutorial! I managed to understand things better, especially about keeping track of the volume of pixels!

  • @zaftnotameni
    @zaftnotameni 8 місяців тому +4

    my god this looks incredible

  • @superflashilandia
    @superflashilandia 5 місяців тому +1

    Fantastic work!

  • @user-lj6jf7wy1d
    @user-lj6jf7wy1d 2 місяці тому

    This looks amazing! many tips to take to heart!

  • @xVovex
    @xVovex 8 місяців тому +1

    Insanely good! This is a big inspiration for me, thanks for sharing.

  • @minhquanglai3158
    @minhquanglai3158 8 місяців тому +1

    thanks for tutorial, i really love your channel, its easy to understand with a newbie

  • @lordrakes5528
    @lordrakes5528 5 місяців тому +1

    I think I saw your art on reddit !
    Being a noob artist at 23 years old this is so inspiring ! I hope I'll be able to do such smooth animations one day !

  • @VinciWare
    @VinciWare 6 місяців тому +3

    Phenomenal tutorial! Subscribed 😁

    • @Penusbmic
      @Penusbmic  6 місяців тому

      Thanks so much! ❤️❤️

  • @thisoldguard
    @thisoldguard 5 місяців тому +1

    its so cool, bro, good job!

  • @brandonjacksoon
    @brandonjacksoon Місяць тому

    Dome Keeper art was awesome! Glad youtube recommended your channel

  • @tyrussell3516
    @tyrussell3516 7 місяців тому +1

    I saw one of your posts on instagram for a progress check and I thought it was so cool

  • @MaievShadowsong-tv2hi
    @MaievShadowsong-tv2hi 4 місяці тому

    its almost midnight and i had the urge to learn pixelart. man i love this video so much u made me love the process of making it not just the result. its so cool and i learned quite a lot. Im currently copying what ur doing to see if i can replicate it, imma do my own sprite after hehe

  • @kindacruise
    @kindacruise 27 днів тому +1

    i played bullet bunny a few months ago, blown away by the art (and use of gdev, my favorite). crazy how as soon as i download aseprite i get you in my rec. thanks for the great tutorial!

    • @Penusbmic
      @Penusbmic  26 днів тому

      Weooo! Well thanks for the support in many different ways 😀

  • @fenyonimrod1050
    @fenyonimrod1050 4 місяці тому

    Dude i absolutley love what you're doing. I want to make animations like this. Sometimes i want to make them so bad i forget that i accually want to code as well. Maybe i'm just a visual guy ya know. But its sooooo cool what you'we done. Congrats 🤩

  • @teebs1290
    @teebs1290 8 місяців тому +3

    i really enjoyed this, keep it up. I've learnt so much even from just this one video

  • @Yuno-fq1oo
    @Yuno-fq1oo 6 місяців тому

    This has give me an idea to make a game of my own, I was struggling with choosing a style but this right here open my mind, love the art man❤

    • @microdavid7098
      @microdavid7098 5 місяців тому

      You can create a game that looks like any style. From painterly to minimalist to a silhouette type game. Depends with the mood you're going for

  • @erkandursun01
    @erkandursun01 6 місяців тому

    This pixel animation tutorial is very good thank youu

  • @Ownagin
    @Ownagin 4 місяці тому

    man this looks sick

  • @johndupl
    @johndupl 22 дні тому +1

    You make it look so easy.

  • @aspen.coloradx
    @aspen.coloradx 4 місяці тому

    Love the animation!

  • @Skullzbear
    @Skullzbear 7 місяців тому

    Thanks for this Video, im completly new to pixel animnation, but to watch a video like this helped me a lot to understand the process

  • @ast3077
    @ast3077 2 місяці тому

    Appreciate the upload good work

  • @Zane_2029
    @Zane_2029 6 місяців тому +1

    How have I not seen your channel before?. I'm looking forward to getting into Indie Game Dev and this tutorial really helps to understand some basic animation fundamentals for animating game sprites, You've got a sub from me.

  • @lucaspedroso6736
    @lucaspedroso6736 6 місяців тому

    Simply Incredible

  • @ctw-gk8jg
    @ctw-gk8jg Місяць тому

    you helped me draw my first pixel anim work! thanks!

  • @question_mark
    @question_mark 7 місяців тому +2

    wow this actually smoothed my eyes

  • @jasonespinoza5105
    @jasonespinoza5105 5 місяців тому

    this is not the massive pain in the ass I imagined it to be. Thanks for the video. This answered a lot of questions for me.

  • @thedripinspector158
    @thedripinspector158 7 місяців тому +1

    YOURE SO AWESOME

  • @pricemedlin5651
    @pricemedlin5651 6 місяців тому +1

    this reminds me of the animations from the old browser game armed with wings, looks awesome!

  • @brandonjacksoon
    @brandonjacksoon Місяць тому

    Liked and subscribed! Thanks!

  • @bobsmithy3103
    @bobsmithy3103 7 місяців тому

    Ay I played your Shougun game recently when randomly browsing itch. I really loved the gameplay and art!

  • @RavenCroftLoft
    @RavenCroftLoft 5 місяців тому

    This is great man, love my cloaked dudes . A good hearty cloak adds so much weight and flavor to a character. I’m currently online searching for inspiration. Achieved!

  • @Weird-Mike
    @Weird-Mike 6 місяців тому

    This was mind blowing

  • @SillyPotato
    @SillyPotato 7 місяців тому

    Very good tutorial !! Thank you!!

  • @henrymiranda8276
    @henrymiranda8276 3 місяці тому

    bro! you're the best one, I learned a lot just with this video, greetings

  • @just_a_zombie6718
    @just_a_zombie6718 6 місяців тому +1

    i already learned a lot just from this video wow

  • @horsemonkey1893
    @horsemonkey1893 8 місяців тому +1

    This was amazing and your commentary alongside it made it even better. How long have you been creating pixel art?

  • @panpan6014
    @panpan6014 5 днів тому

    Hey ! i follow your Insta and i was asking myself how did you do to make your beautiful animation in pixel art, and now i'm discovering that you teach us to do it !!! you're the best ! thanks a lot !

  • @exponsional
    @exponsional 7 місяців тому +1

    Its looks so cool

  • @nosamnm6410
    @nosamnm6410 7 місяців тому +1

    i would play a game just for that character design he looks so fucking awesome, right up my alley.

  • @nobody7204
    @nobody7204 6 місяців тому

    The pixel art reminds me of Hiperlight drifter. The animations and the designs are really cool!

  • @dimitardobrev3296
    @dimitardobrev3296 4 місяці тому

    That was indeed very cool.

  • @shirazu-kun
    @shirazu-kun 8 місяців тому +1

    Finally found you! I've seen your art once on Insta but I can't find it since then, I'm glad your video got recommend.

  • @kierjackson1000
    @kierjackson1000 2 місяці тому

    I've been following you for a long time and never realized you had a YT. You make me want to get back into Pixel art and spritework.
    Maybe motivate myself to find a studio or project to join.

  • @CaramelCapptn
    @CaramelCapptn 4 місяці тому

    Great vid! ! !

  • @wackydumbidiot
    @wackydumbidiot 7 місяців тому +1

    Super helpful tutorial, really helped me add that little extra something to my sword attacks

  • @janjakruso
    @janjakruso 8 місяців тому +1

    super good tutorial, thank you very much

  • @gamingbabee
    @gamingbabee 5 місяців тому

    cool! gotta save this for my project later 💃🏻💃🏻

  • @svenmehlhorn2173
    @svenmehlhorn2173 7 місяців тому

    great insight! :)

  • @baggonotes
    @baggonotes 5 місяців тому

    Woah, I really like your process!
    I’ve tried using rotation and lasso tools on Aseprite before but always end up needing unnecessary amounts of cleanup work.
    I think this is because of how I don’t utilize layers the way you do. I’d be interested in knowing how you choose to split your character’s components into different layers, hearing your thought process out loud.
    Great video, thank you!

  • @vasel20
    @vasel20 4 місяці тому

    this is soo good

  • @Omiro02
    @Omiro02 7 місяців тому

    bro when I make animations it takes me 10 times longer than it takes you. You obviously became very proficient at this hahaha. I think I have been doing it wrong the whole time, because when I animate, I animate each part of the body separated and then smash it all together and hoping it works, then a I refine the details, but I like your process much more than mine

  • @user-fl6vy3np5w
    @user-fl6vy3np5w 7 днів тому

    super cool

  • @johannfowl8653
    @johannfowl8653 3 місяці тому

    jesus this is so good

  • @Tk-nu4gv
    @Tk-nu4gv 15 днів тому

    hes so good i use many of his tiles

  • @ahmedorieb
    @ahmedorieb 3 місяці тому +1

    love is animation pixel

  • @bobsterhak714
    @bobsterhak714 4 місяці тому

    Awesome!!

  • @Slindsay8
    @Slindsay8 6 місяців тому

    I work in Revit and am a Revit instructor at our school. Your speed in aesprite is like me in Revit. But i’m soo slow in aesprite haha. I had no idea aesprite could do all that and so fast. Very cool

  • @lenardEkko
    @lenardEkko 5 місяців тому

    i saw someone on twitter ripping this off ages ago. really cool to see the original creator

  • @NeptuneKnives
    @NeptuneKnives Місяць тому

    This is a great character.. God I have ideas but never sure if I'll ever get to realize them until I'm more financially stable

  • @zeblanoue2642
    @zeblanoue2642 2 місяці тому

    love domekeeper!!!!

  • @Milktea_Gukbap
    @Milktea_Gukbap 7 місяців тому

    I like your pixel!

  • @PJokerLP
    @PJokerLP 7 місяців тому +9

    You make great videos and amazing tutorials. As already mentioned in other comments. Would be perfect if you keep it at normal speed. There definitely are a lot of people who will appreciate long videos about pixel art and seeing you go through your process.
    Greetings from Germany, and stay healthy
    Marcel

    • @Penusbmic
      @Penusbmic  7 місяців тому +1

      Thank you!! And lesson learnt, a new video coming tomorrow, at normal speed😂😂 ❤️❤️

  • @Bell_420
    @Bell_420 6 місяців тому

    so cool

  • @joshua1846
    @joshua1846 4 дні тому

    took you 50 minutes to make a masterpiece... damn...

  • @junoestro
    @junoestro 8 місяців тому +3

    your art is gorgeous omfg wow you are amazing please keep this up

    • @Penusbmic
      @Penusbmic  8 місяців тому

      Thank you so much!!

  • @TheSharkasmCrew
    @TheSharkasmCrew 7 місяців тому +3

    Sick work man. This video really making me consider buying aseprite.. lol. Such a clean, no-BS workflow and UI for sprite work.

    • @Penusbmic
      @Penusbmic  7 місяців тому +1

      Thank you! And it's honestly the best pixel program. Top notch

    • @wallacekgames2266
      @wallacekgames2266 7 місяців тому +1

      I'd reccomend buying it if you can, but if you can't afford it for whatever reason, you can compile it from the source code for free

  • @zthalesp
    @zthalesp 20 днів тому +1

    Hello bro, I'm from Brazil and I really liked the video tutorial, well explained, Nice

  • @Spyder638
    @Spyder638 4 місяці тому

    I recognised your style from Shogun Showdown from the thumbnail. Awesome game!

  • @BenManaois
    @BenManaois 8 місяців тому +1

    This is sick man! The sped up voice is driving me crazy though

    • @Penusbmic
      @Penusbmic  8 місяців тому +1

      Thank you! And definitely thought the same after posting lmao lesson learnt

  • @amazingsparckman
    @amazingsparckman 22 дні тому +1

    I dono why I never used this, pretty smooth animation

  • @forbiddenbox
    @forbiddenbox 7 місяців тому +1

    more of these please

  • @mcdonaldtrump228
    @mcdonaldtrump228 8 місяців тому

    I loveeeee it!!!!!!!

  • @atomisten
    @atomisten 4 місяці тому

    damn that's cool

  • @blacksheep1337
    @blacksheep1337 2 місяці тому +1

    First 5mins took me 1:30h to do, great video thanks for the tips.

  • @playgametv8302
    @playgametv8302 7 місяців тому +1

    Very useful thank for video i now can make soem thing funni

  • @AdamTheCoop1
    @AdamTheCoop1 5 місяців тому +1

    this is excellent advice. bro wth I didnt realize acesprite even had onion skin and ive got at least 100 hours in it lmao, I guess this means I need to watch your other stuff too

  • @PranayKotapi
    @PranayKotapi 4 місяці тому

    Amazing video, you inspired me so much with this video. I'm so glad UA-cam recommended this to me.
    Are you a developer? I see you use git :D