Pixel Art Class - 8 Directional Walk [Part 1]

Поділитися
Вставка
  • Опубліковано 30 лип 2024
  • Hey Pals!
    Today, we're starting a little series on 8-directional walking animations for top-down and isometric pixel art games. This one might be 2-3 videos, so please be patient as I work through the content (It's essentially 5 different animations).
    For Part 1, we're setting up the document and getting our draft side-on animation which will be the basis for the rest of the set.
    Tune in at / adamcyounis Tuesday 24th 8pm AEST for the recording of Part 2, where we'll cover translating that animation to each different angle (uploading here next week)
    Chapters:
    0:00 - Introduction
    0:37 - The 8 Directions
    4:48 - The Setup
    8:20 - Blocking in
    16:30 - Base Animation
    17:37 - Walk & Run Differences Explained
    21:35 - Front Leg
    31:22 - Back Leg
    34:35 - Front Arm
    41:55 - Back Arm
    45:19 - Outro
    Music: Hylent - Legend of Synthwave (Gamechops.com)
    ----
    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
    Download assets and games from the stream at uppon-hill.itch.io/
    Later, pals!
  • Наука та технологія

КОМЕНТАРІ • 94

  • @christopherkarlsson4919
    @christopherkarlsson4919 2 роки тому +128

    I've literally been struggling with this for a couple of weeks and then you just drop a tutorial like sup thought you might need this. You're probably the youtube creator I appreciate the most.

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

    Adam, the way you explain things is top-class. Thank you

  • @Hestiah
    @Hestiah 5 місяців тому +2

    I'm 7 minutes in and you've already taught me more than I've been able to find in a week of googling. Thank you.

  • @TheFlintMontana
    @TheFlintMontana 2 роки тому +40

    You have a real knack for teaching my dude, great content, such a help, wish you all the best on Insignia

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

      He's better than the lecturers I've had in college.

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

    Thank you for taking the time to share your animation workflow, especially from this perspective. It's always inspiring to see the interative process, breaking it down so that we can understand that it's a process of intuition as much as technique.

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

    I'm soooo glad you posted this! I was thinking about perspectives and how to best present my characters and this is heavensent

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

    Lovin it, my dude. The way you present things makes it so easy to understand.

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

    Wow great video! Pixel art seems fun.

  • @Tee_Jay_
    @Tee_Jay_ Рік тому +4

    Just started learning pixelart recently, and your videos have been very helpful!

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

    Gotta love your content! :)

  • @samuelmodig2816
    @samuelmodig2816 2 роки тому +14

    You are kidding me! This showed up at the perfect time for my daily tasks!

  • @showcase0525
    @showcase0525 2 роки тому +9

    Came for the art. Stayed for the anatomy lesson.

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

    Amazing, cant wait for part2 !

  • @japenhawpleistaixon9297
    @japenhawpleistaixon9297 2 роки тому +12

    bro, i tried to make with this video... looked pretty easy, but oh man... the differences between our drawings is like abismal PDOKSAODKASD well done

  • @8bitenial313
    @8bitenial313 3 місяці тому

    Great work man ;) thanks for the lesson!

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

    you beautiful man. It's soo satisfying, and illuminating watching a process be broken down in such a systematic and analytical way, which looks at the 'what' and the 'why' step by step.

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

    I love This Channel!

  • @Brademmerson
    @Brademmerson 2 роки тому +7

    I'm working on an isometric 2d game and your isometric tutorials have been massively helpful! Thank you for the content you create man! PS - if you released a video talking about some options for handling isometric movement (for example - moving characters in alignment with your isometric grid) I would be eternally grateful! (More the game engine side than the art side) There aren't that many resources covering this!

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

    Very good tutorial

  • @BrunoFinger
    @BrunoFinger Рік тому +2

    I am just getting started with my first unity 2d pixel art game. I very much appreciate your tutorial as I dropped into it with no pixel art experience at all and started working on my characters. I've been considering using Unity's skeleton based animation instead, so I'd just create a few separate sprites for body arms legs etc and animate it in Unity. What do you think about this approach? I imagine it's affect aesthetics as pixels would also turn and spin around in an "unnatural" way (for pixels).

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

    thank you so much for that video - never really got into such details of the pipeline!
    a question - how do you know what size character should be? so like if it should consist of 5 pixels or 55 pixels height? and how can you create it to be 100% fit to the different screen sizes when game will be created?

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

    easy to understand 👍

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

    nice anatomy lesson, thanks!

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

      hopefully you already knew which way arms and legs bend?

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

    Your tips and tricks for Aseprite animations are so valuable, I'm not animating any isometric sprites but I was struggling with modifying groups of frames and this helped!

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

    I wish we could tell what the hotkeys you are pressing to do the different quick cheat things you mention like copying frames or moving select ones or moving them all together or Changing the color on them. This takes me ages to accomplish without knowing the hotkeys

  • @user-bz8ku6us2n
    @user-bz8ku6us2n Рік тому

    Boss is awesome!

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

    OMG you finally did it. Ive spent of 47 hours in the last 4 months trying to find good information on how to do this

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

    Thank you so much for this! I learned a whole lot!

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

    I found it useful to draw tracks with the feet positions for every frame before I even start drawing the character

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

    At it again with the perfect timing

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

    you have such relaxing voice

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

    Wow this is really well expained in detail

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

    Might be a good idea to draw a 8 slices pizza on top of the cube. But anyway, aweeeeeesome video!

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

    Shift R Noted.

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

    someone finally did it! POG

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

    great video, have a like! this was a VERY informative video, even showed how to keep perspective.

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

    Hey, could I ask what palette you use in this? I've been messing around with asesprite for a bit and haven't really found a palette I like, but yours seems pretty good!

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

    The platter is really helpful

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

    Can you make a tutorial or tips about top down tile set because I've been struggling to make one. Or is there a tool to help or to create a tile map?

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

      he made one already :)

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

    how much do you take for a full character sprite, if I wanted you to make me one.

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

    Great stuff!

  • @2ndPortal
    @2ndPortal Рік тому

    The hand swing before the opp foot moves into place

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

    Just a small aside for people making top down games. This doesn't really apply to top down much unless you really need 8 directions. Many top down games have 4 directional animations(up, down, left, right) and have next to no perspective on the characters. See Enter the Gungeon for example. This could end up adding a buttload more work if you don't know that you don't necessarily need your top down games to be this complex. 8 way is necessary for isometric though.

    • @95mcqueen5
      @95mcqueen5 Рік тому

      I agree, in a lot of cases 4 direction is alright. But 8 directions is a step up though, look at zelda gba games, the 8 directions is pure magic

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

      Maybe a good balance would be to do 8 directions for the player character, who is always on screen, and just 4 directions for everyone else.

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

    Waiting for next part🔥

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

    5:04 where is this link "in the description?" there's no any video, only social links

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

    Crazy timing, I'm literally practicing this right now for the upcoming GGJ

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

    Ah yes something good quality tutorial cant wait watch SE and SW side animations

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

    I'm trash at art (hoping to get better eventually...). These videos are great! Outside of the useful information and insight, I just like having them on while I'm working on games to help motivate me and slowly give me tidbits of useful tips as I work.

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

    I just stopped to notice that there were only so few comments and likes despite the viewer count. So here’s a comment saying thank you!

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

    What is this theme? It looks cool

  • @nicoo.caballero
    @nicoo.caballero 2 роки тому +6

    More top-down tutorials please :3

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

    Hi, Adam!!! 🥰 First of all: THANK YOU FOR SHARING YOUR KNOWLEDGE WITH US!!! 💗💗💗 And for free! 😭 I just discovered your channel and I'm very happy, I want to start your Pixel Art Course from the beginning! I've seen this video uploaded yesterday and I'm excited to think you're going to continue expanding this course. Will it be so? 😭💗

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

    Is the drawing program shown here Aseprite?

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

    where do you listen to your music?

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

    I started creating a game years ago, using a basic stock sprite. I love pixel art, and I understand creating a game can be extremely time consuming… the idea of having to create every sprite sheet seems more than daunting. Seems like that would take a decade lol so I’ve put it off. I do have an interest in doing the art myself, but I feel like it is an impossible feat

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

    I feel like if I showed this guy a game I was working on, he would kind of just look at me and ask ...why?

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

    Fell asleep last night working on my iso characters walk cycles, wake up to an Adam vid ABOUT isometric walk cycles. How did you know?

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

    I want to make a pixel art game, but Omg is it hard to wrap my head around. The shapes are what's most difficult and knowing how to draw from the front, top down view. Also form seems to not come to me at all

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

    hola como se hace el dash

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

    Where's the link in the description?

  • @JohnDoe-bo5yk
    @JohnDoe-bo5yk Рік тому

    Thanks man, appreciate these, I really don't like using other people's assets or code, I dunno why but it just puts me off(weird that I happily use an engine though, ay?) But still, I like your tutorials because even as someone who isn't art inclined I know enough to get by.
    I just followed your isometric tile video and had a blast messing around with tiled

  • @MrSlimy-ct8wy
    @MrSlimy-ct8wy 2 роки тому

    hey adam can you tell me how do you have that small music window thingy on top of your screen because I also want to listen to 8-bit music while making pixel art
    your work is really great on pixel art classes by the way
    sorry for bad english

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

    what size do you usually make these sprites (32 px, 64 px) ? specifically for the game you've been working on (armin, the wolf character you showed etc.)...oh whoops you say 32 x 32 later, thanks any way !

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

      For insignia, canvases range from 64x64 to 256x256. Most human sized characters are

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

    28:54 You find that because you can draw. For people who can't draw, thinking systematically about individual pixels is definitely easier.

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

    I bought Nintendo game garage and need to make my sprites look less stiff lol

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

    What software do you use?

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

    what website is that???

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

    Any tips on preserving mass when animating? I find myself just all of a sudden with a very skinny or fat leg which doesn’t seem to happen here. Great video, can’t wait for future parts!

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

      In my own projects, I find that putting either my first frame or a character reference image on a separate layer right next to where I’m drawing helps me keep the mass consistent. I’m not an expert but that works for me.

  • @chan-xs6lu
    @chan-xs6lu Рік тому

    which app should i use for pixel art?

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

    This might sound crazy, but what program is he using?

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

    What software are you using?

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

    Hey Adam, I was wondering if you are going to participate in the Global Game Jam?

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

    My life has never been the same since you said walking is just stopping yourself from falling repeatedly

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

    Ahh ye.. nothing like watching a adam tutorial after a hard working day on monday..

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

    Guys plz help to solve this problem, I am making a 2d top down space shooter. There is a problem in shooting system, that is , when enemy is shooting and I shoot, then the player's bullet is colliding with enemy bullet and the player's bullet is destroyed but the enemies bullet is not destroyed. Can you tell me what to do to make the both bullets passing away without any collision.

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

    lets goo

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

    What is the dark mode you use?

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

    You guys are talking? "Clear code" just posted a new video about how to make a zelda style game in pygame... I Guess It's just a coincidence😄 but anyways, I can't wait to start coding my new zelda style game with super cool character animations. Thx my Man!

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

    what software is he using?

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

    you look like rebecca sugar

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

    you make this look so simple! very talented.