Pixel Art 101: Shading Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 พ.ย. 2024

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

  • @LordVittaminn
    @LordVittaminn 4 ปีที่แล้ว +739

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

    • @PeterMilko
      @PeterMilko  4 ปีที่แล้ว +90

      omfg lol

    • @arunamangalampalli1754
      @arunamangalampalli1754 4 ปีที่แล้ว +30

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

    • @alekosthecrow
      @alekosthecrow 4 ปีที่แล้ว +75

      @@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 ปีที่แล้ว +40

      weird flex but ok

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

      do you know what ff4500 is casual

  • @sosasees
    @sosasees 4 ปีที่แล้ว +299

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

    • @PeterMilko
      @PeterMilko  4 ปีที่แล้ว +36

      lol too true

    • @potatocannongb3328
      @potatocannongb3328 4 ปีที่แล้ว +16

      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 4 ปีที่แล้ว +294

    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 4 ปีที่แล้ว +3

      Too long lol

    • @adriangorseta8402
      @adriangorseta8402 4 ปีที่แล้ว +48

      This is probably the only TH-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 ปีที่แล้ว +50

      Awesome comment lol keep them coming.

    • @BelieveAndFlourish
      @BelieveAndFlourish 3 ปีที่แล้ว +14

      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 5 ปีที่แล้ว +575

    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  5 ปีที่แล้ว +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 ปีที่แล้ว +229

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

    • @santinopozo7481
      @santinopozo7481 4 ปีที่แล้ว +8

      i use paint

    • @potatocannongb3328
      @potatocannongb3328 4 ปีที่แล้ว +12

      man, using RGB is hard as hell

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

      I use paint with rgb

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

      @The Milkman high five

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

      I use HSB/HSV

  • @itsmeatrin
    @itsmeatrin 4 ปีที่แล้ว +57

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

  • @JDZombieslaya
    @JDZombieslaya 5 ปีที่แล้ว +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!

  • @Momao92
    @Momao92 5 ปีที่แล้ว +175

    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  5 ปีที่แล้ว +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 ปีที่แล้ว +14

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

  • @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

    • @PeterMilko
      @PeterMilko  4 ปีที่แล้ว +7

      Thanks for the nice comment

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

      same

  • @Norivee
    @Norivee 4 ปีที่แล้ว +41

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

  • @wulver810
    @wulver810 4 ปีที่แล้ว +31

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

    • @Katt-ci6gw
      @Katt-ci6gw 4 ปีที่แล้ว +1

      Wulver WHYYYYYY

  • @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/

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

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

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

      Heart in the pixels is all you need.

  • @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.

  • @powertotheboondoctrine9209
    @powertotheboondoctrine9209 3 ปีที่แล้ว +18

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

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

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

  • @LifePlusPixelArtGames
    @LifePlusPixelArtGames 9 หลายเดือนก่อน +1

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

    • @PeterMilko
      @PeterMilko  9 หลายเดือนก่อน +1

      thanks

  • @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!

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

      Glad to hear it!

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

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

  • @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.

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

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

  • @Dizztah
    @Dizztah 4 ปีที่แล้ว +80

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

  • @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 :)

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

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

  • @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!

  • @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!)

  • @diegocrusius
    @diegocrusius 4 ปีที่แล้ว

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

  • @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

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

    Bit of a nitpick, but a few times throughout the video you say "Vibrance" when V stands for Value.
    Thanks for the tut!

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

      kk will make note of that for future videos , thanks.

  • @gabrielmoreyra3365
    @gabrielmoreyra3365 4 ปีที่แล้ว

    My god! Best pixel art channel ever!

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

    This video has the finest, most authentic intro ever.

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

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

  • @naam7583
    @naam7583 3 ปีที่แล้ว

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

  • @zebraman7190
    @zebraman7190 4 ปีที่แล้ว +3

    Thanks a lot, this tutorial is amazing

  • @jenwombatexcelsior
    @jenwombatexcelsior 4 ปีที่แล้ว

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

  • @joaovictorv.s.1816
    @joaovictorv.s.1816 4 ปีที่แล้ว

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

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

    13:21 my man just predicted among us 😅😅

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

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

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

    Never thought I would be learning pixel art from Tommy Wiseau

  • @deadmagnet6318
    @deadmagnet6318 3 ปีที่แล้ว

    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

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

    nice vid man now i can make glossy spheres

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

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

  • @protopixelart
    @protopixelart 5 ปีที่แล้ว +4

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

    • @PeterMilko
      @PeterMilko  5 ปีที่แล้ว +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

  • @chrisjm22
    @chrisjm22 5 ปีที่แล้ว +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.

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

      I'll do that someday

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

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

  • @joeplain3133
    @joeplain3133 3 ปีที่แล้ว

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

  • @alandukardt9177
    @alandukardt9177 4 ปีที่แล้ว

    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!

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

    So insanely helpful. Thank you.

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

      Glad it was helpful!

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

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

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

    “Welcome back” totally caught me off guard 😅😂

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

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

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

    This is very helpful! Thanks, mate!

  • @bitbraindev
    @bitbraindev 3 ปีที่แล้ว

    Love this!

  • @MartinPurathur
    @MartinPurathur 4 ปีที่แล้ว

    Thanks for this series.

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

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

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

    I’m in a pixel art wormhole because of watching the 1 bit 2 bits 4 bits 8 bits 16 bits 32 bits 64 bits 128 bits meme help

  • @deadmagnet6318
    @deadmagnet6318 3 ปีที่แล้ว

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

  • @klebinger
    @klebinger 3 ปีที่แล้ว

    Love your videos, man 👍🏼

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

    Great tutorial. Entertaining as well. Subscribed!

  • @Aeroxima
    @Aeroxima 5 ปีที่แล้ว +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.

  • @prestongoetz7616
    @prestongoetz7616 3 ปีที่แล้ว

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

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

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

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

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

  • @itze_
    @itze_ 4 ปีที่แล้ว +3

    Lol the ending was great

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

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

  • @EivlBelial
    @EivlBelial 4 ปีที่แล้ว

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

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

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

  • @dquinnster47
    @dquinnster47 4 ปีที่แล้ว

    Best. Video. Intro. EVER!

  • @flatwoods_
    @flatwoods_ 3 ปีที่แล้ว

    This was extremely helpful!

  • @hamzakhusro5970
    @hamzakhusro5970 4 ปีที่แล้ว

    HAHAHA THE INTRO WAS GREAT. instant like

  • @nihilnothing
    @nihilnothing 4 ปีที่แล้ว

    Haha that wandering hat. I learned tho. Ty.

  • @infn8loopmusic
    @infn8loopmusic 4 ปีที่แล้ว +6

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

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

      Glad it helped

  • @ellybelly08
    @ellybelly08 3 ปีที่แล้ว

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

  • @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?

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

    Yay for Chechu Rolemusic 😉

  • @sanstheelumbu
    @sanstheelumbu 3 ปีที่แล้ว

    Im not stereotypist but pixel art people grow hair as a symbol are
    Saw AdamCyounis
    Btw both of you are gem to pixel art

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

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

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

      thanks for the sub!

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

    I can't fucking take it anymore, he's everywhere
    I need to call my therapist again
    the trauma is coming back
    13:21

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

      Amogus

  • @TJarrellsRnD
    @TJarrellsRnD 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

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

    that was super useful, subscribed

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

    That's a great vibe tutorial

  • @fernandapanda
    @fernandapanda 4 ปีที่แล้ว +3

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

  • @robertsummers2331
    @robertsummers2331 4 ปีที่แล้ว

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

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

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

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

    There's a huge wall of text comment here about why you hue shift towards yellow or blue. Some story about martians and stuff. I'll spare you that and keep it short:
    You hue shift towards the color of your light source. Lit areas are lit by your light source, in shadow areas can be lit by indirect lighting. Hue shift towards the color of those light sources.
    You're welcome

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

    Bro, you're a God damn gift! We'd probably be best friends if we ever met IRL....Probably ask you to help Pixel Pete my scripts/stories. HAHAHA!

    • @PeterMilko
      @PeterMilko  4 ปีที่แล้ว +5

      add me on facebook

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

      @@PeterMilko Will do! If you're on IG --> @AkisScriptLyfe 🙏

  • @Infinite87s
    @Infinite87s 4 ปีที่แล้ว

    Thanks so much man! Subbed bc this help alot

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

    5:35 making shading more interesting

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

    Shading for kindergarteners looked like a pro shading to me already lol but now I have a better idea on shading and sure it will take a lot of practice.

  • @Theoissic
    @Theoissic 4 ปีที่แล้ว

    Tommy Wiseau and The Dude's lovechild. What a loveable guy but I guess that's just my opinion, Mark.

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

    Thanks Pete

  • @aeronamics
    @aeronamics 9 หลายเดือนก่อน +1

    Shouldnt you stick with the colors in you color palette? You constantly on the fly create new colors? Dont you get like many different versions of the same color that way?

    • @PeterMilko
      @PeterMilko  9 หลายเดือนก่อน +1

      I dont create colors BEFORE I work. I create them while I work and LIMIT the amount I create. I keep it minimal. Please Watch my Evelyn character portrait video to see more about this technique. I reuse colors but make sure I have the colors I need.

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

    That intro crack me on laugh so loud!

  • @NeuroDeveloper
    @NeuroDeveloper 4 ปีที่แล้ว

    He's the Bob Ross for pixel art.

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

    thanks for tutorial :)

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

    15:14 Rhombicuboctahedron

  • @florabelas8021
    @florabelas8021 4 ปีที่แล้ว

    Great tutorial!!!

  • @Royal_Pita
    @Royal_Pita 4 ปีที่แล้ว

    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🔥