Pixel Art Class - What's The Right Canvas Size?

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 มิ.ย. 2024
  • Heya, Pals!
    This week we're having a chat about Canvas Sizes for your pixel art! I get asked about this all the time, so hopefully I can give some answers on the topic.
    Enjoy!
    Chapters:
    00:00 - Intro
    01:46 - Pixel Art for Art's Sake
    05:14 - Pixel Art for Games
    07:34 - About Palette Depth
    12:04 - Character Sizes
    17:00 - Screen Sizes
    20:27 - Picking Your Game's Resolution
    29:58 - My Approach
    32:13 - Canvases for All Other Assets
    35:15 - Towards Pixel Art Proficiency
    37:21 - Outro
    Music Credits:
    Zelda: Threshold of a Dream - threshold.ocremix.org/
    Zelda: Essence of Lime - essenceoflime.revasser.net/
    Art References:
    / kyssalian
    / cyangmou
    Game References:
    Links Awakening DX
    Super Mario Bros 3
    Celeste
    Stardew Valley
    Momodora: Reverie Under the Moonlight
    Owlboy
    Iconoclasts
    Insignia
    Rogue Legacy
    Blasphemous
    Zelda: The Minish Cap
    ----
    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!
  • วิทยาศาสตร์และเทคโนโลยี

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

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

    The thumbnail is amazing - the idea of using quantum mechanics to work out the canvas size is brilliant

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

      That's a very sneaky but deserved flex recognisng them on sight like that!

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

      @@AdamCYounis It wasn't supposed to be obvious?

    • @alexsterckel2511
      @alexsterckel2511 ปีที่แล้ว +21

      @@jaredjones6570 well to see the formulas is the point of the thumbnail to know that those formulas are related to quantum mechanics is quite the flex.

    • @fernmiranda
      @fernmiranda ปีที่แล้ว +11

      Dang it! Now I have to learn quantum mechanics too?!

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

    The fact that this content is free, I'm finding my love for TH-cam again. Reminds me of learning how to design years ago.

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

    As someone who has recently found an interest in pixel art and game dev, this channel is literally the most helpful resource I've found. Thanks for the content.

  • @nicomarcelino9439
    @nicomarcelino9439 4 วันที่ผ่านมา

    Honestly, before this video, I couldn't wrap my head around how tiny 16 x 16 pngs could ever scale up to modern resolutions. I know pixel games literally do it, but I couldn't wrap my head around the how. Literally somethin that kept me up at night and paralyzed my in making pixel art. Thanks for finally setting my head straight!

  • @Hobbytea
    @Hobbytea 20 วันที่ผ่านมา +1

    I really love that you break everything down into its smallest parts and explain the way rather than just saying the answer. This has helped me so much! Thank you

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

    Also note that in sidescrollers, your character sprite's width (horizontal size) is much more important than height (vertical size) since in sidescrollers you typically move more to the side than upwards. (Notice that in games where you do primarily move up and down - like Downwell or Jump King - character sprites are more square-ish in proportions). Also notice that the super-wide games shown (Blasphemous and Rogue Legacy) have your character have really a narrow hitbox, while most of the sprite visible does not actually affect gameplay - for example in Rogue Legacy, the giant sword held by your character is purely cosmetic, and so is a part of the pointy hat in Blasphemous.

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

    This is quite literally the question I had on my mind today. I've been working on game assets and size has had me stumped. Your timing is impeccable.

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

    I have watched a lot of your videos to improve. And I can honestly say, this has been by far the most useful. Just having a starting point and explanation answers so many questions and ultimately helps make everything beforehand fit into place!

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

    You have been single handedly the most useful youtuber I have come across. Have a degree in game development, and after 4 years of thinking about my game, I am now on path to creating it! Just so happens to be pixel art! The whole sizing, canvas, and doubling the resolution to fit 720p, 1080p, etc is so useful. Will be watching a lot of your videos over the next year haha. Thanks for being so helpful.

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

    I was searching everywhere for a tutorial just like this. Perfectly helpful and concise information. Insignia looks incredible btw

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

    This tutorial should be shown to every new baby being born.
    That's how important it is.
    Very, very good video!! Thanks!

  • @DavidBrocekArt
    @DavidBrocekArt 11 หลายเดือนก่อน

    I've been doing professional pixel art for about five years, and yet I still come to your videos and always learn something new. Thank you!

  • @matthewsmith9162
    @matthewsmith9162 5 หลายเดือนก่อน +1

    I've come back to the videos so many times. thank you Adam.

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

    Man this was so clarifying. You are a really talented teacher.

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

    Thanks so much for the analysis! You explain things very nicely and with variety of ways and examples, you are amazing at this. You save me from huge trouble with some of those tips so I highly appreciate it!

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

    Yet another excellent addition to the Adam Master Class series. Thanks for the time, prep and energy to breakdown this common question! Thoughtful and thorough as always.
    Btw, today I have officially, mentally "wishlisted" Insignia. Haha

  • @xOMINUS_
    @xOMINUS_ 10 หลายเดือนก่อน

    Im in the process of developing my own RPG at the moment and your videos have been a blessing! love how you go into detail about everything! subbed and now going to binge all your videos! keep it up!

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

    Such a jewel of video! Didn't realize this was the thing that most intimidated me from doing pixel art, thank youu!

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

    You're the best, buddy. In a world where so little is said about pixel art, you literally solve questions for people like me who want to start, but don't know how

  • @joepeaden1661
    @joepeaden1661 5 หลายเดือนก่อน +1

    As a beginner artist, made the art for my game about 100% better. I guess I just needed some frame to work within. Thank so much, and keep up the good work.

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

    These videos about theory that you are doing lately are awesome. I still find them very interesting and enlightening, but I wish they were around when I started with pixel art.

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

    By far one of the best channels on youtube, incredible information and very well done explanations, and is all for free, awesome

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

    I don't know how many times I've watched your content over and over. In other words... thank you.

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

    Excellent information, competently delivered. I am in the initial stages of vaguely considering designing game assets, and this gives me the confidence to try and create a mock-up, now that I know a good canvas size that scales properly for modern hardware.

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

    This is exactly what we need, thank you! We're working on developing pixel art skills for our game coming after the one I'm currently making, and the screen resolution thing was the one thing that i couldn't figure out.

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

    Good advices from a pure pixel art artist, thanks you to share your knowledge Adam

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

    I was literally just trying to figure this out for my own game! Thank you! I love your videos they’re very informative

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

    Man, this was so helpful! I've been tending to overthink and not understand, and you broke down SO much! Thank you!!

  • @cutefairy297
    @cutefairy297 2 วันที่ผ่านมา

    The video actually answered a lot of my questions! Thank you so much

  • @user-zz5lz2ux6w
    @user-zz5lz2ux6w 2 ปีที่แล้ว +2

    Love this guy! English is foreign for me and don't speak well, but Adam explain so easy, that and I can understand. Good luck with your plans!

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

    This channel is GOLD

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

    Thank you so much ! I looked for these answers for a long time and was only abole to find infos on Reddit until now.
    Everything is well explained, I'll come back to that video often.

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

    This answers so many critical questions that I've had in my head, thank you! Now, off to the jam..

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

    I'm just delving into this medium and this video (your videos) are so extremely helpful! And inspiring! Thank you so much!

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

    One of the best video lessosn ive ever seen about anything!

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

    Adam, you are creating the next generation of Pixel artists that will become AMAZINGLY GOOD, and for free!!!!! You knowledge is amazing! I'm going to buy the game for me and all my friends

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

    You really provide some useful information, dude. I appreciate everything you do.

  • @Kalengo_Gaming
    @Kalengo_Gaming 3 หลายเดือนก่อน

    That tower has brilliant rendering! This video has been so helpful.

  • @alif.fagundes
    @alif.fagundes 2 ปีที่แล้ว

    Really helpful video!
    It's by far the best i've seen in this subject.

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

    This answered all of my questions, amazing video

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

    Pixel art is legendary. in the future still can't be replaced

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

    Brilliantly informative! Thank you very much for this!

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

    I’ve always wondered about this specific question. Thanks so much

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

    These videos are so informative! Also, 90k subs! YAY

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

    This took me so long to understand in 2019! Your video is so helpful! You explain things very well

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

    Very good content. Solve so many confusion of me! Thank you!

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

    Simplified this so much for me, thank you

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

    Dude thanks so much for the video, this was amazing.

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

    Nice video man as always!

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

    These videos are great, you’re a legend man 🥂

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

    Thank you for this great breakdown.

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

    Super informative! Currently going through your library of videos for my board game project :D

  • @user-ql7rp9vc2r
    @user-ql7rp9vc2r 3 หลายเดือนก่อน

    Thank you very much! You helped me a lot to understand proportions in pixel games. Great lesson!

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

    Thank you so much for such comprehensive video! It helped me A LOT

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

    I just got Aseprite yesterday, so I'm looking forward to following along with this video series you've created.

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

    Another great breakdown! 😎

  • @1KOLYANOS1
    @1KOLYANOS1 ปีที่แล้ว

    Thank you Adam for explaining all this now I'm more confident in my attempt to make a pixel-art themed game

  • @CappicheGames
    @CappicheGames 3 หลายเดือนก่อน

    Very helpful, thank you!

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

    This was extremely helpful as someone trying out pixelart :)

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

    There is no "right answer" in every case-across every game obviously. It all comes down to the creator's style and intent. I think you did an excellent job conveying that and most of the things one should consider when deciding these variables. Thanks you really helped me out here.

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

    Super informative, thank you!

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

    This was so informative. Thank you

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

    Jeeeeez. When you wanna ask Adam a simple question but he is several parallel universes ahead of you.
    STELLAR WORK mate!

  • @ChocolatChef
    @ChocolatChef 6 หลายเดือนก่อน

    Your videos are great, so much help, thank you!

  • @idle.observer
    @idle.observer 7 หลายเดือนก่อน

    That was a really informative video. Thank you for sharing. I'm enlightened!

  • @carlosiagobueno672
    @carlosiagobueno672 4 หลายเดือนก่อน +1

    Awesome content.

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

    I watched a lot of yt videos the last days searching for a video like this. I wanted a deeper understanding why 320x180 is kinda the sweet spot right now. I make my first real unity game (all others are like...toys with few lvls) and honest thank you for this video. i got a way better understanding now how to make some retro pixel art games

  • @SeaForest
    @SeaForest 7 หลายเดือนก่อน

    This video just saved my whole 🍑 dude, seriously thank you for helping us get started off on the right foot!!

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

    Amazing! Thanks Adam!

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

    Such a great video, thanks

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

    Very, very insightful!

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

    Awesome teacher!!

  • @user-lb8rs2rn7i
    @user-lb8rs2rn7i ปีที่แล้ว

    Thank you so much for the video! It was very helpful to me!

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

    Really helpful tutorial! thanks for breaking this all down to a science. Your channel is my new favorite morning jam, and I appreciate all the effort you put into sharing this with us

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

    This video's been really helpful.

  • @overratedprogrammer
    @overratedprogrammer 11 หลายเดือนก่อน +2

    Nice, I never realized before how important even integer scaling is. I will forever use 320x180!

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

    Amazing videos, thanks

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

    Thank you for making this video, really save me from lots of headache. I started to draw some assets and got really confused

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

    This is so cool. I'd love to see a video where you just take us through a lot of art from insignia and give a little commentary. I love seeing anything you make for it.

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

    Fan-tastic!!! 👌🏼

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

    Thanks for the tutorial!

  • @monsterjule3031
    @monsterjule3031 2 หลายเดือนก่อน

    wow that is soooo helpful thank you

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

    nice video as always this is the answer for so many beginners :)

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

    who else keeps getting distracted by the awesome music in the background. I had so much trouble in beginning because of the sick zelda cover.

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

    Thank you so much for this. I was struggling so hard to figure out the proper aspect ratio for the scenes where I'm not using tiles

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

    Great video!! Thanks!!

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

    Thanks talking about it adam
    Still having problems with right canvas

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

    You sir are amazing!

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

    amazing work adam! can you please do some more environment tutorials please

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

    Hey pal, it was fun recognizing the Links Awakening cover song at the end [36:00]. Years ago when I found it on TH-cam, I bait-clicked on the fiery digital painting of link dueling ganondorf (same cover song but it’s started halfway in, here in this video).

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

    Very good video. learned a lot.

  • @joaomoura4287
    @joaomoura4287 2 หลายเดือนก่อน

    Thanks!😄

  • @13egeria
    @13egeria 2 ปีที่แล้ว

    your videos help a lot! thank you!

  • @keplerfinn
    @keplerfinn 6 หลายเดือนก่อน

    minor inconvenience of 320x180:
    180 isn't divisable by 16 or 32 (the most common tile sizes) which means that vertically you will have either 4 or 20 pixels in spare. Could be resolved by using tiles of 20px instead.

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

    this man: > makes a transparent 600x600 image of a tower in pixel art form unable to be compressed >"no performance impact whatsoever"
    GPU: *" BRUH"*

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

    It might be just me, but i'm in love with the 640x360 resolution. It's small enough to be pixel art and big enough to have detail.

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

    thanks. you answered everything i was trying to figure out. Great to find other nerds in their own field. =)

  • @oscaralonsorojas
    @oscaralonsorojas 8 หลายเดือนก่อน

    Thank you!

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

    Great video. Cheers pal

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

    This was massively helpful! Thank you!