Pixel Art Class - Isometric Character Basics

Поділитися
Вставка
  • Опубліковано 10 тра 2024
  • By popular demand!
    You've been asking for an isometric character tutorial so I thought I'd cover everything I know on the topic in a starter video. Maybe we'll have a part 2 with some animation in the near future? Let me know what you want to see next!
    P.S. More info about the Indie Tales Game Jam very soon. I've been tallying your suggestions for themes, and I'll be handling the tablet giveaway after this week, once I'm ready to release the trailer for the jam itself.
    Chapters:
    00:00 - Intro
    00:58 - Character References
    03:03 - Poses
    04:30 - Sprite Review
    08:34 - First Pose: Facing Toward
    11:14 - Colours and Shapes
    11:45 - Eyes
    12:34 - Face
    13:09 - Shading
    15:16 - Outlines & Cleanup
    17:08 - Second Pose: Facing Away
    21:00 - Outro
    ----
    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!
  • Наука та технологія

КОМЕНТАРІ • 118

  • @golden998
    @golden998 3 роки тому +88

    "i did this in about 2 and a half hours" and looks amazing!

  • @alejmc
    @alejmc Рік тому +13

    For a complete clueless person like me, it is already breathtaking the clay like silhouette shaping… you can imagine then how those tiny pixels added/removed feel since they add so darn much to the whole subject.
    Subbed.

  • @AnoterosHershy
    @AnoterosHershy 3 роки тому +11

    It's wild what experience will do for you. I'v been working on an isometric rpg for about a year and a half and Adam has basically caught up with me in a month. Ofc i can't work on it full time but still, you're an inspiriation good sir.

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

    You gave the people what they wanted! This was a terrific tutorial! Thank you so much! You continually make character sprite creation so accessible :D

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

    Love this! Thank you for providing this wholesome value 💚

  • @richardguilliams7278
    @richardguilliams7278 2 роки тому +5

    final fantasy tactics is literally my inspiration for getting into game design. Im so thankful for your your videos my friend. this stuff is golden content

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

    Omg I've been waiting for this amazing tutorial for while

  • @ravinwong4654
    @ravinwong4654 2 роки тому +6

    Having 0 experience in character design / pixel art / working in an isometric, this video was super informative and fun, cant wait to continue digging into your videos!

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

    Thanks Adam. I really needed this tutorial. You're awesome.

  • @artasky6093
    @artasky6093 11 місяців тому

    OMG!!! The way you make human character look very simple and very easy to understand. I never ever thought about craving black circle into human before and probably never will! Thank you so much!!

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

    it's so nice to just find a guide that's exactly what i'm looking for :)

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

    thanks man, your videos are really helpful. Keep up the good quality

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

    You’re such a boss, I love your channel man! Keep it up!

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

    This is so good! I hope the animation part comes soon

  • @Amieee
    @Amieee 3 роки тому +30

    Oh my goodness! In perfect timing! I am currently designing a manual for my final piece, and I need isometric characters in it. You are a legend!

    • @SofyCat.
      @SofyCat. 2 роки тому

      i know this is late but ur pfp is so cute!

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

    These videos are a great resource! Enthusiastic about potential future isometric-centric videos

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

    Amazing work. Pure passion

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

    Yo excellent tutorial! thank you for the effort you put into this. Watching all the others too.

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

    I'm like 3 days away from finishing the first draft of my first full length game and about to switch to full isometric art and OMG this is perfect timing!!!

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

    That tutorial is amazing, thank you!

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

    Love this character design ❤

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

    awesome tutorial! very nice breakdown, thank you so much :)

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

    Love your vids. Can't wait for the animation vid!

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

    I fell in love with your channel. Thanks a lot for your helpful videos 👍

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

    Another great video. Looking forward to the animations!

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

    Thanks a lot for this video, I always wanted it

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

    Thank you so much Adam! Very good tips here👀👍

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

    This video came at the perfect time for me. I've been practising isometric art but my humans were awful. Thanks so much I've now got 1 decent looking character now!

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

    This really helps me a lot specially because I'm new to this kind of thing

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

    Great video as always ! I'd love to see animations

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

    Bro estoy aprendiendo mucho con tus videos, te amo. Un saludo desde Venezuela.

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

    Oh I LOVE this. What a video!!

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

    cant wait for the next episode of isometric character

  • @user-xt8lj9le8i
    @user-xt8lj9le8i 2 роки тому

    dope tutorial!

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

    Great video!
    I like isometric style 😁

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

    This is amazing

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

    Hey Adam, you're awesome. I love your style and you've influenced me so much. Can you make a series about top down ? Like the tilesets, character, water + animating, etc. Would be great to see top down in your pixel art style. I hope you make top down series some day !

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

    so good tutorial

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

    dude you are amazing

  • @Mrflordor
    @Mrflordor 8 місяців тому

    idk don't know if this was mantioned or not but what resolution did youuse to create that character?
    love the channel btw I hope ignisia will be out soon :D

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

    That last one felt very clean. You should try making isometrics with the GBA sprites of Kingdom Hearts Chain of Memories.

  • @marcosangelmedina5845
    @marcosangelmedina5845 8 місяців тому

    Epic

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

    great video Adam!!

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

    Hi mate (and all the community).
    Thanks for the contents. It really helps me wraping my head around creating pixel characters. I have a bunch of ideas for games but not sure how to start...
    I have a degree in Sofrware engineering and game development but not much real world experience (other than a bunch of collage projects). Want to get into the field cause I really love it but never got a chance, so I thought to make some little demo. Any advice, contacts to companies that hire newbies would be absolutely amazing or just any indication to good training content any further improvement x or just feedbach on my work ❤

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

    18:26 the faster you become what!! i need to now!
    Nice video!

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

      He said the more you treat pixels like clay, the faster you become

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

    Incrivel!!

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

    It's really nice adam.

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

    You should make a video on isometric character animations. One that does 8 directional movement because I've seen so many out there that are only 3 frames in animation which is just too slow for my taste & I'm not sure how I'd animate this either.

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

    I love this series
    I want to make an isometric TBS like FFtactics advance

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

    Hey Adam! I was wondering what program youre using to give this lecture. Im a tutor myself and I love the moving background

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

    Great!

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

    Almost at 100k bro ;)

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

    Would be great to see animation or even just static posing on staircase-esque tiles.

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

    Very good tutorial ! A tutorial on isometric player controller next ? :)

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

    Holy shit lets goooo

  • @sanstheelumbu
    @sanstheelumbu 3 роки тому +27

    Do you read minds?? How do you know ?
    And indie tales , i love it

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

      I was about to comment the exact same thing, I came back do game dev because I wanted to make a tactics RPG and he posts about isometric twice

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

    I have this idea to make a game with a randomised main character. Kind of building it up with shoes, legs, torso, faces, hair and hats.
    Would it be possible to have the separate assets and stack them together for the game (in Unity preferably)? Or should all the different combinations be loaded as separate assets? (This quickly turns into a LOT of sprites)

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

    wow man, you did all those characters in 2.5 hrs, i cant even make proper pixel art charact in less than an hour, hoping to get as good as you

  • @itsME-dc4vm
    @itsME-dc4vm 3 роки тому +2

    nice ;D

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

    Great tutorial. New subscriber here.

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

    What I would be curious about is camera animation frame. For all of these games you have a rotating camera, for a more full look would you add in a frame where the the sprite rotates on the tile so for a single second you see the sprite from the direct front and the direct back?

  • @localidiot4078
    @localidiot4078 Рік тому +6

    This is a really good tutorial, i just wish you didnt skip past the first part of making a blank figure

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

    Cool :)

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

    Someone please tell me how to get this Circular Pallete, this looks so great

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

    I LIke your videos. Do you have a video that you mame a Pallete of colors un asprite? Greating!

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

    great vid but please do a bit more explination on the shadow, struggled with that to start with

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

    can i ask a question?wich is the best,top down,isometric or hex grid?(also can you make a tutorial of how to make hex grid and multidirection characters)

  • @orca1361
    @orca1361 Місяць тому

    I have an odd question I was wondering how to make ff tactics and advance sprites in first person? I’m planning on making a retro fps and want the sprites in that style lol

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

    hello. I'm a newbie who started subscribing after watching your UA-cam tutorial a while ago.
    I've only drawn 2 ,3 64x64 px demos, so I'm asking questions because there are parts I'm not familiar with.
    What does it mean that it looks like a 'square' at 16:41?
    thank you :)

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

    hi have you seen the game's reference tree of savior ?

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

    Also make isometric room

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

    Amazing. A random youtube user with a shady profile picture is very happy somewhere

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

    Rekka means literally truck in finnish :)

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

    Is there any video for animation for this isometric style?!

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

    How long do you think it would take you to fully animate an isometric character?

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

    At about 10:08 you shade the top of the character so that the brush paints only inside the character outlines. How does that work? I've tried searching for masking options to no avail.

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

      This is the aseprite "shade" mode on the brush tool.

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

      @@AdamCYounis Ah, ofcourse. Cheers!

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

    How do I use this to make 2d pixel art characters in 3d space, like persona 2 but in unreal engine 4

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

    hey man where did u get that pixel art character for reference like the sprites for walking, idle etc? where can i download that?

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

    Does this work if you want to make isometric art that is not 8-bit?

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

    insta like!

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

    6:15 his german cracked a little there xd

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

    based and fft pilled

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

    Uggh, it's so hard

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

    Hey man, I'm having trouble understanding the relationship between a 32x32 sized character and the enveionment/buildings. Would it be safe to assume that I should basically double the scale of buildings/environments from the character sprite size? My issue is that when I'm drawing in 32x32, I'm not sure whether or not I can "draw outside the canvas size" . Should a character be encapsulated inside that size canvas that is 32x32? I know stardew is 16 pixels wide but is taller and the head cuts into the next tile, I don't understand how this would translate and be okay for sizing in the game world. For example, if my character is drawn within the confines of a 16x16 size, but I choose to make him 18 pixels tall, would that throw off the scale of every other asset in the game? How would I go about thinking about this?

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

      In modern engines, you're free to make the sprite canvas for your assets as big or small as you like, and they don't need to be powers of two or set multiples of your tile size. In engine, there's no reason why you can't have an 18x28 sized character sitting in a 30x40 canvas if you want, or buildings that are 2x your base screen size.
      All of these things are fine, as long as you're drawing them at an equal pixel scale once they're in the engine. So a single pixel in one sprite is the same size as a single pixel in the others.
      Ultimately, if you draw your sprites to look nicely proportioned against each other to your eyes, that's the only thing that matters. When you draw your buildings, paste your character into a new layer and draw the building to look good next to them, then just hide them in the export.

  • @penguin.w2003
    @penguin.w2003 10 місяців тому

    Bác vẽ nhân vật đó bằng app gì vậy mọi người

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

    Which app do you use ?

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

    what's the size of this canvas??

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

      i would suggest 64x64 and make the grid 16x16

    • @4O8
      @4O8 Рік тому

      @@ashrafzaini6816 thanks, but how do i change the grid size?

  • @user-wi3bk4ck5p
    @user-wi3bk4ck5p 3 роки тому

    where can we download your asset?

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

    at 10:06 and 11:19 , how did you to paint only on the character and the brush is not drawing outside of the silhouette at all ?

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

      Aseprite has a "Shade" brush mode for this. I use it constantly!

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

      @@AdamCYounis Thank you very much Adam !

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

    Canvas size pls ;-;

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

    any udemy class specialize on this?

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

    Another great teaching ✨✨✨🌈 @thefreequincy

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

    How would you choose body proportions for a non-binary character?

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

    dude you forgot to talk about habbo hotel

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

    What software is that?

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

    What app does he use?

  • @TheEpicSpire
    @TheEpicSpire 19 днів тому

    i would love a tutorial that actually shows someone how to do something instead of showing people that the person knows how to do it. Speeding through the character silhouette was painful cause i want to know how to do that. I get that some people can learn by watching, but i learn by doing and i can't do something that i don't know how to do.

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

    i have a really hard time understanding anything you say about pixel art, the sizes the canvas etc. ive watched as many videos of yours as i possibly could with no luck

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

    what the size do you use for making this pixel character?

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

    someone felt bad for the unlike button