Pixel Art 101: Shading Tutorial

Поділитися
Вставка
  • Опубліковано 21 лип 2024
  • Indie dev here to help! ⭐Here is the Kickstarter link! www.kickstarter.com/projects/...
    ►DISCORD / discord
    ►PATREON / sadslime
    ►TWITTER: / petermilko
    ►DWERVE (GAME) dwerve.com/
    ►FREE ART & GAMES: petermilko.itch.io/
    ►ASEPRITE art program: www.humblebundle.com/store/as...
    👕 PANICPOP my clothing panicpop.com/
    🎵 Music I Use Often
    Cults - No I Don't Have Any Service - thmatc.co/?l=964518FE
    Ryan Little - Seeing Double - thmatc.co/?l=A60136F3
    Ryan Little - Think About You - thmatc.co/?l=9E7F5AAD
    Ryan Little - Take It Easy - thmatc.co/?l=5B803334
    Mark Generous - Lazy Rain - thmatc.co/?l=19DA2816
    Mark Generous - Velvet Kiss - thmatc.co/?l=8A866C0B
    Mark Generous - Gold Earrings - thmatc.co/?l=E1FDE401
    Mark Generous - Calligraphy - thmatc.co/?l=66250D24
    Mordi - / mordi-1
    SkeetOnTheBeat - Late Night - thmatc.co/?l=E76BCCB6
    The Drive Home - thmatc.co/?l=20000D87
    Juju B. Goode - Day 9. Watermelon Arcade - thmatc.co/?l=08D31F93
    VALENTINE - Falling (feat. Chuck Sutton) - thmatc.co/?l=77400DAA
    Mr. Chase - Grace & Mercy - thmatc.co/?l=59EBB83A
    Music by ninjoi. - Acceptance - thmatc.co/?l=B8AA17C
    Music by Cults - 2099 - thmatc.co/?l=5DDC7B
    #pixelart #pixelarttutorial #pixelpete

КОМЕНТАРІ • 314

  • @LordVittaminn
    @LordVittaminn 4 роки тому +725

    The real color strat is memorizing every single hexcode for color there is and referencing them from memory on the fly

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

      omfg lol

    • @arunamangalampalli1754
      @arunamangalampalli1754 4 роки тому +29

      Hexcodes are fairly easy to use once you know how they work. You can write your own hexcodes without reference then..

    • @alekosthecrow
      @alekosthecrow 4 роки тому +74

      @@arunamangalampalli1754 Yea but memorizing hexcodes for every color is still better. You hear someone say "Aquamarine" and you instantly think of #7fffd4

    • @Nugcon
      @Nugcon 4 роки тому +39

      weird flex but ok

    • @Smugly33810
      @Smugly33810 4 роки тому +15

      do you know what ff4500 is casual

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

    0:40 ,,Let's make a circle"
    **makes octagon**

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

      lol too true

    • @potatocannongb3328
      @potatocannongb3328 4 роки тому +15

      sometimes pixelart softwares aren't good making circles it happens a lot

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

      Circles don't have sides and all images are made of pixels; a pixel being a square. Therefore circles cannot exist in images, they only appear to be circles, if you want to get technical.

    • @f0ld920
      @f0ld920 4 роки тому +16

      @@JadeJoystick of course, but usually, but considering the size of this circle, it would be easy to add some curve to the edges
      Of course wouldn't have made a perfect circle, but would have felt a lot more like one

  • @Baleur
    @Baleur 3 роки тому +283

    For anyone interested in WHY you wanna hue-shift towards Yellow for bright lit areas, and towards Blue for dark shadowed areas.
    It's because our eyes and brains (mostly our brains have to do with interpreting colors), have evolved here on Earth, where shadows are blue-tinted due to the atmosphere, and bright areas in the daytime are yellow-tinted due to the sun.
    Also related fun fact, contrary to popular belief, ALL stars in the universe give off yellow light, even the most red dwarves / giants, they give off light in the warm range of household lights, while the most blue stars give off cool light similar to in an office, which still appears totally white to us.
    This is why some games look unnatural, with pure 255.255.255 white highlights on say a white wall in the sunshine.
    Because if you go outside IRL and look at a white wall (say in Italy), during a sunny summers day, the white wall is NOT 255.255.255 white, it's actually more yellowish due to the sun. This is what we instinctively "feel" is bright.
    The same applies to things lit by fire or a campfire, naturally. But people forget it applies to our sun too.
    If you were evolved on Mars, for example, you might find lighting more natural if you hue-shift towards RED in the shadow, and (still) Yellow in the light. This because the Martian atmosphere tints shadows reddish, rather than blue (though the sunset / sunrise is BLUE on Mars, so for a game set on Mars, you might wanna add cool blue shadow tint for sunset scenes).
    Yes it might look unintuitive, but it will give your scene a proper unique feel, as it should if its on another planet.

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

      Too long lol

    • @adriangorseta8402
      @adriangorseta8402 3 роки тому +47

      This is probably the only UA-cam comment that is illustrious, constructive and useful, thanks very much

    • @frogballoon
      @frogballoon 3 роки тому +12

      Wow, I've been enlightened. Thank you for helping me.

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

      Awesome comment lol keep them coming.

    • @BelieveAndFlourish
      @BelieveAndFlourish 3 роки тому +13

      I appreciate the effort you put into this comment and the very useful tips you've added here, thank you. The appropriate color of highlights and shadows is one thing I struggle with, and your comment will help me immensely.

  • @lunarknightlight4754
    @lunarknightlight4754 4 роки тому +573

    I subscribed when he said "do you suck at shading, you probably do cause you clicked on this video" gg ya got me man lmao

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

      lol thanks for the sub

    • @freewithnature
      @freewithnature 4 роки тому +13

      I laughed when he said "you got your lighter color and your darker.. obviously lol"
      I loved it lol.

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

      Lmao me too

  • @freewithnature
    @freewithnature 4 роки тому +230

    "Don't use Rgb that's for noobs"
    Me:

  • @itsmeatrin
    @itsmeatrin 3 роки тому +55

    12:35 This man creates wonderful things with his hat covering his EYES. LOL

  • @Momao92
    @Momao92 4 роки тому +174

    Pete is the kind of guy that , you havent met yet but you know you could sit down with and play games, drink beer, eat pizza and talk random shit.

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

      for sure lol

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

      thats just his persona to maximize xX_VIEWER ENGAGEMENT_Xx

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

      yes lol

    • @PeterMilko
      @PeterMilko  3 роки тому +13

      @@legrandmasmas5727 no man im really that dude you can chill with but i do like deep talks

  • @powertotheboondoctrine9209
    @powertotheboondoctrine9209 3 роки тому +17

    THAT BEANIE IS ALL UP IN YOUR EYES BUT YOU CAN STILL SHADE
    10/10

  • @Norivee
    @Norivee 4 роки тому +41

    11:48 He's a mad lad. Clearly, he becomes Daredevil between cuts

  • @JDZombieslaya
    @JDZombieslaya 4 роки тому +53

    Really good video! Good shading can make or break an art style. It can immerse you so much when done well, but be jarring when done wrong. Great tutorial and nice demonstrations!

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

    Indie dev here to help! ⭐Here is the 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/

  • @wulver810
    @wulver810 4 роки тому +31

    I have been throwing shade at people all day thanks to you!

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

    no matter how many times i watch your videos they always bring me joy, the aesthetic of pixel art and the music you put in the videos makes everything so perfect

  • @Minitomate
    @Minitomate 4 роки тому +20

    This is one of the things that I was struggling the most at doing pixel art, thanks for the tutorial!
    Now I understand how to shade the right way.

  • @Dizztah
    @Dizztah 4 роки тому +80

    I'm all 'bout that dev life, yo!

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

    One of the best tutorials ive used hands down. Not just for art, in general

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

    Man your content is so much fun to watch - learning while having a blast...it doesn't get better than that :)

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

    Dude you're rad. Recently discovered your channel and love all the videos I watched so far. Keep it up dude

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

    Your content is helping me with my game...for that I will be wishlisting your game. Best of Luck and thanks for all the info!

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

    Damn dude, we've got such a similar vibe haha love the videos! Really helps understand the different dimensions to the shading.

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

    Appreciate this! Appreciate your approach to videos too. Makes it fun. Also ...givin off Pauly Shore Vibes.

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

    I had a pixel art assignment for a college class and this video helped me so much! Thank you.

  • @JohnMkrv
    @JohnMkrv 11 місяців тому +1

    This dude is so good that he didn't even need go use his eyes 60% on the way, respect

    • @PeterMilko
      @PeterMilko  11 місяців тому +2

      Heart in the pixels is all you need.

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

    Great tutorial Pete! The best! Thanks for sharing knowledge!

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

    Thanks for the tuts man! you saved me tons of remake work hours!

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

    i started pixel art some time ago and didn't understand shading. this tutorial helped my SOO much. also just a cool and really helpful video!

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

      Thanks! Please support by using the link in description to get Aseprite or playing Dwerve or Down Hole etc

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

    This was MEGA helpful, thanks!

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

    This video has the finest, most authentic intro ever.

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

    11:57 bro is literally so good at pixel art he doesn’t even need eyes 😂 great video man i love your energy

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

    "Get off the RGB, that shit's for noobs" bro I almost spit out my coffee lol

  • @pixelartgamergirl
    @pixelartgamergirl 5 місяців тому +1

    This master Dev Life 🤙 shading tutorial kicks pixel ✨ butt! I love it 💕

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

    “Welcome back” totally caught me off guard 😅😂

  • @joaovictorv.s.1816
    @joaovictorv.s.1816 3 роки тому

    YOU'RE AWESOME MEN!
    I love it! Ty!

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

    Love your videos, man 👍🏼

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

    This is very helpful! Thanks, mate!

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

    Ya got a new sub! Great Video! Helped a lot, Just what I needed

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

    When doing indirect light, should the indirect light be slightly darker than the direct light highlights? or shifted towards the color of the initial surface it's bouncing off of?

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

    Thanks a lot, this tutorial is amazing

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

    thats some real nice video. Look how deep you can go with a simple block

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

    Thanks for this series.

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

    My god! Best pixel art channel ever!

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

    Nobody:
    Pixel Pete: So, as I mentioned in my furniture tutorial...

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

    that was super useful, subscribed

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

    Greatest intro ever. “Hi, do you suck at shading? You probably do because you clicked on this video.”

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

    This is oddly specific but I first used the HSV slider in Ratchet and Clank: A Crack in Time. Since then, that’s what I have preferred.

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

    Love this!

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

    You are the best teacher ever like pls 😩😩😩 tysm for what you dooooo

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

    Great tutorial. Entertaining as well. Subscribed!

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

    This was extremely helpful!

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

    I loved the video!! You've just got a new subscriber =D

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

    I've found magic, art is MAGIC and when that red ball turned from red to purple . i . go . BOOMb !

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

    whats the name of the song in the background at the beginning

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

    Nice tutorial for shading... although I think it is more than just a Shading Tutorial (color shifting and others techniques) which is way more informative and attractive than most of other youtuber pixelart videos!

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

    Thanks so much man! Subbed bc this help alot

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

    lol i just found you from the gdc character talk...aaand yah man i suck at shading haha great video, subbed and thanks!

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

    If an object is bigger, should it use more shading? Ie. I 32x32 character and a 128x128 tree, should the tree have more shading or the same amount of shades as the character? Does the amount of shades change the style?

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

    No more locked doors lol....i love the video bro it helped me a lot! keep it up

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

    That orb adjustment thing completely knocked me out. PS: I’m (not) stoned

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

    Great tutorial pete i had some troubles with shading before, and this helps a lot n.n

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

      Thanks, Ill go into more detail for specific things in the future. Like shading a tree

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

      Yo og

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

      @@ryandsouza8495 whats an og?

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

      @@protopixelart u have been watching this guy from a long time and u comment on every of his videos

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

      @@ryandsouza8495 not every one of them but yeah, i like his job

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

    how to bring out the HSV color tab and make it floating like this?

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

    Everytime he said "Vibrance", my copy of DaVinci Resolve tried to unninstal itself

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

    Hey been watching your videos and find them really helpful! I'm currently trying to break into Games UX. I'm curious what your workflow looks like as far as how you keep track of your pallets for different projects and object to object.

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

    🔥 Thaaanks , I learned a lot !!:D

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

    lol'd the whole way through man. thanks for the tips!

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

    How to make that blue grid ?

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

    I know the video is a "bit" old, but thanks to you I don't suck anymore at pixel art Lol.
    (I think This guy is god... Follow him!)

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

    Best. Video. Intro. EVER!

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

    That have to be nice if you know what you do and if the result Looks good like yours. nice vid

  • @david55200
    @david55200 4 місяці тому

    im loonking for a software for create pixel art, and see my animation in real time. Some one can help me to found that ?

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

    Thanks man, it helps a lot
    U got new subscriber

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

    What is the app again you are using?

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

    Now you are a master shader! Lmaoooooooooooooooooooo. Like someone throwing shade constantly.

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

    Great tutorial!!!

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

    hello what is this program you use to draw?

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

    Thanks Pete

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

    Never thought I would be learning pixel art from Tommy Wiseau

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

    tbh it looks great and all, but on the apple you should probably try to use fewer shades

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

    i love how you have free merch ill probably try to get one when I'm able to

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

    That's a great vibe tutorial

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

    i mean i started pixel art a few weeks ago and im happy i made minecraft skins before pixel art cuz atleast now i know what hue shifting is

  • @Stefan-bn4wh
    @Stefan-bn4wh 4 роки тому

    Great stuff! Thx :)

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

    @2:39, you can almost see a representation of the double slip experiment in the hsb sliders color chart

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

    I like how you took your hat more and more off and put it back on. :p

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

    I love your videos! I love your humor! I learned so much and i dont forget to wishlist on steam 🤣👍 greetings from czech republic, bracho🔥

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

    Here cause of the Jonas video. Thought the intro was actually good in this case, because it was showing off your art, sort of lends to credibility.
    Nice tips, I think it'll be a while before I'm getting things to look decent though. Idk where to put the pixels.

  • @Ari-dv5wx
    @Ari-dv5wx 4 роки тому

    What app do you use???

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

    tysm im trying to make sprites for a doom wad im making this helps a lot

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

    HAHAHA THE INTRO WAS GREAT. instant like

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

    thanks for tutorial :)

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

    I can see how the apple turns into a ruby pixel by pixel

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

    Lol the ending was great

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

    thanks dude

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

    That intro crack me on laugh so loud!

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

    Haha that wandering hat. I learned tho. Ty.

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

    What if i'm using ms paint?

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

    I've been looking around for a while now and the one thing about shading that still gets me is when to use dither and how much is too much. most pixel art I've seen everyone uses more color transition but not many people use dither techniques. any advice?

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

      I use dither when the surface has a texture. So for example I use it on fabrics, rocks, trees. I often dither just a very small section not a large area. I use it on objects I don't want to look prestein.

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

      @@PeterMilko thank you that really helps!

  • @chrisjm22
    @chrisjm22 4 роки тому +14

    I love your tutorials! Do you also make higher pixel count pieces? I'd love to see how you do one of those aesthetic scenery.

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

    when u where shading the "circle" my brain exploaded becuz of how good it looked

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

    Great video. Thanks for posting this content for noobs like me that totally DO suck at shading. Haha

  • @denizkala3248
    @denizkala3248 2 роки тому +2

    13:21 my man just predicted among us 😅😅