Pixel Art Run Animation Tutorial - Rough Pass [ Stream Highlight ]

Поділитися
Вставка
  • Опубліковано 29 чер 2019
  • How to rough animate a sprint / run animation for use in video games in under 30 mins. Thanks to nerdit for the request.
    This is a clip from the daily game-dev stream. Catch the stream live, every weekday 1-6pm AEST.
    Twitch: twitch.tv/adamcyounis
    Twitter: adamcyounis
    Discord: / discord
    Become a Patron at / adamcyounis
    Play the Insignia Demo for free at: upponhill.com
    Thanks, pals!
  • Наука та технологія

КОМЕНТАРІ • 161

  • @aireek1385
    @aireek1385 4 роки тому +129

    My dude.. this is exactly what I was looking for. I've had the equivalent of writers block for animators and i couldn't figure out how to get a fluid motion on my character. This helped me a lot.

  • @kryolyz645
    @kryolyz645 4 роки тому +32

    Amazing! Watched the video and immediately tried implementing your tips in my work, you're so good! Your experience is invaluable man!

  • @LiittleMiimii
    @LiittleMiimii 3 роки тому +79

    6:58 "For like the first 5 minutes of animation, that's great!" ... Meanwhile, I'm sitting here 45 Minutes in, got a bouncing ball that can be somehow seen as a head... Man, that sucks if you do it for the first time, but I won't give up! :D

    • @akio159
      @akio159 3 роки тому +3

      How did it turn out?

    • @shady8273
      @shady8273 3 роки тому +2

      Did you improve by now?

    • @ifrazali3052
      @ifrazali3052 2 роки тому +2

      update? did you give up?

    • @jeppe627
      @jeppe627 2 роки тому +2

      did you finish it yet

    • @LiittleMiimii
      @LiittleMiimii 2 роки тому +1

      Oh I never saw your comments :D yes, it really turned out awesome and since then I improved a lot. This was my starting point back then and I'll always be grateful for this tutorial 🥰

  • @sum6017
    @sum6017 5 років тому +55

    Awesome Adam! Ii really admire your work.
    You are one of my favorite artists. It would be a dream for me to be able to attend a course or something with all your knowledge.
    You are my inspiration.

  • @rockydaffodil4770
    @rockydaffodil4770 4 роки тому +33

    Damn this really helped me to create my own animation

  • @werelwolf
    @werelwolf 2 роки тому

    This is AMAZING! I just watched your video making that elephant dude and I am blown away at how you can really key in on what to really talk about! Following for sure~

  • @woody442
    @woody442 2 роки тому

    Best step by step explanation on how to get actual results. Thank you so much!

  • @brandonjacksoon
    @brandonjacksoon 3 роки тому +2

    Thank you a lot! Really cool! Good luck in your projects!

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

    Nice touch when the music sped up to match the pace of the bouncing blue ball

  • @DiegoDevPro
    @DiegoDevPro 4 роки тому

    Excellent tutorial. Instant fan of your work. Congrats.

  • @HailSkroob12345
    @HailSkroob12345 3 роки тому

    Just discovered this video/your channel. Lifetime subscriber now. Thank you so much for helping and sharing your knowledge. I'll be practicing this for hours upon hours til I nail it

  • @tintrantrong9784
    @tintrantrong9784 2 роки тому

    It was such a great journey when I had to stopped the video so many times just to understand what you were doing. Btw, thanks for this amazing tutorial.

  • @mrdictionary728
    @mrdictionary728 3 роки тому +2

    When you find an underated youtube channel that just so happens to be really helpful for stuff that your doing today. (:

  • @ArtesMatt
    @ArtesMatt 4 роки тому

    My first animation tutorial!!!! thats awesoome! GReetings from Brazil

  • @revvvx
    @revvvx 3 роки тому +2

    this was so good, thanks!

  • @pro_rookie_gamedev
    @pro_rookie_gamedev Рік тому

    I have never EVER been on Twitch before. Had to go for the first time to find the stream you did that horse animation. Wish me luck!

  • @ashlynwolfe9660
    @ashlynwolfe9660 3 роки тому

    Loving your videos! It has inspired me to get Aseprite and attempt some ferret sprites for our first game 😊 thank you!

  • @aldrigvila
    @aldrigvila 3 роки тому

    Adam! Allow me to commend you and give you praise for a very specific thing.
    When making tutorials or videos like these where the point is to help people create I so dearly appreciate that you dont put on a show/character/mask or whatever you wanna call it. You dont take every chance to joke or be witty but instead keep a calm demeanor and focus on what everyone is here for, namely learn how to animate/draw pixelart. I also appreciate your knowledge of the old school of animation which not a lot of people have a grasp on and fail to pass along to the new, younger class.
    So thank you for taking this seriously and not just relying on your skill to stay relevant or interesting. You have a solid subscriber in me!

  • @66adanali
    @66adanali 5 років тому +27

    Thanks dude, I discovered your channel first time! I am bad at animation so we need more! :)
    Plus: Subscribed and Liked ! :)

  • @abueloaltieri2694
    @abueloaltieri2694 3 роки тому

    Thank so much this explanation was amazing

  • @RavioliFr
    @RavioliFr Рік тому

    OMG great content !! Thank you so much !!

  • @xXDragonTribalXx
    @xXDragonTribalXx 4 роки тому

    You and Pedro are the tutorial kings of pixel art. I'll git gud in no time with you 2

  • @be.barcellos
    @be.barcellos 3 роки тому

    Really good stuff man!!

  • @ello-olle
    @ello-olle 3 роки тому +1

    Everybody gangsta till the chrome logo starts running

  • @victornoboru
    @victornoboru 4 роки тому

    Awesome video! Thanks!

  • @banishedguardian701
    @banishedguardian701 3 роки тому

    Thanks soo much man u r indeed a wizard. I just wish i watched this before i spent many hours doing it wrong i can't believe how many of the basic principles u just used i messed up in my runnin animation lmao I've joined the discord ill share my interesting work :)

  • @techstacker5361
    @techstacker5361 3 роки тому +1

    So good. Adam, if you made an in-depth pixel art animation course for beginner-to-advanced, I'd buy it in a heartbeat, as I'm sure many others would!

  • @Norber2007
    @Norber2007 3 роки тому

    Wow thats amazing i must try to use some of your tricks.

  • @ignosoftgames2516
    @ignosoftgames2516 3 роки тому

    Great! Very good tutorial!

  • @QuetzalcoatlGames
    @QuetzalcoatlGames 4 роки тому

    Excellent work! You are very good ! :3

  • @luckyarabia7726
    @luckyarabia7726 4 роки тому

    Underrated channel ❤

  • @blazehaze233
    @blazehaze233 2 роки тому

    this is insane wow

  • @jeffd.2726
    @jeffd.2726 3 роки тому

    The perfect vid. for me ☺️, love it!

  • @valeriofunk5000
    @valeriofunk5000 4 роки тому

    thank you so much oh great wizard of the pixel castle

  • @torok8974
    @torok8974 3 роки тому

    the parallels and perpendiculars are very important because:
    In aesthetic for a dynamic drawing, lines need to be perpendiculars, so that's why ! Creating opposite lines of the strength lines create this feeling of dynamic

  • @diegocrusius
    @diegocrusius 4 роки тому

    another excellent video.

  • @joaovictorv.s.1816
    @joaovictorv.s.1816 3 роки тому

    dude! this is awesome! look at that
    i love you

  • @SandinyaShano
    @SandinyaShano 2 роки тому

    Thanks to the video tutorial I became inspired and excited to learn, from this video I so know how to make pixel animated videos, hopefully I also make a work like that. Greetings know my name is sandi from Indonesia.

  • @cmtg4471
    @cmtg4471 3 роки тому

    Woow i learned a lot here tnx

  • @oeerturk
    @oeerturk 4 роки тому

    damn that was amazing

  • @leoguado7454
    @leoguado7454 3 роки тому

    I love your channel

  • @pouyah5288
    @pouyah5288 4 роки тому +13

    thanks for the great tutorial. at 9:17 how did you shift the color of the whole layer?

    • @ArtesMatt
      @ArtesMatt 4 роки тому +4

      "Replace Color" shift + R

  • @simmzzzz
    @simmzzzz 3 роки тому

    brilliant

  • @TheCrazyLunatic8
    @TheCrazyLunatic8 3 роки тому +2

    You should totally do a series where you take others' animations and tell them how to make it better
    we could really use someone like you telling us how to get better

  • @emremuslu2245
    @emremuslu2245 3 роки тому

    Very Thanx Man

  • @aeldronhue34
    @aeldronhue34 3 роки тому

    amazing vid

  • @xpert9001
    @xpert9001 3 роки тому

    do idle animations need to loop at the main silhouette? I havent been able to find a breakdown of the idle animations, or more, how to make the art that connects the various animations... thanks man, your videos are the best pixel art ones around.

  • @lngn8894
    @lngn8894 3 роки тому

    It takes only 8 frames to make such a good animation
    Amazing

  • @darkestawoo7967
    @darkestawoo7967 4 роки тому +3

    Would you consider doing an attack animation tutorial? It would be amazing

  • @thecreedofaura
    @thecreedofaura 4 роки тому

    Good stuff

  • @basildraws
    @basildraws 2 роки тому

    @ ~6:00 you’re talking about the speed of the sprint in relation to the speed of the animation. You’re absolutely right, but I think you actually got it wrong in the animation. That is, in a walk, the vertical head motion should be somewhat sine wave like, in a run/jog, it should favour the bottom half of the wave (so, more ‘jarring’ at the bottom) as you’re perfectly illustrating here, but in a sprint. The vertical head motion should be reduced to almost nil. The legs are ‘windmilling’ below the character (though not necessarily drawn as a literal windmill), while the head remains level with the ground near the height of what would ordinarily be the bottom of the head bob at lower run speeds. Head up high and sine wave bobbing at a walk, lower and bottom-centric in a run, lowest and level for a sprint.

  • @griff424
    @griff424 Рік тому

    cant catch this degree of smoothness

  • @3po_Orisen_Sithappen
    @3po_Orisen_Sithappen 4 роки тому

    amazing

  • @RmzCrush
    @RmzCrush Рік тому

    9:24 my mind started to crumble

  • @MrFarnanonical
    @MrFarnanonical 3 роки тому

    You make it look so easy

  • @kielkaiser
    @kielkaiser 2 роки тому

    awesome

  • @people7409
    @people7409 4 роки тому

    Lmao, this will help me so much! +1 Subscribe. Hope you keep doing this awesome work.

  • @alwaysmuede9323
    @alwaysmuede9323 2 роки тому

    can you make tutorial about how you made that horse? looks incredible!

  • @nicemangadrawing212
    @nicemangadrawing212 3 роки тому

    bien jouer le sang

  • @smellslikemeltingplastic
    @smellslikemeltingplastic 2 роки тому

    I really wish I new all the hot keys for the things you were doing

  • @user-gl1qq4si6r
    @user-gl1qq4si6r 4 роки тому

    It's awesome

  • @matthewhatcher6130
    @matthewhatcher6130 4 роки тому

    Thats fucking awesome

  • @bid0u12345
    @bid0u12345 3 роки тому

    Great video! Is there any features this software has that Photohop doesn't? I mean, apart from the "pixel art/animation out of the box" part of course.

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

      Not really, it’s just more optimized for pixel art (and way cheaper than a creative cloud subscription since it’s a one time fee rather than annual)

  • @jakehiggs9354
    @jakehiggs9354 4 роки тому

    What program are you using to make these animations?

  • @UB04_narezO4ki
    @UB04_narezO4ki 3 роки тому

    God damn, dat real dark magic.

  • @etn761
    @etn761 3 роки тому +2

    Dawn that help me a lot but ,what is the software you are using ?

  • @ArtesMatt
    @ArtesMatt 4 роки тому

    are u continues this series?? when are u online on twitch?

  • @OraPlaysGames
    @OraPlaysGames 2 роки тому

    Where is the love button? Thank you! If you could do other animation cycles, that’d be so helpful!

  • @rein7447
    @rein7447 4 роки тому +3

    Small suggestion, maybe display hotkeys on the screen so we can see which buttons you are pressing! Thanks!

    • @AdamCYounis
      @AdamCYounis  4 роки тому +2

      I like this suggestion! I'll look into it :)

    • @rein7447
      @rein7447 4 роки тому

      @@AdamCYounis Awesome! Thanks, and keep up the great work!

  • @gurenn2022
    @gurenn2022 3 роки тому

    whem you make the character itself do you just use 1 layer or multiple layers?

  • @maksympsiuk4366
    @maksympsiuk4366 Рік тому

    It's Wow 💥

  • @wirrexx
    @wirrexx 4 роки тому +1

    quick question 5:25, you selected all the frames and moved them down, when i do this, only one frame moves.

    • @wirrexx
      @wirrexx 4 роки тому +1

      forget it, was a bug.

  • @koenigcochran
    @koenigcochran Рік тому

    Blue is, objectively, the best color (Da ba dee da ba di)

  • @MAXNS
    @MAXNS 4 роки тому

    you are a faking god MAN!!!! awesome!!! :D

  • @TheJimmyJazz1994
    @TheJimmyJazz1994 4 роки тому

    When I press Shift + R to replace a colour, I don't get the eyedropper ability, anyone know what I'm doing wrong?

  • @bonbonpony
    @bonbonpony 3 роки тому

    It's interesting how, when timed and positioned properly, a bunch of blobs of colors can be perceived as running :J

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

    Edit: Nvm.. appears to be Aseprite.
    Brand spanking new to looking into pixel art (for video game purposes). What is the program you are using here?

  • @kevinanderson6367
    @kevinanderson6367 4 роки тому +2

    Oh we got another pixel artist!

  • @Manas-co8wl
    @Manas-co8wl 3 роки тому

    12:14 fun fact - i was following this tutorial step by step and while yours turned out parellel mine turned out perpendicular

  • @BlackHoodedCat
    @BlackHoodedCat 4 роки тому

    this is great video.
    you help me a lot thanks. need more subscriber !~

  • @sloweia
    @sloweia 4 роки тому

    And that's how i studied animation.

  • @audioLME
    @audioLME 3 роки тому

    holy fucking dark magic

  • @Winterhe4rt
    @Winterhe4rt Рік тому

    How many milliseconds have you set for individual frames? The default in Aseprite was like .. 200 or something which seems ridiculously slow. While your frames just fly away. You have a video about that or some Tips?

    • @AdamCYounis
      @AdamCYounis  Рік тому

      I've always thought the default was 100 ms in Aseprite, since that's what it's been for me since I can remember. Maybe there was a setting I changed years ago to have that be the case.
      Most TV cartoons gets animated at 12fps which is something like 83ms per frame.

  • @niri8092
    @niri8092 4 роки тому +2

    What is this palette that you're using? Can I have it too? xD It looks great tbh

  • @basildraws
    @basildraws 2 роки тому

    This was AMAZING learning you’ve given me.
    ~but~
    At the end of the day, and as per my last comment, this looks much more like a run/jog, since the downbeats are emphasized. A sprint shouldn’t really have downbeats. The head should stay down, facing down looking at feet, torso at a shallow angle far ahead of the center of gravity, and the legs virtually flying over the ground. Almost no overall ‘bob’. All the ‘bob’ is captured and absorbed in the hips/spine as your secondary animation.
    I’d love to see you do what I suggest and compare it to the run/jog seen here.
    *all in my totally amateur, all talk - no action, virtually worthless opinion. ;)

  • @davideblonda6159
    @davideblonda6159 3 роки тому

    Every time i have to slow down to like 0.5 , other wise i will go crazy trying to understand anything xD.

  • @obondostudios9482
    @obondostudios9482 Рік тому

    what do you use for spriting?

  • @ahoe
    @ahoe 3 роки тому

    What is the common time per frame? 100ms?

  • @play4fun198
    @play4fun198 3 роки тому

    9:36 ahh sonic

  • @ricci3950
    @ricci3950 4 роки тому +2

    what program do you use?

    • @AdamCYounis
      @AdamCYounis  4 роки тому +3

      Aseprite

    • @ricci3950
      @ricci3950 4 роки тому +2

      @@AdamCYounis Thanks a lot, your videos are so helpful

  • @crazyHatter79
    @crazyHatter79 3 роки тому +1

    and in which program do you draw?

  • @lngn8894
    @lngn8894 3 роки тому

    It takes only 8 frames to make such a good animation

  • @ambientvibes4301
    @ambientvibes4301 2 роки тому

    What Program is this?

  • @deepennyway3844
    @deepennyway3844 2 роки тому

    I’ve never learned so much so fast

  • @javysdrunkproduction2639
    @javysdrunkproduction2639 3 роки тому +1

    what's the program you use?

    • @__.Sharkawy
      @__.Sharkawy 3 роки тому

      Aseprite
      sorry for the late reply lmao

  • @nerdonofriendo
    @nerdonofriendo 2 роки тому

    Having a bit of trouble visualizing the foot motion at about 7:00 but i have a bouncing ball! :P

  • @sploingle
    @sploingle 4 роки тому +2

    dang what program is that?

  • @MM-qj4bi
    @MM-qj4bi 3 роки тому

    how to draw "wave & wind"animation?

  • @burakyldrm4536
    @burakyldrm4536 3 роки тому +1

    i can't find this .. what's the name of application ??

  • @matiascabrera4869
    @matiascabrera4869 3 роки тому +1

    ¿What is that program for animation?