Pixel Art Class - Making Pixel Art Worth Animating

Поделиться
HTML-код
  • Опубликовано: 4 окт 2024

Комментарии • 166

  • @eboatwright_
    @eboatwright_ 2 года назад +402

    Me: "Hey, can I watch you make your pixel art, to see your technique?"
    Adam: "Yeah, sure"
    Me: "Ah yes. His technique is being way better than me."

    • @flamesofhellstudio
      @flamesofhellstudio 9 месяцев назад +8

      Practice and understanding why they're doing what they're doing is how they get this good. And likely knowing themselves and knowing when to rest to avoid burnout.

    • @MediHusky
      @MediHusky 6 месяцев назад +9

      me, doing basically stick figures but in pixel art: Hmm yes the folds of the shirt yes, indeed. Indubitably. Quite.

    • @eboatwright_
      @eboatwright_ 6 месяцев назад

      @@MediHusky Facts 😂

  • @Dumbunny420
    @Dumbunny420 8 месяцев назад +74

    Just spent five hours making all angles of my character sprite, then made the idle animations, then started with the walking, and realized the legs were so hard to try an animate, went back and changed so much that I hated my sprite, and now I'm remaking the entire sprite, so 10 hours total were wasted on something that I no longer even have but I'm going to continue to convince myself the practice was worth it

    • @360dom360
      @360dom360 5 месяцев назад +17

      Sounds like a good learning experience

    • @Mgsthpv
      @Mgsthpv 4 месяца назад +8

      So in other words: learning time :) dont sweat makin mistakes and wasting time. Not a waste if you enjoy doin art :)

    • @whitehairedpleb954
      @whitehairedpleb954 4 месяца назад +1

      Truest words

    • @ymotle
      @ymotle 2 месяца назад

      welcome to the club

    • @thedeadman6171
      @thedeadman6171 2 месяца назад +1

      Spoiler :- it was 100% Worth it and only made you a better artist

  • @vn74m3d
    @vn74m3d 7 месяцев назад +42

    It's a pity that people who are not specifically interested in pixelart miss out on all your clear understanding of semiotics/semantics. What you point out in all of your videos between the lines, so nicely illustrated by pixelart, matters for all design and art related departments, or even put further, matters for everything regarding communication and lastly our whole perception of reality.
    Your content is never just a cheap trick, your genuine understanding of the matter is a promise always kept, and if one wants to, one can learn a lot more than pixelart from this. Thank you Adam!

  • @apoxfox
    @apoxfox 2 года назад +104

    Those spider animations are insane, always feel so inspired after watching one of your videos

  • @Jhakaro
    @Jhakaro 8 месяцев назад +10

    Great video but just want to point out for others watching that Keyframe animation has absolutely nothing to do with copy and pasting aspects or holding frames for longer with only minor altercations. That's called limited animation and is animated on 2's or 3's or even higher sometimes, meaning, every 2 or 3 frames of actual on screen time, only one new drawing is made. In anime, due to time constraints, most studios will generally try to keep certain elements static as much as possible, only moving what is necessary to convey the emotion or movement. This is also true for even high budget movies like Klaus made by expert animators in "the west" where characters in the background will be stuck in place and unmoving as the main focus is on the foreground characters. Most won't even notice as their eye is drawn to the movement up front.
    Keyframe animation is done for multiple reasons and was and IS used WIDELY in western animation. 1) it helps keep the volume of an object or creature consistent. You plot out the basic structure of the movement, beginning, middle, end essentially and as long as those volumes are all the same, then you go in, add breakdowns, which are basically minor keyframes to accentuate specific main keyframes you've drawn. After that movement is looking solid, you then go and do in-between animation which is to smooth out the movement. The in-betweens use the keyframes and breakdowns to transition smoothly between the main points of action and using the breakdowns, you know which parts of a movement to favour in your in-betweens. If you in-between everything evenly, you'll get a bland uninteresting animation. This is often called slow in and slow out, where we slow down the action as we enter it or exit it.
    2) in many studios, the keyframe animator is different than the breakdown artist or the in-betweener. Keyframes are the most vital drawings that set up the entire movement and flow for the others to follow so the idea is that the senior and more experienced animators keyframe the main movement, make the big decisions. Then lower down artists handle the breakdowns based off of their keys and then junior animators often worked on the in-betweens which have the least amount of responsibility or artistic choice/decision making (though still a very important skill in and of itself), all in order to save on time so keyframe artists can work on more keyframes rather than doing an entire scene from beginning to end. This aspect of not doing an entire scene yourself, however, varies greatly from movie or movie, project or project. In many Disney movies a scene might be mostly just one artist that handled everything but even then, most of the time they still used keyframes to keep the sense of volume the same and sketch out the movement first.
    Straight ahead animation is less technical and more flowy. Free. Feel it out. But the main issue with it is that often you might start an animation and spend days or weeks working on it only to realise that the movement you made isn't quite what you wanted or the volumes are inconsistent, off-model etc. the character grows from frame 1 to frame 110 without you realising (especially when on paper as you can only roll about 5-6 pieces of paper at a time on a light desk). And if that happens, you now have dozens or even hundreds of frames wasted that you need to fix or redo entirely. For small, simple animations straight ahead can work well but for very long or complex scenes, keyframes are often nearly a requirement.
    Both have their uses and often honestly, it just comes down to the animator themselves and studio workflow

  • @JumbaJumby
    @JumbaJumby 2 года назад +25

    The tip about using separate layers is pretty huge. I already started with the most defining motion and built everything to support that with contrasting colors, but using separate layers for quick iteration is a game changer. I don't know why I didn't think of that lol.

  • @The_Crucifix
    @The_Crucifix Год назад +19

    Literally best man in the world. The amount of invaluable, essential pixelart information you provide is staggering. I always sit down to draw after your videos, because they are very inspiring and put my own practical ideas in place. I'm sure your videos will grow a lot of good pixelart artists

  • @pn4960
    @pn4960 2 года назад +37

    Your comments at the beginning reminded me of the “ligne claire” style developed by Hergé, the creator of Tintin and one of the most renown Franco-Belgian comic books author of the XXth century

  • @Pockeywn
    @Pockeywn 10 месяцев назад +3

    your intro does what an intro should. i clicked in a video about animating pixel art and immediately saw well animated pixel art and knew i was in the right place

  • @dailyshadow
    @dailyshadow 3 месяца назад +1

    Damn the difference between your earlier sprite and the newer one is huge. At first I thought the animation was really good for the older one (which it still is) but then it’s really clear what you’re saying with using shapes to make animations more traceable.
    God I want to be this good someday.

  • @stonecoat_art
    @stonecoat_art 8 месяцев назад +3

    hey adam, im lucky enough to work as a pixel artist and animator. I gotta say that your videos were instrumental in getting my career off the ground, and i still revisit videos like this one when i feel myself slipping a bit with my art.
    thanks for everything man

  • @NoFaceDev
    @NoFaceDev 2 года назад +13

    I don't know why your new videos does not hit the 100k views cause you are doing a lot of work 🥺

  • @msv266
    @msv266 2 года назад +5

    Thank you for putting so much effort into your tutorials. Your videos really help understand complex concepts and are so motivating

  • @collin2401
    @collin2401 2 года назад +5

    Woah, those animations are super smooth! I'm making my own game right now and trying to keep the visuals as basic as possible, but I'd love to make a Metroidvania with pixel art like yours one day when I have more experience. Anywho, thanks for making such high quality videos! They're very helpful for newbies like me lol

  • @The_Man_In_Red
    @The_Man_In_Red 2 года назад +5

    Just in time for my morning coffee. Thank you Adam, this was exactly the animation help I've been needing lately. ☕👍

  • @pock3t-f3t
    @pock3t-f3t 2 года назад +147

    I have the same technique as you, and I use copy-paste in simple animations like breathing. You gave me so much motivation by showing that you spend a lot of time on your animations just like me. But you working non-stop, no matter what! Now im so tired Im not even open Aseprite for 2 weeks. But today, im gonna show that pixels, whos the boss! Thank you so much. I love you, man.

  • @Microbex
    @Microbex 2 года назад +11

    Uhmm yes, the spider and staircase animations are particularly great.
    Great masterclass! 👍☺️

  • @Dooby_Gooby
    @Dooby_Gooby 5 месяцев назад

    So freaking good. I've been animating pixel art for quite a while now for my game, and this has shown me just how much room I have to improve. I sincerely thank you sir.

  • @jerrygreenest
    @jerrygreenest 2 года назад +12

    AdamCYounis: Don't do this while making animated pixel art
    Me: I never intended to. I'm not even a pixel artist. Just having pleasure to see a professional in work.

  • @0yaSumi6908
    @0yaSumi6908 2 года назад +3

    I am so glad I subscribed to this channel, it's the best pixel art channel I've ever found:)

  • @alejandrovelezsainz2440
    @alejandrovelezsainz2440 2 года назад +3

    Wonderful job!! A great workflow video for indie devs and graphic designers

  • @Erika10016
    @Erika10016 2 года назад +4

    Thank you so much for making those videos! You explain things so well and I've learned a lot from you!

  • @MyNamesHunter75
    @MyNamesHunter75 3 месяца назад

    As someone with art experience specifically digital sketching/painting i feel it's helped me quite a bit already. I do feel pixel art in general helps me think even more of shape and relation of light - dark more than digital or traditional art because of the size restrictions and feel it's helped my art outside of pixel art as well which is always really fun to see. I like using pixel art for idea's and brain dumping where i can get out a lot more because I'm not as absorbed in the minor things and more focused on the overall concept and design aspects

  • @Spaaace
    @Spaaace 4 месяца назад

    You're an inspiration, Adam. Thank you.

  • @jerrygreenest
    @jerrygreenest 2 года назад +4

    Rotating tower to simulate 3D looks so sick!

  • @thcrtn
    @thcrtn 3 месяца назад

    I enjoy the technical theroy and history blend into "this is how it's done"

  • @benjipixel1438
    @benjipixel1438 2 года назад +1

    Adam asks: Tutorials? Dev vlogs?
    Adam gives: *both in one video*
    Me: happy

  • @SebsterLive
    @SebsterLive 2 года назад +3

    That's my name on the top haha! Useful video as always!😁

  • @nemo9396
    @nemo9396 7 месяцев назад +1

    Very interesting and liberating approach this one

  • @matthiasklostermeier6799
    @matthiasklostermeier6799 2 года назад +1

    Thanks for a new video!! Always love them. Sometimes I watch you on twitch, but honestly most of the time I am just not awake or on my Mac when you stream, so the more compact youtube videos are much easier to watch and concentrate :-)

  • @bitbraindev
    @bitbraindev 2 года назад +15

    I am trying to apply your technique as well now. My sprites are 16x16 and I find it way more difficult to animate properly on such a small canvas (with sub-pixel animations) but on the upside I am much quicker _per frame_
    I love these videos of yours and cannot wait for Insignia to come out!

    • @saku-ra8813
      @saku-ra8813 Год назад

      Good luck with the animation :)! Small sprites are a pain to animate

    • @lonelyfloat2582
      @lonelyfloat2582 Год назад

      @@saku-ra8813 Especially walk cycles, every time i try i get stuck trying to make the leg motion readable

    • @otto2853
      @otto2853 10 месяцев назад

      Pain to animate, blessing to draw xd

  • @Sackwiz
    @Sackwiz 4 месяца назад

    Your animations are absolutely amazing... I'm amazed. Well done.

  • @Farkararka
    @Farkararka Месяц назад

    These tutorials are incredible. TYSFM.

  • @ThatBigRedBear
    @ThatBigRedBear 2 месяца назад

    Oh my god, I love your animation so much

  • @Jojos_bro
    @Jojos_bro 10 месяцев назад

    simplify is another level of getting better!
    nice video

  • @rageheals1607
    @rageheals1607 8 месяцев назад

    Your animations are so smooth. Really great video, thanks.

  • @pavloburyanov5842
    @pavloburyanov5842 Месяц назад

    Im glad I found your channel! Keep going!

  • @rolitae
    @rolitae 2 года назад +1

    Insightful video, Adam! Great job 🥳

  • @morticias5043
    @morticias5043 5 месяцев назад

    wow i never knew of this trick of animating the moving limbs first, and then filling colors when needed. crazy. i usually find it difficult to move and animate a lot of the details.. and this way makes more sense

  • @jumpkut
    @jumpkut 2 года назад +1

    I'm a simple man. I see a new AdamCYounis video, I click like.

  • @Big_Theft_Auto
    @Big_Theft_Auto 7 месяцев назад +1

    Very good stuff here❤

  • @Floki3030
    @Floki3030 2 года назад +2

    Hi just got aseprite. Glad i found this channel, im already involved with some blender modeling and animation, but id like to start doing some pixel art too. Im glad you feature relevant art advice for game dev and animation. Thank you

  • @Blinaka
    @Blinaka Год назад

    18:44 This is incredibly amazing in a totally positive way, woowww

  • @Drazard
    @Drazard Месяц назад

    "after 20 mintues you have something that looks pretty good"
    PRETTY GOOD? ITS FUCKING AMAZING

  • @danielmace406
    @danielmace406 29 дней назад

    That spider is awesome!

  • @themelancholyofgay3543
    @themelancholyofgay3543 2 года назад

    the guy on the thumbnail looks so cute, i am practically drooling

  • @Skeffles
    @Skeffles 2 года назад

    Great to see how your process works!

  • @ricksto87
    @ricksto87 11 месяцев назад

    8:30 Excellent point. What a revelation

  • @stephenrose3202
    @stephenrose3202 10 месяцев назад

    Your shirt is excellent. It is Fall here and I now want a plaid shirt with yellow highlights and my roommate wants a nightgown in the same pattern. 😊 With your old pixel art having a faded brown compared to the new red, you could have him have the old brown haircut in flashbacks? 😂 Yay for art 🎉

  • @THESUPERGUNS
    @THESUPERGUNS 2 месяца назад

    Really helpful, thank you

  • @jonathanspangenberg1563
    @jonathanspangenberg1563 8 месяцев назад

    Wow, your videos are so helpful. You are such a natural teacher. Do you also do the programming for your game? I would love to hear about that side of things too; the game production side of things. Thank you for your hard work and commitment to this channel.

  • @SmashAdams
    @SmashAdams 2 года назад

    Great video Adam. very insightful

  • @lethalxarchon7332
    @lethalxarchon7332 9 месяцев назад

    Absolutely love this video.
    Only gripe is you're using a lot of similar shades of red for examples and color blind people might have a harder time following along and seeing what you're talking about.

  • @GaryParkin
    @GaryParkin 2 года назад

    Very interesting. Thanks Adam. I'm just starting out with 2D, and it looks like something I'd want to use. Been doing 3D and modeling for ages.

  • @rachi7629
    @rachi7629 Год назад +1

    Holy crap that window better be a main fucking character

  • @Ralgondo
    @Ralgondo 11 месяцев назад

    The staircase looks great, you could just make a gif of him running down the stairs and use it as a loading screen or something

  • @PixlMoon
    @PixlMoon 5 месяцев назад +1

    Final fantasy 7 lofi in the background thoughh

  • @NK-kk9sv
    @NK-kk9sv 2 года назад +1

    Hey man, I love your videos, but I have a unusual request. In one of your older videos "Pixel Art Class - Platformer Jump Animation" you explained a very cool practice of using different sprites for different velocities ("5:24 - Velocity Based Animation Code Breakdown"). Sadly I am new to Unity and did not understand the full process and I couldn't find a fitting answer elsewhere. Could you please do a very short video explaining this a little more detailed? Thank you in advance.

  • @c64cosmin
    @c64cosmin 2 года назад

    Pixel Art Master Class*
    Thank you very much!

  • @TheCrawliX
    @TheCrawliX 2 года назад +1

    11:21 There's hardly anything here but we know it's a head.
    -Me seeing a steak hanging upside down :"oh"

  • @ennizodev
    @ennizodev 2 года назад +1

    Easy to Understand, thanks~^^

  • @80Apoc
    @80Apoc 5 месяцев назад

    I'm Looking forward to my lack of detail being an artistic choice that conveys meaning efficiently, instead of my lack of detail conveying a lack of artistic ability.

  • @MaxW0lf
    @MaxW0lf 2 года назад +3

    Is there any reference on how to make sprites for a top down game for mobile? Like size of the canvas vs how the tilemaps have to be, so the character doesn't look to big in a small world. Gladly appreciated if you could let me know!
    Thx a lot! Started seeing all your vids and this gives me hope that i can make a game, and animate sprites and other stuff. Thx! And good luck in your projects!

  • @sebkolind
    @sebkolind 8 месяцев назад

    So good. I can’t even make a simple run animation lol

  • @panampace
    @panampace 2 года назад

    Wow that staircase. Just wow.

  • @pg3648
    @pg3648 Год назад

    29:53 me (Adam) watching Adam talk about Adams animation

  • @hugoclarke3284
    @hugoclarke3284 2 года назад +1

    Brilliant video

  • @endergame8267
    @endergame8267 8 месяцев назад

    The rule i kept from you is start simple, stay simple

  • @noelleciento7590
    @noelleciento7590 2 года назад +1

    Nice. Your art is the right fit for Faketown 2nd creative competition. Faketown is the OG metaverse and it is a popular game back in the early 2000s. It's similar to Sims, but in 8-bit form.

  • @HenkkazoR
    @HenkkazoR 2 года назад

    These videos are very helpful thank you

  • @yohoyona
    @yohoyona 11 месяцев назад

    commenting for engagement lol great video adam

  • @codydragonstone
    @codydragonstone 2 года назад

    I wish I had a fraction of your talent.

  • @gigaman007
    @gigaman007 2 года назад +1

    You doing great job 💪

  • @michaelemerson570
    @michaelemerson570 2 дня назад

    This is very useful, as I'm looking at tackling my first pixel art game soon after mainly doing first person adventures, but I was wondering, is it easy to import Aseprite files into Unreal Engine? Is it something that can be done natively or do you use a plugin?

  • @GINGINSHAAN
    @GINGINSHAAN 2 года назад +1

    The best 🤝

  • @ethanix6815
    @ethanix6815 2 года назад

    Hello
    I am creating a 2d pixel game in unity
    You are helping me a lot in the process
    Your videos are amazing, your way of teaching is fabulous
    One thing I ask for is the way to implement some magic effects from scratching to importing it to unity
    Like some water bending or fire bending
    That would really be great!
    You are the best
    Good job and wish you luck👏🙏

  • @jamstarx
    @jamstarx 2 года назад

    This is a good one!

  • @vincentboulet1937
    @vincentboulet1937 Год назад

    Amazing video!

  • @dnajlwosqkdasjczdbkahdwcs
    @dnajlwosqkdasjczdbkahdwcs 6 месяцев назад +1

    3:05 Man runs like Steven Seagal

  • @gutenpog
    @gutenpog 2 года назад +6

    Question for you Adam would it be ok to learn pixel art just by using a mouse no tablet included?

    • @shiwanmi
      @shiwanmi 2 года назад +4

      I'm interested in hearing his opinion as well, but I'd say absolutely! In my experience most pixel artists start on a mouse. I certainly did and many very skilled artists I've talked with use a mix of tablet and mouse depending on the scale of their work. Many use mouse or even track pad exclusively! Don't wait until you have all of the tools you may eventually want. Start now!

    • @figates9220
      @figates9220 2 года назад +2

      @GutenPogging @Shiwanmi Check out Brandon James Greer - guy uses only touchpad of his laptop and is doing great

    • @plague_doctor0237
      @plague_doctor0237 2 года назад +1

      Yes, it's a valid instrument to use, it only depends on the skill

    • @theotutuianu5567
      @theotutuianu5567 2 года назад

      i use a mouse. i want to move to a stylus but i have done soo much art and animation with a mouse

    • @apoxfox
      @apoxfox 2 года назад

      I use a drawing tablet for digital art but I’ve only ever used a mouse for pixel art. You don’t really need to worry about making perfect straight lines in pixel art so I would say a mouse works great! Totally your preference though

  • @DaniPotatoArt
    @DaniPotatoArt 2 года назад

    Excellent video

  • @rcjvet
    @rcjvet 2 года назад

    Great work, as always. Adam, do you take freelance work?

  • @phnkcell710
    @phnkcell710 Год назад

    Crazy both versions . OMG mine looks like make by a child

  • @psyboyo
    @psyboyo 2 года назад +1

    6:54 Please, whats the name of that palette? You are amazing!

  • @wicgamesdev
    @wicgamesdev 3 месяца назад

    +1 thanks you!!

  • @jessiwillfressi_3866
    @jessiwillfressi_3866 2 года назад

    What did you study to know all this stuff, this is so interesting how you know so much about colors, shapes, drawing in genereal

  • @hewicopter8878
    @hewicopter8878 2 года назад

    Can you do a set up video of, programs, hardware, etc. you use for doing pixel art? Thank you so much for your videos !

  • @krmzdomates1851
    @krmzdomates1851 2 года назад +1

    AdamCYounis Can you make a video about the frame properties (duration milisecond).

  • @txlogs
    @txlogs Год назад

    If I ever make a video game, it started here

  • @sam-bk8hg
    @sam-bk8hg 2 года назад +1

    i love your videos ❤

  • @ridiculouslycoolguy
    @ridiculouslycoolguy Год назад +1

    It pisses me off how skilled this guy is at literally everything.

  • @timpawlovich9522
    @timpawlovich9522 Год назад

    Amazing :)

  • @SpiderSamYT
    @SpiderSamYT 2 года назад +1

    What's the name of the program you're using? Because this video was so well done I wanna animate some pixel sprites again, I just dont know what the programs called

  • @l_guy
    @l_guy Год назад

    1:29
    WHEN YOU WALK AWAY
    YOU DON’T HEAR ME SAY
    PLEASE!
    (Oh baby don’t go)

  • @Taehl
    @Taehl 2 года назад

    Good tutorial, but I had to crank the volume up to 300% to hear what you were saying.

  • @AvocadoInvocado
    @AvocadoInvocado 8 месяцев назад

    37:42
    I just want to remind myself of this

  • @Cottee93
    @Cottee93 2 года назад

    Hey legend, incredible tutorial as always! I have a question - if you wanted to include character customization in a game that uses pixel art and frame-by-frame animation, how would you go about that? Is it possible? Would it have to involve unspeakable hours redrawing each frame for changes in hairstyle/clothing etc? Keep up the awesome work!

    • @Taehl
      @Taehl 2 года назад +2

      One of the simplest ways to do it, in my humble opinion, is to let players pick the colors used on their character - hair, skin, shirt, pants, and/or whatever you feel is appropriate. Then you cut each recolorable thing into its own layer (if they're not that way already) so you can export spritesheets of each separately (eg., spritesheet 1 has just the hair, spritesheet 2 has just the skin, etc.), which in this case should all be in bright greyscale (no color, just shading - like they've all been painted white). That's because when you draw your final sprite in-game, you put those pieces at your character's coordinates and render each with the custom colors that were chosen (instead of drawing them with white like you do for full-color sprites).
      It's is an age-old trick that used to be done with palette swapping on old hardware, but modern variations like this can still be seen in games like Starbound, Stardew Valley, and so on.
      There are other ways you could go about it, but I can't think of anything that would be less work to implement (unless you already have some sort of elaborate system that generates all your sprites for you, like if you already made all your characters in 3D and have Blender rendering your spritesheets (like they did for Factorio) or something).

  • @vincentjeorgedapito789
    @vincentjeorgedapito789 2 года назад

    can you make a tutorial video showcasing animated tilemaps? I'm curious how to make that, like animated waterfall.

  • @xSPESHERx
    @xSPESHERx 2 года назад

    Yo Adam. Do you use Graphical tablet for drawing pixels? Or only mouse?

  • @the-birbo
    @the-birbo 2 года назад +4

    you always look and sound like you're about to lean in for a kiss