CHARACTER & ANIMATION Top down RPG (Pixel Art Tutorial)

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 พ.ค. 2018
  • 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.net/contact/
    ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️
    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/StreamAvatar
    Aseprite Dark Mode Theme: mortmort.itch.io/aseprite-dar...
    ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️
    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

ความคิดเห็น • 309

  • @Jebbles1
    @Jebbles1 5 ปีที่แล้ว +364

    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!

  • @jessejayjones
    @jessejayjones 6 ปีที่แล้ว +253

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

    • @MortMort
      @MortMort  6 ปีที่แล้ว +8

      Thanks Jesse

    • @fv4202x
      @fv4202x 5 ปีที่แล้ว +2

      @@MortMort np

    • @Polomanart
      @Polomanart 4 ปีที่แล้ว +2

      @TheCodeMaster And... no one listened :(

    • @clairdelune8756
      @clairdelune8756 4 ปีที่แล้ว +2

      @@Polomanart why would anyone listen

    • @HenryColeHawkins
      @HenryColeHawkins 3 ปีที่แล้ว

      th-cam.com/video/6fDTnaKLSpc/w-d-xo.html

  • @nulcow
    @nulcow 4 หลายเดือนก่อน +10

    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.

  • @berganovie2028
    @berganovie2028 5 ปีที่แล้ว +264

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

    • @tusharuchil8220
      @tusharuchil8220 5 ปีที่แล้ว +17

      It represents the run time of the video

    • @orionlax626
      @orionlax626 4 ปีที่แล้ว +20

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

    • @ShameerKhanClone
      @ShameerKhanClone 4 ปีที่แล้ว

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

    • @ShameerKhanClone
      @ShameerKhanClone 4 ปีที่แล้ว

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

    • @ShameerKhanClone
      @ShameerKhanClone 4 ปีที่แล้ว

      @Joris Neber A fantastic retort, Lestrade, bravo.

  • @pichongames
    @pichongames 6 ปีที่แล้ว +121

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

    • @jaimiedev
      @jaimiedev 6 ปีที่แล้ว +6

      me too

    • @MortMort
      @MortMort  6 ปีที่แล้ว +36

      Sorry I'll stop reading minds now!

    • @mason3872
      @mason3872 5 ปีที่แล้ว +5

      MARK ZUCKERBERG HAS TAKEN CONTROL OF TH-cam ITSELF

    • @theseangle
      @theseangle 4 ปีที่แล้ว +1

      @@mason3872 *P - Prediction*

    • @skewberthewden8773
      @skewberthewden8773 4 ปีที่แล้ว +2

      God hired this man to help you with your dreams.

  • @HlessthanBs
    @HlessthanBs 6 ปีที่แล้ว +40

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

  •  4 ปีที่แล้ว +20

    3:56 Mister... I think you miscalculated a little....

  • @VincentDagenais
    @VincentDagenais 5 ปีที่แล้ว

    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!

  • @PurpleGecko6
    @PurpleGecko6 17 วันที่ผ่านมา

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

  • @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!

  • @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.

  • @ZiRR0
    @ZiRR0 3 ปีที่แล้ว

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

  • @PayrollTips
    @PayrollTips 5 ปีที่แล้ว +15

    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.

  • @Weird_Quests
    @Weird_Quests 3 ปีที่แล้ว +1

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

  • @blackcitadel37
    @blackcitadel37 5 ปีที่แล้ว

    Another great video as always. Just what i needed.

  • @silverblue73
    @silverblue73 2 ปีที่แล้ว +2

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

  • @CharlesA.
    @CharlesA. 5 หลายเดือนก่อน

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

  • @rodrigoe3104
    @rodrigoe3104 6 ปีที่แล้ว +12

    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

  • @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

  • @dominoondemnubz7590
    @dominoondemnubz7590 5 ปีที่แล้ว

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

  • @spellboundgamer
    @spellboundgamer 6 ปีที่แล้ว

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

  • @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!

  • @danielcordeiro6524
    @danielcordeiro6524 4 ปีที่แล้ว +1

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

  • @familudikonofficial5663
    @familudikonofficial5663 5 ปีที่แล้ว

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

  • @jeffbolt3757
    @jeffbolt3757 6 ปีที่แล้ว +7

    Inspired me a lot.

  • @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.

  • @prashantmaharana3467
    @prashantmaharana3467 5 ปีที่แล้ว

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

  • @thebutcher1412
    @thebutcher1412 ปีที่แล้ว

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

  • @blepglep
    @blepglep 6 ปีที่แล้ว

    Very helpful information! Thanks, MortMort!

  • @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

  • @valecastro641
    @valecastro641 5 ปีที่แล้ว +2

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

  • @sarahw1371
    @sarahw1371 6 ปีที่แล้ว +1

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

  • @derpmedia2373
    @derpmedia2373 6 ปีที่แล้ว

    Love everything about this

  • @DrOdd-hn1ct
    @DrOdd-hn1ct 5 ปีที่แล้ว

    You just gained a new subscriber man, great video.

  • @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.

  • @simmzzzz
    @simmzzzz 3 ปีที่แล้ว

    Excellent tips and a great tutorial. Thanks!

  • @TK-bruh
    @TK-bruh 5 ปีที่แล้ว +1

    I feel so motivated! 🙌

  • @jaimiedev
    @jaimiedev 6 ปีที่แล้ว

    You're the best man. Thanks for this

  • @vampirette_xo5032
    @vampirette_xo5032 3 ปีที่แล้ว

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

  • @chimichuflis
    @chimichuflis 5 ปีที่แล้ว

    This was really helpfull, you sir deserve more subs!

  • @jamesban
    @jamesban 6 ปีที่แล้ว +1

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

  • @lohweiqi
    @lohweiqi 5 ปีที่แล้ว

    really appreciate how clear you explain your steps! also you hve very cute eyebrows :-)

  • @abdulrahmanmuhammad5320
    @abdulrahmanmuhammad5320 4 ปีที่แล้ว

    you are an inspiration! Much respect!

  • @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)

  • @dayenerodrigues5344
    @dayenerodrigues5344 5 ปีที่แล้ว

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

  • @caligulas430
    @caligulas430 5 ปีที่แล้ว +9

    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

  • @OniShade
    @OniShade 9 หลายเดือนก่อน

    Thank you so much for this tutorial! 😁

  • @lively2774
    @lively2774 6 ปีที่แล้ว

    Thanks it really helps for a somewhat game dev like me

  • @nitrodion2005
    @nitrodion2005 3 ปีที่แล้ว

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

  • @andrewballantyne1696
    @andrewballantyne1696 3 ปีที่แล้ว

    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!

  • @irene1307
    @irene1307 6 ปีที่แล้ว +1

    The small crawling thing measuring time is cute

  • @I2hate2you2all1
    @I2hate2you2all1 6 ปีที่แล้ว

    Youre shapes are so consistent that i kept thinking this was a 3d model

  • @reneashabishop6146
    @reneashabishop6146 3 ปีที่แล้ว

    You earned my subscription

  • @kostyai5121
    @kostyai5121 4 ปีที่แล้ว

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

  • @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. ; )

  • @distantsails
    @distantsails 6 ปีที่แล้ว +1

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

  • @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 3 ปีที่แล้ว

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

  • @sixthsurge
    @sixthsurge 6 ปีที่แล้ว

    This is so useful!

  • @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!

  • @chrisp7414
    @chrisp7414 6 ปีที่แล้ว

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

  • @sirbootylord6880
    @sirbootylord6880 2 ปีที่แล้ว

    Very informative thank you good sir

  • @AnythingElseFails
    @AnythingElseFails 6 ปีที่แล้ว +380

    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.

  • @robertsyrett1992
    @robertsyrett1992 3 ปีที่แล้ว

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

  • @inceptional
    @inceptional 3 ปีที่แล้ว

    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

  • @cesarfernandez2368
    @cesarfernandez2368 6 ปีที่แล้ว

    a very useful video thanks!

  • @lopescastrogustavo
    @lopescastrogustavo 3 ปีที่แล้ว

    thanks man!

  • @fv4202x
    @fv4202x 5 ปีที่แล้ว +3

    0:04 Really legend arrow cursor animation

  • @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!

  • @loc9268
    @loc9268 6 ปีที่แล้ว +1

    Hey Mort nice video, very useful! Could you give me some advice about sprites without outline? I tried adding some backlights on my character and sometimes it was difficult to distinguish it from the background. Also, it would be great to see some ilumination tutorials. Keep up the good work!

  • @kmillskhalidmills
    @kmillskhalidmills 4 ปีที่แล้ว

    dope!

  • @cocasurfboards
    @cocasurfboards 6 ปีที่แล้ว

    So cool!

  • @HyperImaginative
    @HyperImaginative 2 ปีที่แล้ว

    I might attempt the 9 direction sprite.

  • @astrangerontheinternet6901
    @astrangerontheinternet6901 6 ปีที่แล้ว +31

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

  • @darasamudra
    @darasamudra 3 ปีที่แล้ว +1

    Really cool dude

  • @paradoxzstudiozofficial7466
    @paradoxzstudiozofficial7466 4 ปีที่แล้ว

    This dude ASMR without even trying XD

  • @an0n__
    @an0n__ 3 ปีที่แล้ว

    thank you!

  • @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.

  • @andrewlugia4235
    @andrewlugia4235 6 ปีที่แล้ว

    Yo mort that hella helps :D

  • @simong7568
    @simong7568 6 ปีที่แล้ว

    Great video! :D

  • @MaoDev
    @MaoDev 5 ปีที่แล้ว +2

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

  • @Elbot120
    @Elbot120 6 ปีที่แล้ว

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

  • @zefi5051
    @zefi5051 3 ปีที่แล้ว

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

  • @bastiangamer5459
    @bastiangamer5459 3 หลายเดือนก่อน +1

    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.

  • @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!

  • @yutaowang1708
    @yutaowang1708 6 ปีที่แล้ว

    谢谢up 讲的真不错

  • @diegocrusius
    @diegocrusius 5 ปีที่แล้ว

    thank you

  • @rafirafchaines8316
    @rafirafchaines8316 6 ปีที่แล้ว

    The Jazza of pixel art

  • @benjaminhviid5782
    @benjaminhviid5782 6 ปีที่แล้ว

    I live your videos and your accent!
    Danish People 4 life!

  • @devgameco8175
    @devgameco8175 4 ปีที่แล้ว

    this is what i am looking for 😅

  • @AKZILLA
    @AKZILLA 4 ปีที่แล้ว

    cool

  • @KonanByAkatsuki
    @KonanByAkatsuki 2 ปีที่แล้ว

    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!

  • @ritsu2748
    @ritsu2748 6 ปีที่แล้ว

    Awesome video! I really like how you explain things! Will you make a video for 2D animation? like Mega Man and Metal Slug. I really suck at idle and walk animations.

    • @MortMort
      @MortMort  6 ปีที่แล้ว +1

      Eventually yes!

  • @generick4872
    @generick4872 4 ปีที่แล้ว +1

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

  • @wicgamesdev
    @wicgamesdev 2 ปีที่แล้ว

    tHANK YOUUU

  • @GoldenGamerFox7272fromYT
    @GoldenGamerFox7272fromYT 3 ปีที่แล้ว

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

  • @chrismoly9063
    @chrismoly9063 6 ปีที่แล้ว

    @MortMort or anyone really.
    I have been using Pro Motion NG for some months now, Asperite has many different features and I am considering it.
    What influenced you to choose Asperite over Pro Motion NG ?

  • @flippystudios7933
    @flippystudios7933 5 ปีที่แล้ว +2

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

  • @lisloh128
    @lisloh128 ปีที่แล้ว

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

  • @justmisaki1589
    @justmisaki1589 6 ปีที่แล้ว

    It's ok if you can't, but it would be awesome if you could make a platformer character tutorial, I've been having trouble with that style. BTW, love your videos :) !

  • @jakenastysnake
    @jakenastysnake 4 ปีที่แล้ว

    The poor guy you chopped his feet right off!