What Canvas Size Should you use for Pixel Art? (Pixel Art Tutorial)

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

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

  • @jaredjones6570
    @jaredjones6570 3 года назад +416

    My takeaways from this video (a paraphrase of the video summary, essentially):
    The most common resolutions for pixel art games are 16x16 and 32x32. Larger resolutions than 64x64 tend to look like photos. Photos generally require high resolutions to look good, so 128x128 and larger tile sizes can look sloppy.
    This also means that the value of a single pixel will vary with scale. A misplaced pixel will very obvious on a 16x16 sprite, and will remain fairly obvious on 32x32 scales. Don't worry too much though, since sprites will look small against the backdrop of the canvas when they are displayed on screen.
    A sprite must visually convey what it will do at all times. All choices related to sprite sizes and animations need to contribute to enjoyable movement and gameplay.

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

      well you are wrong

    • @thekingscrown8931
      @thekingscrown8931 Год назад +24

      @@jokesterthemighty227
      "You're wrong"
      *refuses to elaborate.*
      *leaves*

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

      Gigachad​@@thekingscrown8931

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

      what should be the best canvas size if you make animations for youtube and other social media?

  • @myrna-a4gh45
    @myrna-a4gh45 Год назад +601

    Something that nobody mentions: 320x180 is the perfect resolution for full screen, it scales perfectly to HD, Full HD, WQHD and 4K monitors :)

    • @fonzy675
      @fonzy675 Год назад +18

      Does that mean I can make 32x18 tile maps?

    • @DizzieXD
      @DizzieXD Год назад +26

      can it be multiplied? like 640x360

    • @-TheOddity
      @-TheOddity Год назад +5

      @@DizzieXDyea

    • @lucascapelao
      @lucascapelao Год назад +6

      thanks brother. that's what i was looking for.

    • @Roxor128
      @Roxor128 Год назад +7

      It's also not far off the classic DOS gaming resolution of 320*200, though that one uses non-square pixels (320*200 on a 4:3 display has pixels that are 1.2 times taller than they are wide).

  • @OmegaSanctum
    @OmegaSanctum 3 года назад +234

    This tutorial was smashing. Most ''pixel art'' tutorials just go into normal art/color theory, which is not the reason you look up ''pixel art tutorial''.

    • @hollowknightenjoyer
      @hollowknightenjoyer Год назад +6

      Not really

    • @fonzy675
      @fonzy675 Год назад +6

      No that's exactly how it goes.

    • @cleverballoon6535
      @cleverballoon6535 Месяц назад +1

      Yeah exactly
      "How do I draw pixel art?"
      "Okay so here's how normal art works"
      ( °-° ) bro

  • @aliaksandrilyushenka5597
    @aliaksandrilyushenka5597 3 года назад +372

    This is an EXTREMELY HIGH quality video. It definitely deserves more views and likes. Not mentioning that the info given in the video is super useful for a beginner
    Thank you!!!

  • @SAENICSAENIC
    @SAENICSAENIC Месяц назад +3

    This is the most helpful pixel art vid I've ever seen. I'm glad I stayed up till midnight.

  • @marxrubronegro9677
    @marxrubronegro9677 3 года назад +206

    Excellent! I just want to point out that 64×64 is very hard for beginners and should be avoided, but once you mastered it, it can lead to gorgeous Hi-Bit Art, while still retaining the Pixel Art aesthetic.

    • @Artazix
      @Artazix Год назад +11

      Im beginner but my comfort canvas size is 128 💀

    • @alt-q1y
      @alt-q1y Год назад +7

      @@Artazix Working with smaller sizes definitely improved my art, definitely have to be a lot more clever

    • @Artazix
      @Artazix Год назад +4

      @@alt-q1y yeah i forgot to say that i often do landscapes so

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

      Right now I'm trying to shoehorn my character into 64x64 (excluding animation atm), but I partly want that extra size because I want the big, expressive faces of characters like Sonic, but I want that on a character with more human proportions: 4-5 heads tall rather than 2-3. That necessitates a taller sprite
      It's still probably more than I need, but this setup gives a nice, easy world scaling where 1 pixel is about 1", and 40 pixels is about 1 meter.

  • @LaserGadgets
    @LaserGadgets 8 месяцев назад +7

    The fact that you give credit to the guy who gave you the idea...thats rare! Sadly. You're a good cookie!

  • @joscharadaj6735
    @joscharadaj6735 3 года назад +29

    This channel is really underrated (yet). Excellent content, very high production quality.
    Please keep going.

  • @lucern1
    @lucern1 4 года назад +84

    These videos are fantastic - for their quality, I'd expect at least another three zeroes to the views. Keep it up!

  • @redmist4963
    @redmist4963 3 года назад +3

    I'm so happy i found this gem of a channel

  • @Illusionaire1
    @Illusionaire1 3 года назад +22

    While I really do love your content in general, I'm pretty sure you ended up "pillow shading" the character and it made the ghost look extremely flat. I really think a more careful placement of the highlights and shadows, and not just "left edge highlight, right edge shadow" could really benefit this kind of pixel art.
    With that being said, I just love your whole video presentation, the design and the way you speak!

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

    I don’t know the last time I saw a video that was so well done and informative. Now I need to check out your other videos!

  • @SirSagaSage
    @SirSagaSage 3 года назад +7

    Thank you for making this, I was unsure what size to work with for my sprites, but now I'm a bit more confident in what I want thanks to the explanations in the video. Deserves a lot more attention especially for the effort in the presentation, absolutely beautiful job.

  • @deamorta6117
    @deamorta6117 3 года назад

    What canvas size to choose, drawing a pixel sprite, animating it in one video. well done.

  • @EliotWeber
    @EliotWeber 3 года назад +5

    The video quality is crazy high! I can't even imagine the amount of work it took to make it, but this is the most beautifully crafted video about pixel art. Liked, subscribed, and waiting for more :)

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

    Its such a platinum tutorial. Everything said in a nutshell was equivalent to probably 1 or 2 months of paid study !!

  • @leiferikson4279
    @leiferikson4279 Год назад +54

    It's fine to say that you shouldn't start with 64x64 because it's too hard for beginners. But you absolutely cannot ever convince me that it looks worse or loses it's charm. Good 64x64 art looks insane. Even the example you showed, the 64x64 leafy block looked so much better than the others. Some people really appreciate the art and want a nice medium between "old school" and drawn art. This should not be discounted.

    • @spindash64
      @spindash64 6 месяцев назад +3

      It also depends on how big you want your character to be relative to the screen space. Most platformers will want those smaller characters. But for a Beat-em-up, Fighting Game, or even a few "special" platformers with precautions against blinding speed, you might want your character to fill up more of the screen.
      For example, Samus's sprite in Super Metroid is 48px tall. That obviously does not fit into the 32px size range, but we wouldn't consider Super Metroid to somehow NOT be pixel art. She simply takes up more screen space than a character like X or Mario
      I'd set the cutoff more by the final SCREEN resolution than by tile size: by the time you reach Standard Definition of 450-480, each individual pixel is small enough to be ignored, and it stops feeling like pixel art. 360x640 is on the high end of resolutions that still feel absolutely pixel focused, and where those 64px tall characters can really work well: that's roughly 18% of screen height, about the same as Sonic in the Genesis games

  • @safaroovxan
    @safaroovxan 3 года назад

    This is one of the best starting video for Pixel Art.

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

    Excellent summary with some things that I can put into action. Thanks!

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

    Incredible video quality. The effort really shows and the information is top quality. Thank you for making this a free upload.

  • @definitelydead-666
    @definitelydead-666 2 года назад

    this is so useful I was struggling as a beginner to pixel art and this helped ( the octopuses that were drewn were so cute )

  • @holymacaroni3319
    @holymacaroni3319 3 года назад +1

    you know it's a great tutorial when there are only 5 dislikes. keep up the good work!!

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

    Your video is so good that I managed to reach my recommended in Brazil

  • @litjellyfish
    @litjellyfish 3 года назад +273

    Nice but don’t forget that 8x8 do not mean this low detail. All games in the 8 and 16 but era used 8x8 that then was used to form meta tiles.
    With that approach you could decide on your base “this is 1 meter” tile size. With this you do not even need to go from 16 to 32 to 64. You could choose a base size formed by 3x3 / 8x8 tiles = a 24x24 tile size. Or why not 40x40
    Also remember that with this approach you also can reuse and create really detailed tiles that also take VERY little memory

    • @Pixeloper
      @Pixeloper 3 года назад +11

      Micro Mages is the best example I can mention.

    • @brandannh
      @brandannh 3 года назад +4

      Mobile platforms specifically have image optimization in the background for images size 2^x I believe it has to do with compression so I assume the same is on PC/Mac/Linux too.

    • @frokydafroakie
      @frokydafroakie 3 года назад +6

      i was gonna say that u were wrong but i remembered that link has 2 sprites ( his head and his body )

    • @jarlfenrir
      @jarlfenrir 3 года назад +8

      NES used 8x8 sprites internally that was combined for larger sprites, but video was about total size. You see... what's the difference for a player if a sprite is 32x32 or consits of 16 8x8 sprites?

    • @kaojaicam
      @kaojaicam 3 года назад +1

      Wouldnt this dramatically increase the workload in having to stitch all the 8x8's together to make larger tiles and characters?

  • @honu2980
    @honu2980 4 года назад +4

    Commenting for true algorithm to recommend you more!

  • @raindeir5860
    @raindeir5860 3 года назад +1

    Dude, you’re so underrated, really hope u will blow up soon! :D

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

    Perfect beginner tips! Thanks for sharing

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

    Love this tutorial. As a beginner, thanks!

  • @jeffy7621
    @jeffy7621 3 года назад +1

    Underrated channel, amazing quality!

  • @gamedevelopment1973
    @gamedevelopment1973 4 года назад +3

    OMG !!!! This tutorials are sooooo clean !!! i love it please make more tutorials like this!!!!

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

    This video is such high quality! Great content! You've got a new subscriber

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

    Thank you for the well-made video!

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

    Brilliant explanation! This help me to understand how to make a briefing to artist

  • @KamiSlayer0
    @KamiSlayer0 8 месяцев назад +1

    Thank you for this high-quality tutorial

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

    beautiful video. this deserves to be seen by every pixelart creator in the world

  • @sireggan54
    @sireggan54 3 года назад +3

    This video was really helpfully for me as I'm now starting off with pixel art. Thank you!

  • @h7d50n-ii5uv
    @h7d50n-ii5uv 2 года назад +2

    thank you so much for making this, it should help a TON!

  • @BrianSimons-e7w
    @BrianSimons-e7w Год назад +1

    Very helpful rundown. Thanks!

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

    Something finally made sense to me after watching this video. Thank you so much!

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

    awesome video! it helped me get through this difficult threshold in getting better at pixel art!

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

    Man, finally I found some good explanation about this topic! Thanks a lot, great video.

  • @shadow-bo8tn
    @shadow-bo8tn 4 года назад +181

    I like the way you display in the video a lot, everything in the design is coordinated, great, what program do you use to make the animation

    • @PixelOverloadChannel
      @PixelOverloadChannel  4 года назад +64

      Thanks! I use Piskel for the drawing and pixel animations, and then I import them as image sequences into Hitfilm, where I do most of the editing. I also use key frames in Hitfilm if I'm just moving an image (e.g the chapter cards). Both programs are free.

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

      @@PixelOverloadChannel ohhh i used piskel before but now that the accounts thing is gonna be gone ive moved my work over to pixilart

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

      I had a cat named Shadow. The neighbors poisoned him. He weighed 35lbs of furry Tom cat. Big alpha boy.

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

      @@Stopinvadingmyhardware damn that got dark. Sorry for your loss man, and screw those neighbours

  • @pixzelbeast7451
    @pixzelbeast7451 4 года назад +14

    i love u so much bro

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

    These videos are calming, educative and have a nice style to them. Well done, keep up the good work!

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

    best pixel art channel

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

    Well, this was the most useful video about pixelart sprites.
    Thanks.

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

    Thank yooou, this was very helpful. I have a good starting point for making my own pixel spritesheets now

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

    Thank you! Really useful))
    I want to know more about Pixel Art.
    I want to watch more tutorials))

  • @camilalouisem
    @camilalouisem 3 года назад

    On the first 30 seconds I subscribed already. High quality video!

  • @pixellated-turtle1164
    @pixellated-turtle1164 3 года назад +2

    This is really useful! great work, and great pixel art :)

  • @endieisded
    @endieisded 3 года назад

    RUclips recommendations have blessed me

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

    This was an outstanding tutorial! Thank you.

  • @unluckypanda5448
    @unluckypanda5448 3 года назад +1

    wow the effort put in this video is incredible :0

  • @kevinmantao1357
    @kevinmantao1357 3 года назад +1

    What a great video. I want to make a pixelart game but I never know where to start especially with resolution. Your video is really helpful :)

  • @Charlie-cu9vc
    @Charlie-cu9vc Год назад

    Actually perfect, exactly the info I needed to know. Thank you!

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

    Hey I'm new in making pixel arts for game and this help me a lot ! Thank you! Much love !!!

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

    Great vid. Thank you for posting. Very helpful for a noob like me, who is just starting out with Aseprite.

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

    Great video, I had to go for 36x36 simply for the reason that I am limiting myself to maximum three tones per character, so more pixels are required to add detail rather than shading etc.

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

    I've just found the answers to most of my questions.
    Amazing content and visualization ♥

  • @addisoncorey5636
    @addisoncorey5636 3 года назад +1

    Great video my dude! Seriously! The high quality is appreciated; I’m excited to see your channel grow. Surely it will if you keep up the work like this :)

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

    This was extremely informational and put me in the right directio, thanks!

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

    Informative and beautifully presented. This channel is awesome!

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

    nice shading... lol love your videos, about to binge them all

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

    this was very helpful, thanks for uploading!

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

    Thanks, this was extremely helpful for starting out and what to consider :)

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

    Great information, beautiful edit and just overall fantastic! Got yourself a new sub! Thanks for the help you bring to us new pixel artists! Keep up the good job

  • @hw2007
    @hw2007 3 года назад +1

    thank you soo much! I have been really struggling with pixel art, so this helped a ton!

  • @bini420
    @bini420 3 года назад

    Very professional video dude!

  • @Manas-co8wl
    @Manas-co8wl 3 года назад +8

    I honestly really like the 64^2. It's probably really hard to pull it off well however.

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

    Thanks this video was really useful to help me decide what's best for my game, so 16x16 is the best for top down in my book now, THANK YOU!

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

    Subscribed. Thanks for the clear descriptions and tutorial! Very helpful!

  • @AngusJMcGregor
    @AngusJMcGregor 3 года назад +1

    Woah! Talk about a hidden gem, damn.

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

    A handful of Real-world examples from MS-DOS for sizes (done by eye for most, from mucking around with editors for the 3D examples).
    Commander Keen (1990): 16*16
    Crystal Caves (1991): 16*16
    Duke Nukem 1 (1991): 16*16
    Wolfenstein 3D (1992): 64*64
    Doom (1993): Variable. Floor textures are usually 64*64.
    Duke Nukem 2 (1993): Variable. Smallest floor is 8*8, powerups are often 16*16, boxes are 32*32, Duke is 48 tall.
    Bio Menace (1993): 16*16 (uses the Commander Keen engine)
    Jazz Jackrabbit (1994): 32*32
    Duke Nukem 3D (1996): Variable. Typical sizes for textures seem to be 64 or 128.
    The player is often NOT one tile in size! In fact of the above examples, only Crystal Caves, Wolfenstein 3D and Jazz Jackrabbit have it the case. The rest with fixed sizes have the player multiple tiles in size. Usually 2 tiles. Having the player character fit into 16*32 pixels when idle seems to be pretty common for DOS games. Probably because it makes a good compromise between detail and screen space at 320*200.

  • @uninstaller2860
    @uninstaller2860 3 года назад +1

    4:20 Looks dope!

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

    If you want other people to use or buy your assets for use in games.. the most important thing is that the canvas size is a multiple of eight, that also explains the popular sizes discussed in the video, 8*2=16, 8*4=32 etc. That's because most older consoles draw graphics using 8x8 tiles, you can ofcourse draw many 8x8 tiles next to and bellow eachother to create larger "metatiles" or "meta sprites" so don't misinterpret "all individual tiles should be the same size" you can have for example a 64x32 metatile within your 16x16 tileset, in fact a 16x16 tileset is just an 8x8 tileset where most of the tiles are 16x16 metatiles... Also modern resolutions like HD, Full HD, WQHD and 4K are still multiples of eight and it just looks and feels good when you can exactly fill the whole screen with tiles without any half tiles or anything weird like that, that's also why 24x24, 40x40 etc. aren't popular sizes, but that's for background tiles that covers the entire screen, 24x40 would be just fine for sprites.. I hope you remember the simple "multiples of eight rule" :)

  • @AymenZero
    @AymenZero 3 года назад

    okay but are we gonna ignore how cute that octopus on the thumbnail is?

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

    This is a very important video

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

    I actually like 8x8, especially because the simplicity means you can add many different tiles more easily, to create more variety and more complex interactions between tiles that just isn't feasible at a larger scale.

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

    I just want to first model out my characters for animation purposes while also cutting down on 3D animation by occasionally trying to replicate it using 2D sprites. Then, because of the nature of how most of my ideas will be like, I want to use Pixel Art's retro aesthetic less to lean into the nostalgia and much more just play/orbit/dance around the concept and rather focus on creating strange, surreal dream worlds with long pauses of apparently normal and concrete worlds. Much less full-blown animations and much more a variety of different screensavers and things like that. Then, after I animate both short concepts and weird things to just have on anything, I will kind of want to "proof of concept" my first animation idea "The First Dreamland Adventure" with Animatics, then string together the animatics into something that slowly makes more and more sense until I finished the entire project and then finish the full product.

  • @KalGgoooo7
    @KalGgoooo7 3 года назад +1

    Amazing! I learned a lot watching this video billion thanks!!! 👏

  • @mymans7742
    @mymans7742 3 года назад +1

    This is a great video! Thank you so much!

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

    Wonderful video, thanks! It would be useful a video explaining different canvas sizes related to the size of your tile.

  • @courtneysmith9807
    @courtneysmith9807 7 месяцев назад

    Dude you are a life saver

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

    Very helpful video, thank you!

  • @toffee-v
    @toffee-v 4 года назад

    He never misses!

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

    I love your videos, thank you for sharing your art and knowledge
    Cheers mate

  • @Hawk_Leigh
    @Hawk_Leigh 3 года назад +1

    This was a great, super helpful video. Really appreciated that you did an example for each size of canvas, really helped me see which size would be best for me! Can tell you put a lot of effort into your videos!

  • @benoitbriere6247
    @benoitbriere6247 3 года назад

    Amazingly informative 😍🙀😸!!

  • @nvrblonde
    @nvrblonde 4 года назад

    another great vid man, your stuff is akin to the quality of Brandon James Greer, another pixel art RUclipsr :)

  • @theera9514
    @theera9514 3 года назад +1

    Personally16x16 is my go to for tiles and medium size characters but if something ever needs to have different dimensions I like to stick with multiples of 8 for both x and y

  • @impact674
    @impact674 3 года назад +1

    Thank you so much, this helped me out so much!

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

    Thanks for sharing the Quality VS Pixel graph. So seems like 16x16 and max 32x32 is the optimum best looking quality.

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

    this really did help
    thank you for making it

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

    Your tutorials are super dope! I would love to see what you think about doing what you do using Moho Pro 13! Just a thought. Thank you for what you do!

  • @eglantinepapeau1582
    @eglantinepapeau1582 7 месяцев назад

    still too complicated for me , but i'll save this page for when i'm better ( many comments praising your teaching skills) your art looks great : simple and effective , jjust like i want to draw

  • @frogboy831
    @frogboy831 3 года назад

    thank you thank you thank you !!!! this is exactly what i was looking for!

  • @FrozenSpark12
    @FrozenSpark12 3 года назад

    amazing video! you've earned my subscription.

  • @JackEnoff2084
    @JackEnoff2084 3 года назад

    Now this is very useful.

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

    nice video and examples / overall art, thanks

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

    Very informative Thanks