CHARACTER & ANIMATION Top down RPG (Pixel Art Tutorial)

Поділитися
Вставка
  • Опубліковано 9 лют 2025
  • TWITCH: / mortmort
    ART SOFTWARE: goo.gl/wyb6Qn
    -Tools, Hardware, Software & Socials in the Description-
    ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️
    Website: www.mortmort.net/
    TWITTER: / mnrart
    INSTAGRAM: / mortmort__
    ITCHIO: mortmort.itch.io/
    Discord: / discord
    PIXEL MERCH: bit.ly/2gEg7FZ
    ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️
    Contact Info:
    www.mortmort.n...
    ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️
    Tools:
    Tablet: amzn.to/2z1Y6dH
    Mouse 1 : amzn.to/3ej6LHE
    Mouse 2: amzn.to/2X1mcx4
    Keyboard: amzn.to/2yOEzgZ
    Monitors: amzn.to/2Zifk1t
    Monitor Stand: amzn.to/2T30Tu7
    Headphones: amzn.to/2WUDdZY
    Microphone: amzn.to/2T7QQ6O
    Webcam: amzn.to/3dOqJK8
    Lights: amzn.to/3czt63v
    Gaming Capture Card: amzn.to/3cBBpLY
    Desktop:
    Disk Drivers: amzn.to/3bynGEr
    Graphics Card: amzn.to/3fRapu3
    Processor: amzn.to/2WWrPwN
    Motherboard: amzn.to/3g1vJNE
    Ram: amzn.to/3fUhry0
    Laptop:
    Laptop Surface Pro: amzn.to/2TbMJXI
    Surface Pro Pen: amzn.to/2T7gV6g
    Software:
    Pixel Software Aseprite: goo.gl/wyb6Qn
    Stream Avatar: bit.ly/StreamAv...
    Aseprite Dark Mode Theme: mortmort.itch....
    ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️
    Thank you so much for watching my videos!
    Be sure to share your journey of being a creative person
    Down in the comments below, I’d love to hear how your
    Progress is going, Pixel art, Traditional drawing or 3D.
    Stay Creative!
    Love Mort ♥
    ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️
    Music:
    / marksparling
    / @bulby
    / @roccowschiptune Outtro song by RoccoW

КОМЕНТАРІ • 313

  • @Jebbles1
    @Jebbles1 5 років тому +381

    I actually used the 3 step approach layout technique with the four colors, and WOW it made my first Sprite sooo much better than just winging it! And I only used five shades of black and gray so I wouldn't go overboard with colors. Thanks Mort!

  • @bastiansito111
    @bastiansito111 10 місяців тому +23

    Easy solution: Make a 5-Directon character. Up, Right-Up, Right, Right-Down and Down. To the other 3 directions, just flip horizontally the designs.

  • @bunabyt3
    @bunabyt3 11 місяців тому +18

    0:45 note that later Pokemon games (Black/White and Black 2/White 2) use an angle closer to 22.5 for the sprites, as it works better in 3D environments.

  • @jessejayjones
    @jessejayjones 6 років тому +263

    That's a really cute blank character! xD This is so helpful, love the way you break down your process!!

    • @MortMort
      @MortMort  6 років тому +9

      Thanks Jesse

    • @fv4202x
      @fv4202x 6 років тому +2

      @@MortMort np

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

      @TheCodeMaster And... no one listened :(

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

      @@Polomanart why would anyone listen

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

      ua-cam.com/video/6fDTnaKLSpc/v-deo.html

  • @HlessthanBs
    @HlessthanBs 6 років тому +41

    You don't know how long I've been waiting for this. Thank you so much.

  • @pichongames
    @pichongames 6 років тому +127

    I was literally making RPG Sprites like one minute ago and this video pops up.

    • @jaimiedev
      @jaimiedev 6 років тому +6

      me too

    • @MortMort
      @MortMort  6 років тому +39

      Sorry I'll stop reading minds now!

    • @mason3872
      @mason3872 6 років тому +5

      MARK ZUCKERBERG HAS TAKEN CONTROL OF UA-cam ITSELF

    • @theseangle
      @theseangle 5 років тому +1

      @@mason3872 *P - Prediction*

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

      God hired this man to help you with your dreams.

  • @berganovie2028
    @berganovie2028 6 років тому +281

    How cool is the little dog running at the bottom line of the video? :D

    • @tusharuchil8220
      @tusharuchil8220 5 років тому +18

      It represents the run time of the video

    • @orionlax626
      @orionlax626 5 років тому +22

      @@tusharuchil8220 Really? Wow, that's amazing. Thanks for telling us.

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

      I'd also like to add my input about the dog...it represents the runtime of the video.

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

      @Joris Neber Apparently you can't identify facetious remarks, which is why you will forever be an Inspector Lestrade.

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

      @Joris Neber A fantastic retort, Lestrade, bravo.

  • @rodrigoe3104
    @rodrigoe3104 6 років тому +13

    I've learnt almost everything I know about pixel art from you.
    I was just looking how to draw top down RPG and I realized this was uploaded not so long ago.
    Thank you, MortMort! You deserve all the love

  • @silverblue73
    @silverblue73 3 роки тому +8

    Non-Pixel Artist: cool, but it's just pixel art
    Beginner Pixel Artist: god please teach me your ways

  • @kishprime7719
    @kishprime7719 6 років тому +10

    Enjoying your stuff right now! I will say, the challenge with 8-direction is not 8-direction movement per se, but making the attack animations for every direction is rough. I did not know I could have the animation playing constantly as I make changes, awesome find!

  • @PayrollTips
    @PayrollTips 5 років тому +16

    Finally, changing out all the placeholder sprites in my game, this was very helpful as its my first time doing animated sprite design. Just bought a copy of Aseprite to follow along with your video and can recommend it too.

  • @caligulas430
    @caligulas430 5 років тому +11

    I don't even have a computer to work on right now, but as someone who's really looking forward to make an RPG game with an EarthBound-ish style, I wanted to thank you in advance for these tips :P

  • @VincentDagenais
    @VincentDagenais 6 років тому +1

    This tuts is crazy, i love the way you explain something obvious, but with a lot a deep reflection in it! Its is so clear and clever!!! Kudos MortMort!

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

    You made a 9 minute and 8 second video teaching us lots about animation in pixel art, but only spent 20 seconds doing your 'shameless self promotion'. This is why your channel is so awesome. You actually provide so much quality teaching, you could have easily gotten away with spending 1 minute or 2 on the promotion but you kept the ratio much lower. Thanks for this.

  • @zvhaorik100
    @zvhaorik100 6 років тому +15

    Good video. I'm going to make some mannequins like this. The cool thing about making characters like this is that you can use them as a template for other characters. Different color hair, different hairstyles, different armor, different weapons. You could probably flush out half a game's content with a few templates.

  • @astrangerontheinternet6901
    @astrangerontheinternet6901 6 років тому +31

    i was helping my brother make a rpg game and this came out at the right moment xD

  • @sarahw1371
    @sarahw1371 6 років тому +1

    I was fixated on the small doggo at the bottom of the screen, so cute!

  • @irene1307
    @irene1307 6 років тому +1

    The small crawling thing measuring time is cute

  • @JoeyMerryfield
    @JoeyMerryfield 5 років тому +7

    This helped me so much :D I was trying to use earthbound sprites as a reference, but not work. but the way you taught me to sort limbs (like the left arm red and right arm blue) helped me SO MUCH!

  • @AnythingElseFails
    @AnythingElseFails 6 років тому +381

    How is it 9 direction? I think you mean 8.
    Other than that, this is a very helpful tutorial.

    • @MortMort
      @MortMort  6 років тому +164

      Oh yeah, ofc 8 direction my bad.

    • @zvhaorik100
      @zvhaorik100 6 років тому +23

      9 for full rotation. Front, quarter, side, quarter, back, quarter, side, quarter, front.

    • @AnythingElseFails
      @AnythingElseFails 6 років тому +59

      Zezzreth Vhaorik which is, to my counting, still 8. 4 straight ones (N, E, S and W) and 4 diagonal ones (NE, SE, SW and NW).

    • @ToddM_arts
      @ToddM_arts 6 років тому +33

      HeroicOutlaw, he said front twice.

    • @fabiannymands3704
      @fabiannymands3704 6 років тому +5

      alex Well but if you want the character to do a 360 turn, you might need (depending on how you do it) the front view two times. Otherwise the character might be looking to the side at the end of the rotation.

  • @madcountofdumont7742
    @madcountofdumont7742 6 років тому +2

    Thanks man. I've been putting off animation for soo long this is just what I need to get back into it.
    You among replaying Grandia really inspired me to try pixel art. That and tablets are expensive.
    Glad to see these tutorials.

  • @stuhli_channel4777
    @stuhli_channel4777 6 років тому +19

    Yes, I use this website whenever I want to understand something better.
    You make great videos and streams.
    Keep it up. ; )

    • @snowzua
      @snowzua 6 років тому

      what website is it?

    • @stuhli_channel4777
      @stuhli_channel4777 6 років тому

      That is this website www.spriters-resource.com/ Its very cool =)

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

    Saved my dev rpg life. Thank you. I really wanted some guide for character body and how much sprite i need, them i can make a default for every character

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

    Bro im so thankful for finding your channel, nice tutorials, pretty easy to follow!

  • @valecastro641
    @valecastro641 5 років тому +2

    Amazing tutorial! And i have to confess that im in love with the little doggie at the bottom ♡♡♡

  • @fv4202x
    @fv4202x 6 років тому +3

    0:04 Really legend arrow cursor animation

  • @Saurfang
    @Saurfang 6 років тому +1

    thank you man, im lately interested in pixel art, so i start drawing my character but when it came for the walking animation i felt it looked so weird so i found your channel and learnt from you a lot *i was surprised im kinda doing the same thing as u do :3*
    best channel for pixel art great job

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

    I love this thank you, I needed this for my RPG, dungeon crawler game

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

    This was literally what I needed - you’re now my go to for Pixel Art :D

  • @danielcordeiro6524
    @danielcordeiro6524 5 років тому +1

    Thanks Mort! I´m learning a lot with your videos.

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

    This is the first time you've done something where I think I could do better or at least as good--which should be the case considering I have a frikin' honors degree in animation & electronic media. Nice to know you are in fact human, and I'm not completely useless. lol

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

    Wow, you've explained this better than any of my teachers. Thank you!

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

    Really nice video MortMort! I make aps for mobile phones so one thing I like to do before proceeding with animations is to load the character into the phone to get an early feel of how it looks on the target medium.

  • @dominoondemnubz7590
    @dominoondemnubz7590 6 років тому

    This is fairly helpful yet simple, Really liked these kind of pixel arts tutorial

  • @adamcrawford1390
    @adamcrawford1390 5 років тому

    Subbed! I have just recently bought Aseprite after literally decades of using MsPaint for my Pixel art. Muscle memory's my enemy right now but This program hasn't really had THAT much of a learning curve for me so far. Your videos help out a whole lot too! and this video about using 4 colors to animate with is super helpful!

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

      Eventually you'll go back to MS Paint and start trying key commands only to find they don't work XD

  • @jeffbolt3757
    @jeffbolt3757 6 років тому +7

    Inspired me a lot.

  • @jamesban
    @jamesban 6 років тому +1

    Thank you for the bases. Really helpful for non-artsy people like me

  • @TK-bruh
    @TK-bruh 6 років тому +1

    I feel so motivated! 🙌

  • @blackcitadel37
    @blackcitadel37 6 років тому

    Another great video as always. Just what i needed.

  • @prashantmaharana3467
    @prashantmaharana3467 6 років тому

    I seriously needed this tutorial, thanks a million...

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

    I like the little dog that is at the bottom of the video.

  • @spellboundgamer
    @spellboundgamer 6 років тому

    Omg i needed this os much! you are the best mort!!

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

    Such a good tutorial thank you very much for this! Has helped me tremendously!

  • @paradoxzstudiozofficial7466
    @paradoxzstudiozofficial7466 5 років тому

    This dude ASMR without even trying XD

  • @familudikonofficial5663
    @familudikonofficial5663 5 років тому

    Very helpful!! I'm so excited to keep learning. Have an awesome weekend

  • @CharlesA.
    @CharlesA. Рік тому

    I needed this a lot ! Thank you so much m8.

  • @DrOdd-hn1ct
    @DrOdd-hn1ct 5 років тому

    You just gained a new subscriber man, great video.

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

    I used your base as a reference. Thank you so much! I made a bandit! Realy easy to make something nice. It took some time but it looks great!

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

    Thanks man this really helped and I was able to make a sprite for the game I'm making

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

    Thank you so much for this tutorial! 😁

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

    Excellent tips and a great tutorial. Thanks!

  • @MaoDev
    @MaoDev 6 років тому +2

    4:44 I work only with 2 directions: left and right, lol. And that even for isometric games, not only for platformers

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

    Have you ever subscribed to a UA-cam channel only after watching ONE of there videos?? Because that's what I did, after watching this! Thanks SO MUCH!

  • @GamekrazzyProduction
    @GamekrazzyProduction 6 років тому

    Great vid MortMort! The tutorial is great! I've tried the sectioning of limbs thing you do here before, and to be completely honest it's really hard for me to do effectively. lol, but That comes from the years of doing everything by outline... You are definitely right about reference though... I still reference sprites all the time even though I have good experience, referencing for animations you aren't comfortable with is a great way to get comfortable with them. (Currently working on gb-zelda-like sprites, and I had to reference for how the somersault/jump animation was done, as well as the attack animation)

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

    you are an inspiration! Much respect!

  • @jaimiedev
    @jaimiedev 6 років тому

    You're the best man. Thanks for this

  • @blepglep
    @blepglep 6 років тому

    Very helpful information! Thanks, MortMort!

  • @dayenerodrigues5344
    @dayenerodrigues5344 6 років тому

    just found your channel and I loved it! +1 subscriber, keep the great work!

  • @mlfconv
    @mlfconv 6 років тому +1

    also 2:49 notice the shadows and the smooth motion caused by the underlying transparent previous frame

  • @chimichuflis
    @chimichuflis 6 років тому

    This was really helpfull, you sir deserve more subs!

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

    Talented and handsome... What a guy... 😳

  • @lively2774
    @lively2774 6 років тому

    Thanks it really helps for a somewhat game dev like me

  • @chrisp7414
    @chrisp7414 6 років тому

    1 min into the vid I already love what I'm seeing

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

    I might attempt the 9 direction sprite.

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

    Your video as well as the website you recommended are so amazing! I don't like copying other people's work, so some handful of references would be very helpful!

  • @derpmedia2373
    @derpmedia2373 6 років тому

    Love everything about this

  • @rafirafchaines8316
    @rafirafchaines8316 6 років тому

    The Jazza of pixel art

  • @distantsails
    @distantsails 6 років тому +1

    Solid tutorial, mate. Very useful for beginners and also more experienced pixel artists!

  • @juanchocolateable
    @juanchocolateable 6 років тому

    I don't think the same about copying. Publishing something you've copy is wrong, but copying something to know how to do it can be a nice and usefull way of learning.

    • @MortMort
      @MortMort  6 років тому +1

      Like i said you learn so much more from opserving, just don't rip and copy past. :)

  • @kostyai5121
    @kostyai5121 5 років тому

    Thank you for sharing your skills! very useful for me🙏

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

    You earned my subscription

  • @Elbot120
    @Elbot120 6 років тому

    AH THE LITTLE DOG AT THE BOTTOM IS AWESOME! Is that jake?

  • @user-ot7sh2ip5s
    @user-ot7sh2ip5s 6 місяців тому

    very helpful, useful tips

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

    3:56 plot twist: the 9th direction is the dog at the bottom

  • @MinhAzn2G4U
    @MinhAzn2G4U 6 років тому +6

    Hey Mort, great video ! Though, at 7:06 you have the info box saying "I will live a link" instead of "I will leave a link". Not a big issue though, just thought you'd like to know.

    • @MortMort
      @MortMort  6 років тому +4

      Whoops :P well it's not a Mort Mort video without a y mistakes hahaha

    • @fv4202x
      @fv4202x 6 років тому

      fu

  • @guys-in9vd
    @guys-in9vd 4 роки тому

    7:18 MortMort trying not to look at baloon kirb

  • @generick4872
    @generick4872 5 років тому +1

    What if I want to sprite something like a lizard? Or something with a generally bizarre head to nose/snout ratio?

  • @soloragoldsun2163
    @soloragoldsun2163 5 років тому

    I'm having trouble with the outlining. Whenever I try to put the black outline on something I previously had colored in the first step, it doesn't show up. I was only able to outline the outside, but not the inner arms or the part of the face that's connected to the torso. How do I fix this?

  • @chimeiteki47
    @chimeiteki47 5 років тому +2

    Brilliant tutorial! I was wondering, could the left and right walk motions be used for 2D side-scrollers?? If not, I don't suppose you or anyone know a good tutorial on designing anything like that? I'm awful at designing characters and need a bit of practice!

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

    Which direction is the ninth direction?
    Up, Down, Left, Right, NW, NE, SW, SE.
    I only count that as eight directions! :P

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

    Feel like learning blender would be easier then you can make your enemy/player render as pixels and edit movements easier and the 8 directions movements

  • @flippystudios7933
    @flippystudios7933 6 років тому +2

    what software would you recommend for beginners? preferably cheap or inexpensive

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

    Is there any money in creating sprites and tile sets? I’d like to make my own game but I don’t do code, but I can draw.

  • @Martyvader
    @Martyvader 6 років тому

    Anybody else watch the little dog at the bottom of the screen? That was a cute Easter egg 😁

  • @aprendendocomgames
    @aprendendocomgames 6 років тому

    So cool!

  • @jakenastysnake
    @jakenastysnake 5 років тому

    The poor guy you chopped his feet right off!

  • @cesarfernandez2368
    @cesarfernandez2368 6 років тому

    a very useful video thanks!

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

    my dilemma: do i choose an even or an odd number of pixels for my sprite?

  • @-Lola.
    @-Lola. 5 років тому +2

    When you start a new file, what size should you make your layout for your sprite sheet?? What size was yours??

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

      Late reply for could help others reading it. His seems to be 32x32 but if you want bigger you can make 64x64 just makes you have more room

  • @rokktober-personal
    @rokktober-personal 6 років тому

    This was so awesome to watch as I'm learning how to pixel art and animate. Are these 32x32 sprite sizes? Thanks Mort!

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

    Thank you for the vid:) it's very helpful! I have a question i can't seem to find the answer to: how do i go about creating interchangeable outfits and hairstyles for my sprites? Do i have to make a complete animated sprite for each and every combintion of outfit + hairstyle, or separate files with the animated outfit and hair that will he overlaying with the base sprite file? I'm trying to figure out what assets i need to create for a game that would have a character able to change hairstyles and outfits. But since im not a programmer i dunno how it works when it comes to integrate the assets into che game.
    Thank you!

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

    thank you!

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

    Can you make a another video for animation but go over it with some details
    (like side walking)

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

    this is what i am looking for 😅

  • @sixthsurge
    @sixthsurge 6 років тому

    This is so useful!

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

    thanks man!

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

    What is the perspective of the game "Eastward"? And what size px should i use for that kind of art ? Plss check thanks

  • @kmillskhalidmills
    @kmillskhalidmills 5 років тому

    dope!

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

    i need help getting a template or a border structure as a base for my top down characters, want something adventure rpg-like, something inbetween zelda and pokemon (gba ones), I've looked at the sprites but since the are already coloured and shaded it's hard for me to distinguish :( any clues or tips? (like basic head should be around 8x8 pixels, limbs position/proportions)

  • @AFG-yc1ck
    @AFG-yc1ck 6 років тому

    What program do u use or if u know about other good pixel art program