Pixel Art 101: Sprite & Canvas Size

Поділитися
Вставка
  • Опубліковано 19 січ 2025
  • Indie dev here to help! ⭐Here is the Kickstarter link! www.kickstarte...
    ►DISCORD / discord
    ►PATREON / sadslime
    ►TWITTER: / petermilko
    ►DWERVE (GAME) dwerve.com/
    ►FREE ART & GAMES: petermilko.itc...
    ►ASEPRITE art program: www.humblebund...
    👕 PANICPOP my clothing panicpop.com/
    🎵 Music I Use Often
    Cults - No I Don't Have Any Service - thmatc.co/?l=9...
    Ryan Little - Seeing Double - thmatc.co/?l=A...
    Ryan Little - Think About You - thmatc.co/?l=9...
    Ryan Little - Take It Easy - thmatc.co/?l=5...
    Mark Generous - Lazy Rain - thmatc.co/?l=1...
    Mark Generous - Velvet Kiss - thmatc.co/?l=8...
    Mark Generous - Gold Earrings - thmatc.co/?l=E...
    Mark Generous - Calligraphy - thmatc.co/?l=6...
    Mordi - / mordi-1
    SkeetOnTheBeat - Late Night - thmatc.co/?l=E...
    The Drive Home - thmatc.co/?l=2...
    Juju B. Goode - Day 9. Watermelon Arcade - thmatc.co/?l=0...
    VALENTINE - Falling (feat. Chuck Sutton) - thmatc.co/?l=7...
    Mr. Chase - Grace & Mercy - thmatc.co/?l=5...
    Music by ninjoi. - Acceptance - thmatc.co/?l=B...
    Music by Cults - 2099 - thmatc.co/?l=5...
    #pixelart #pixelarttutorial #pixelpete

КОМЕНТАРІ • 140

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

    Indie dev here to help! ⭐PLEASE follow my new game on Kickstarter link! www.kickstarter.com/projects/petermilko/the-last-phoenix
    ►DISCORD discord.gg/YVqfFhV7pc
    ►PATREON www.patreon.com/sadslime
    ►TWITTER: twitter.com/PeterMilko
    ►DWERVE game dwerve.com/
    ►FREE ART & GAMES: petermilko.itch.io/
    ►ASEPRITE pixelart program: www.humblebundle.com/store/aseprite?partner=pixelpete
    👕 PANICPOP clothing panicpop.com/

  • @ferminreyes202
    @ferminreyes202 4 роки тому +122

    80yr old Pete starting his video with "ah, my back!"

    • @PeterMilko
      @PeterMilko  4 роки тому +19

      for sure lol

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

      But still maintaining the exact same inflection

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

      underrated comment

  • @PeterMilko
    @PeterMilko  4 роки тому +76

    Im for real doing a platformer tutorial ASAP

  • @alessiobenvenuto5159
    @alessiobenvenuto5159 4 роки тому +87

    Pixel artist be like:
    I have to make a 16 colors palette,
    Canvas size: 5000x5000

    • @PeterMilko
      @PeterMilko  4 роки тому +9

      yup lol

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

      I do one of two things:
      Either, I make a tiny canvas size if I'm sure.
      Or, if I'm unsure, I make an excessively large canvas and zoom in Super High with a tendency to go in the middle, so that I can let the smallest object help decide the appropriate canvas size.

  • @reggietheroman
    @reggietheroman Рік тому +2

    that last bit of information regarding how the characters are juuust a bit bigger than 16x16 answered a question ive always had about pixel art when it comes to the difference between the environment and the characters. thanks!

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

    Such great information Pete thanks for helping everyone along the way. You rock!

  • @samcook6250
    @samcook6250 4 роки тому +32

    I actually prefer GameMaker 2 to unity, Unity is not too hard for me, I just like GM better. I like the more simple engine cause then I can really push it. When picking an engine, I'd at least try it.

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

      Same, having a more minimal engine pushes you to make the most out of it.

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

      Yeah, I started off with Construct 2 (very basic game engine) but then upgraded to Unity after I was more comfortable with game development concepts

    • @PeterMilko
      @PeterMilko  4 роки тому +9

      Unity uses C#. You can get a job knowing the engine or C# Unlike knowing GameMaker language or gamemaker engine. Why not learn something you can turn into a career?

    • @DionGrimm
      @DionGrimm 4 роки тому +6

      @@PeterMilko for learning the basics of programming both engines are great and a lot of knowledge is interchangeable. I wouldn't just write off all the less complex engines because there isn't just one learning path that fits everyone and it can be great to just experiment around. That said Unity is the way to go for a job in game dev and I would recommend anyone to eventually give it a shot. Also great tutorials!!

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

      Problem with trying it is you will get comfortable and never learn a real engine that can get you a job in the industry or a real programing language C# so it's a waste of time instead of just going with the better one from the start

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

    what the heck, this was eeeeextremely helpful! Thank you so much!!

  • @valentepablo
    @valentepablo 4 роки тому +12

    I loved that 16x16 character you showed. I think it would be awesome if you made a 16x16 character tutorial, love that style !

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

    Adjusting the canvas size so Twitter doesn't crop the image is really useful. Thanks for sharing!

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

    I've been looking for info like this for a while now. Thanks, Pete.

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

    Thank you for continuing to teach me more and more about pixel art with your videos!

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

    I finally understand why all my pixel art I post to twitter has such poor resolution! Thank you for explaining why and how to fix it in such an easy way!

  • @d4mbass
    @d4mbass 6 місяців тому

    Youre helping me so much, i improved so much my games since i started. Im not a professional or something like this, just making it for fun and hobby ❤

  • @Gearshock
    @Gearshock 4 роки тому +23

    Felt like that was more of an ad for stuff than a tutorial. 5 minutes to say use 16x16 if you can't draw. This was kind of a bummer man. I hope you can course correct and do more content and less plugging in your next ones. This one and the last one just feel spammy.

    • @PeterMilko
      @PeterMilko  4 роки тому +9

      Most people dont talk about how game engines are the only modern reason to choose a certain pixel size and there are misconceptions about everything fitting to grid. I feel you and no worries ill have in depth pixel art lessons coming up.

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

      @@PeterMilko Thanks for not taking it too harshly. :) Looking forward to the next ones!

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

      Ignoring the literal dozens of amazing tutorials he's already made...

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

      @@taylorrathbone5638 Readings not your strong suite huh?

    • @NoKashOnMe
      @NoKashOnMe 6 місяців тому

      ​@@Gearshockand spelling isn't your strong SUIT 😂

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

    As someone who is starting and was having troubles at drawing characters (me), I'm really thankfull for the idea of 64 of 64, I thought smaller meant that the character was more easier to be drawn

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

    That was great. Thank you so much!

  • @Arnoldius
    @Arnoldius 4 роки тому +8

    You forgot to link the Kickstarter in the description

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

    God that outro and end-bit was treacherous.

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

    I have finished the playlist of Pixel art 101, and now I am in the GB playlist ! ^^

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

    Hi Pete, I found you through Casey Faris, and now I've watched almost all your tutorials :D Thanks for all the knowledge! Hoping Dwerve comes to the Switch!

  • @CuriousGamer83
    @CuriousGamer83 4 роки тому +4

    I suffer badly from size creep, my last project started at 208x200 and ended up at 832x800, it kind of got out of hand. I suck at scaling things, its worse in isometric.
    Also unless Twitter needs it to be an animated GIF specifically you don't need an extra frame, under export file, next to the file name you can change the file type to GIF (among others) and save some space :)

  • @Soundy777
    @Soundy777 4 роки тому +4

    Can someone convince this man we need a jameGam in his honour! (notices incorrect spelling, proceeds to post... *DevLyfe*)

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

    Interesting, looks like there's two groups in pixel sprites community, 15x15 vs 16x16.

  • @mt_front
    @mt_front 4 роки тому +7

    Me seeing the title of this video: clicking like before watching.

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

    What size canvas would you use if you were designing a character select portrait?

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

    I appreciate your presence

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

    you don't need to add a frame to save something as a gif. you just go to "save as" in the menu and change the file type to gif.

  • @m.ferashida7422
    @m.ferashida7422 4 роки тому +1

    "If you want to make your own games, but if you are Here I mean YOU PROVABLY DO"
    Me, drawing pixel art just because of the artistic value of it: I guess Im a game designer now.

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

    Pixel art + RPG Maker = Win

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

    I don't even make pixel art but I still watch these tutorials!

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

    Your videos have improved so much! Watching for that 55k mark 👀👀👀

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

    Hello I’ve recently started exploring pixel art to try to learn and make art for my boyfriends game. I’ve made a tile set and started to work on characters in a sprite how do u make the characters fit inside a 16 by 16 if the character sprites are larger ? Or are made of more pixel like 32 by 32

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

    i got admited to computer science and until i start my calsses i want to learn a lot of pixel art , and you help a looooooooooooooooooooooooooot , thanks Pete :D

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

    use say you can't upload GB Studio games to steam. Is that a licensing thing or steam doesn't take EXE files?

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

    "Please pay for this game engine" "no thanks"

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

      Unity, Unreal and GB Studio are free...

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

    definitly getting gb studio!

  • @RamHomier
    @RamHomier 4 роки тому +7

    Interesting note you can put basic math operations in the canvas size inputs of aseprite. So you could put 16*30, 9*30 for example.

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

    A very useful video, this is, but in my opinion Godot would be a better choice than Unity, especially because of the fact that it's open source.

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

      no theres nothing better about godot.

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

      @@PeterMilko I have to disagree with you when it comes to how well it makes 2d games and how customizable it is, but I respect your opinion.

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

      Unity is a bigger company and unity can do way more than Godot and always will

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

      @@PeterMilko once again, I respect your opinion. I just like the idea of using Godot better.
      (Also, bigger company doesn't equal better product. By those standards, the Modern Sonic games would be considered "better" than Indie games.)

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

    Hey! This was a super informative video! Thank you so much for this!
    I got a question regarding how you do map building, do you draw/build you maps in aesprite and then export it into unity, Or do you draw tile sets, and build the map using the unity palette?

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

      @NothingAnimated Thanks for the quick reply! Yeah, I was thinking the same thing about the collision object after I posted.
      Cheers

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

      Yeah I make them in Unity so it's easy to modify

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

    this guys the goat

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

    Awesome video, explains and helps a LOT. Just wondering, when importing to Unity, should all objects have the same "pixels per unit" value?

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

    I dont understand why tile size should be like 8, 16, 32.... pixel, what kind of problem will I encounter if I make it 20x20?

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

      Usually people use tile maps to draw the background / floor so you just need to make sure your player can fit between the grid spaces.

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

    i think libre sprite is the free version of this software

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

    Great video! Quick random question; is there a reason y'all opted to have 2 circle colliders on the tree sprite as opposed to a capsule collider which might play nicer with horizontal movement?

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

      We are using older version of unity. The capsole collider Is 3d

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

      I use an Engine without a Capsule Collider, so I always place a Rectangle Collider between the two circles until it makes a capsule shape.

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

    why dont you use one capsule collider instead of two circles on the trees? :)

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

      capsule collider is a 3d collider

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

      Pixel Pete isn’t there a 2d one? docs.unity3d.com/Manual/class-CapsuleCollider2D.html

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

    Amazing video Pete!
    How do you cut the necromancer sprite sheet where the sprites are bleeding? You do it manually?

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

      I set the default sprite size to the largest sprite in the sheet. The other sprites have a buffer.

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

    How big should a background be for a game?

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

      Best is any size that is a 16:9 aspect ratio. You need to look up small sizes online.

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

    Hello! May I ask? Is your "Dwerve" game characters also 16x16 or are they 32x32?

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

    you can't sell on steam with GB studio? wtf what's the point then?

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

      i know right, i agree. We have to wait for the developers to add more export options.

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

    I'm not sure how I feel about not being able to sell the games we make using GB studio.
    Why is it that we can't? Also, even though the games can't be sold on Steam, could they still be released on Steam as long as they're free?

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

      You cant upload them to steam. thats why Unity is so good. Its cross platform.

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

      @@PeterMilko Wait, this implies that I severely misunderstood what you meant. Where would it be possible to upload games made with GB studio, and are we allowed to sell them (Or do the Name Your Price thing)?

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

    The intro sound teleported me back to 2014 when I started playing League of Legends xD

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

    Godot is free too

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

    apparently i suck
    (btw, do a callenge where you say WELCOOOME BAAAAAAAAAAAAAAACCCKKKK as long as you can)

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

    5:41 😮

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

    Does anyone know a free game engine that runs on potato pcs and has few to no limitations?

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

    I know how to program in GMS2 and boy, I wish i've seen this video earlier. GMS2 Studio require knowledge of a completely different programming language for making visual effects. It's so frustrating that, even in construct you can make some effects that are totally hard to do in GMS2.

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

    Name app pls

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

    I need learn more! 😖 😄

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

    LoL with that intro

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

    bro, furniture video, or you a fake viewer

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

    man dwerve is very hard so i think it's bad (but you pixel art very very very very good ı love game grafic)

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

    Hello jeje soy de uruguay