Pixel Art Class - Run Animation Tutorial [Part 1] | First Pass

Поділитися
Вставка
  • Опубліковано 20 вер 2024
  • Hey, this is part one of a new little series on the whole animation process for side-scrolling character pixel art animations. In this episode, I walk through the first two passes on the animation, blocking in the shapes and giving them the right attitude. Next episode we'll cover secondary motion and details.
    Enjoy!
    This project was created for a commission by a friend of the stream from Stray Pixel, working on Pocket Game Dev.
    Check it out here! play.google.co...
    ----
    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...
    Later, pals!

КОМЕНТАРІ • 204

  • @zolan4277
    @zolan4277 3 роки тому +307

    I can't even begin to express how fascinating and educational this is. Obviously you're an artist but you are also an ... artist.

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

      you're*

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

      @@socio637 Thanks.

    • @zolan4277
      @zolan4277 3 роки тому +15

      @@socio637 By the way, do you just go through things and correct grammar on 6+ month old comments? That seems like a pretty weird hobby.

    • @samratix2497
      @samratix2497 3 роки тому +9

      @@zolan4277 it's a hobby of unpaid employees of oxford university 🤣

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

      @@samratix2497 That caught me off guard and I actually snorted when I laughed at that.

  • @V3nar1s
    @V3nar1s 4 роки тому +178

    The "naked" animation from min 16:48 looks more alive than me
    holy shit how can those weird drawings convey someone running so convincingly, awesome job dude

  • @XDarkEcho
    @XDarkEcho 4 роки тому +79

    "Is this the character...are they a hero, a coward?" Oh man, I never thought about it like that when considering a sprite's run cycle. I'd just hope that it turned out okay, didn't even think about the personality behind it. I'll have to consider that now!

  • @benjipixel1438
    @benjipixel1438 3 роки тому +9

    NEW MISSION: like every one of his videos so he goes up in the UA-cam algorithm, so he gets the recognition her deserves!

  • @dallincorman4973
    @dallincorman4973 4 роки тому +20

    Dude, please keep these videos coming. This is great stuff. Crazy how much I learn from just one of your videos.

  • @ghostopus6335
    @ghostopus6335 4 роки тому +60

    Yo! I just found your channel, and I’ve really enjoyed your videos! Thanks for putting the time and effort into making quality content 🤙🏼

  • @jockycracker8253
    @jockycracker8253 4 роки тому +21

    Man I found this channel somehow, and trying to understand how underrated it is. Hope you grow, you deserve better.

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

    Struggling with everything other than idle animations, and 5 mins in you gave priceless info! Instasubscribe

  • @valen5188
    @valen5188 10 місяців тому

    what I learned halfway through this, is I needed to stop focusing on your pixel by pixel movements and start thinking of the big picture and how I can apply this on my own. Awesome video, I learned a lot, though its not great now, you can actually tell my character is running now haha

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

    That's so fascinating. I decided to learn this to make my own games. After 19 years of playing them I want to have a side project. Thing is I haven't learn anything like that. I'm a programmer but not an artist. But I'll give it my all. This helps so much so thanks for showing this off. You're amazing. Cheers

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

    Now this is learning. By watching you i can create my own visual because i understand it, not only imitating some artist without knowing the meaning of their actions. Keep your spirit sir! 🙏🏻

  • @WhalesState
    @WhalesState 3 роки тому +6

    your Tutorials are one of the best pixelart tuts out there, and also your art style is amazing , for me am still advancing 16x16 pixelart but once i feel i'm good with i will start with a bigger size and follow along all your tutorials :) . thank you so much

  • @-w-5334
    @-w-5334 3 роки тому +1

    ive been watching through the pixel art class playlist, and i think my favorite part of these videos are the chiptune remixes of crypt of the necrodancer songs in the background

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

    that bounding box technique is smart; I like the idea of having that freedom to work, but having the visual reminder of the space you're trying to stay within

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

    hey dude, just wanted to say that I am developing a game right now for the first time and I can not explain how much youre helping me. Thanks a lot, I hope that youre having a great day!

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

    I'm so impressed at 5:45 that I can see the run animation already with just a single swinging line and a bobbing circle. It looks so easy and I know it's not

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

    I'm a total beginner and I must say, animation looks incredibly intimidating. Even when it is so nicely explained

  • @MA-muzik
    @MA-muzik 7 місяців тому

    Bro to be honest you might be really the best channel for pixel art and animation. I can't even describe thats how usefull🎉🎉

  • @loonavforlife
    @loonavforlife Рік тому +1

    Wow, I've been developing in Unity for the past 4 years and have made a few games with pixel art, but my animation was still terrible 😅. But after I watched this video, I made the best running animation I have ever made! (Even if it's still in its rough stage) Thank you so much!

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

    thank you so much for creating this channel and for the constant and amazing content. I feel inspired by it and I've been learning a lot!! this video here is a true gem!

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

    Wanna thank you so much an old cartoonist i recently wanted to discover the world of digital/pixel animation .You videos are very well done and you are not only an amazing artist but an amazing teacher. Thank you so much for introducing me to this fascinating new world of art !

  • @Straypixelgames
    @Straypixelgames 4 роки тому +12

    She looks amazing!

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

    Thanks very much. This tutorial is amazing. I think you're the best pixel-artist on whole youtube! I never seen animation what looks greatest than your

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

    He makes it look so easy. Simply amazing

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

    Watching a true artist is inspiring!

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

    I watched him make the whole thing. Even so, I'm convinced he is some sort of wizard

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

    I'm so inspired watching talented pixel artists

  • @bosssauron4314
    @bosssauron4314 4 роки тому +48

    2 month ago: I trying to do a walk/run animation....
    Now: still can't do it 😭😭😭

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

      And now?

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

      me too ):

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

      trying to do one rn if you can dm what u tried to do my email is rlturnbull@vischools.edu.vg yes it's a school acc but oop-

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

    I’m so glad he mentioned that he got the legs backwards. I thought I was losing my marbles

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

    Thank you so much for uploading all these, really inspiring and entertaining. You're a great teacher as well. Hope to catch you in one of your upcoming streams!

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

    Really informative! Thank you very much! You’ve saved me so much time in my learning journey I’m about to begin!

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

    Making a character for rivals of aether and I’m using asperite so far so good great tutorial!

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

    This is so illuminating! Thanks for making this.

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

    I am so grateful for this, thank you for sharing your knowledge with us!!!

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

    muito obrigado cara, essa aula me ajudou bastante a fazer meu primeiro sprite do personagem correndo, muito bom trabalho :)

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

    Amazing! Creating a platformer I love I get to learn so much more than I ever thought I would.

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

    Jesus this really helped me understand running more I'm new to this and I wanna improve fast thanks for the vid

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

    Found your channel yesterday and m8 you have been so helpfull! Thanks for all the help you are providing. I'm new to this but it's super fun and super fun to learn from u! Thanks!

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

    this video was great! I followed the tutorial and made my first ever pixel art and first ever run cycle and it managed to turn out really good????? how

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

    Thanks! This was eye-opening. Not sure if I´ll be able to reproduce it because it takes a deep understanding of the movement but it definitely made me better.

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

    I LOVE your content so much

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

    Earned my subscription through this awesome video! Keep up the great work!

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

    I was confused for 8 minutes straight because of that off handswing. Questioned everything. Ty.

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

      You gotta say it still kinda looked good even though it was completly off.

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

    man that is so cool definately trying this out now, love your videos man

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

    Great tutorial man! i should try this workflow, usually i am just doing the final thing straightaway

  • @YThates
    @YThates 4 роки тому +8

    Thanks man, I'm a beginner at animation, I've been using drawing software and making frames I cant even animate in layers lol. Your videos are helping me understand faster techniques for animating because I work very inefficiently. I have a question,
    Can you please explain more of how moving frames foward and back to offset your animation works? I
    kind of got it the second time you did it but I'm not too sure, one of my issues is with getting timing right and every time I have the issue, I start erasing and redrawing everything. (Sorry if I made you cringe by saying that)

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

    Such great content sensei. You deserve more

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

    Seriously great process video! Thanks

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

    Love your content! Well done!

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

    This job is amazing bro! Congrats!

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

    super cool character!!!
    just awesome!!
    thanks for teaching us!!!

  •  3 роки тому

    Seriously, this is a awesome class. :) Thanks!

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

    Finally i could do sg with my project, thanks for the video

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

    You're so good at teaching.Thank u so much!

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

    The videos you make are fantastic so I subscribed to see more!

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

    hi i love your videos and theyve been super helpfull for me as im starting out trying to learn all this stuff, heres some small constructive criticism i hope its taken well because like i said i really love your stuff, BUT with this video, i feel like youre moving very fast during the head bobbing construction and your giving very little commentary what youre doing frame by frame there so i found it very hard to follow along with your thought process and what direction you were moving the head in the different frames because i had to constantly look down to see what fram you were editing and by the time i saw id have to look back up to see what direction you moved the head which i often missed (because like i said its moving very fast) which led me to having to constantly rewind and rewatch the same segment over and over to try and figure out what was going on, so my tip and hop is if you at some point remake the video/make a similar one maybe do a little more commentary on what youre actually doing it would help immensely.
    That said i reiterate love your stuff and appreciate the hell out of you for making videos to help beginners like me out!

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

    amazing animation bro, so clean

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

    Loving your videos, only recently stumbled across them as I want to take game development more seriously. I have no artistic bone in my body but I want to learn. What software do you recommend for a beginner?

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

    your tutorials are so good

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

    Happy i found you randomly

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

    I am very noob in the draw but I love your style I will learn that art style cuz I love it so much

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

    Im halfway and you might correct this by the time the video is through. But I noticed the legs are moving in sink with the arms instead of opposite. This is great process though. I love animation.

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

      He caught it at the end. I sat through that whole run cycle session watching backwards legs and arms.

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

    Love it man! Great work.. :)

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

    thanks adam

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

    Dude, thats art!

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

    awesome tutorial !

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

    Your scribbles are so much better for my how many long hours of work 😓😓😓

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

    Amazing tutorial mate

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

    Thanks for your help, bro! 👊

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

    Love it!

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

    I'm curious why you start your animations from the extremities instead of the center of mass. Maybe I need to go look at your other animation video...

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

    such a great video

  • @yuvibarbash
    @yuvibarbash 9 місяців тому

    Hey man, love your stuff
    Can u tell me what is the best /most aesprit-ish pixelart app for the ipad?

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

    I have a hard time planning the movement. I can tell you know exactly what you're planning for each frame, but I'm just seeing random adjustments to the head and arms. IMO, it's not explained clearly. I'm seeing how you process the run cycle, but less the theory and planning behind it. I did learn from how you do the process in Aseprite though.

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

    very good video bro but you have to talk when you do a procedure because later people get confused and don't know what you're doing

  • @Kitty-hb3he
    @Kitty-hb3he 3 роки тому

    I like you very much Adam, you're cool and it's great that you exist. K, byeeee.

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

    Amazing !!!

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

    It's kinda funny how "easier" it is to animate a character as a sprite running/standing or doing anything else in pixel art, while with actual animation (high resolution, using different pens and stuff) it feels super hard, i wonder if i could use this method to help animate my characters on flipaclip better

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

    Lol, ok so I used to use Usain Bolt for reference because you know, Usain Bolt. But as you said, just go with Forrest Gump instead, can't ever fail.

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

    thank you so much

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

    thank you!

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

    Thank you so much 🙏

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

    do you export full animations into the game your making or do you upload a sprite sheet and manually assign the animations to run buttons?

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

    Amazing tutorial, very helpful! What program are you using for this?

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

    The software aseprite looks great and im looking into getting it

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

    Short question did you mix front hand and back hand? Because as far as I can see your front leg moves with the front hand, or I am just bad ^^
    nevermind. I have to learn to comment after I finisht the video ^^

  • @CharlesXiong-s6r
    @CharlesXiong-s6r 6 місяців тому

    you should make sections
    😄

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

    Hi Adam, what is that Aseprite's function like a mask between the Layer1 and Layer2 at 1:45? That function that turned red the background. (Sry for my bad English)

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

    great stuff! but can you upload a video how to do an idle animation?

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

    From 7:00 to 7:02, how did you fill in the motion blur (not sure if that is what it is actually called) like that?

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

    Ótimo vídeo obrigado

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

    ive been using asersprite for some time now , its a little weird at first mainly cause the icons are so small even in this tutorial i have to go back in the video a lot just to see the little things that change in the timeline.

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

    So front legs and arm layers go in front of body layer and back go behind right?

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

    Thanks u so much :3

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

    Good tutorials! but chatting window blocks the screen :(

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

    what program is he using?

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

    with pixel art animation would you do it on 24 frames a second if its for a game ?

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

    Hola que medida es recomendable para hacer un personaje en pixel art

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

    This is the hardest fucking thing I've ever tried to do

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

    is there a free app for creating pixel art? can i have a download link?