Pixel Art 101: Shading Tutorial

Поділитися
Вставка
  • Опубліковано 16 січ 2025

КОМЕНТАРІ • 316

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

    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 роки тому +32

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

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

      @@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 роки тому +42

      weird flex but ok

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

      do you know what ff4500 is casual

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

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

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

      lol too true

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

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

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

      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 роки тому +299

    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 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 роки тому +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 років тому +577

    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 роки тому +231

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

  • @itsmeatrin
    @itsmeatrin 4 роки тому +57

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

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

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

  • @uovo
    @uovo 5 років тому +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

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

    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

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

  • @wulver810
    @wulver810 5 років тому +31

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    This was MEGA helpful, thanks!

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

    13:21 my man just predicted among us 😅😅

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

  • @ragemachinist
    @ragemachinist 7 місяців тому +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  7 місяців тому

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

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

    My god! Best pixel art channel ever!

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

    Love this!

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

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

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

    Thanks a lot, this tutorial is amazing

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

    This video has the finest, most authentic intro ever.

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

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

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

    Love your videos, man 👍🏼

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

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

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

    13:20 amogus

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

    “Welcome back” totally caught me off guard 😅😂

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

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

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

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

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

    So insanely helpful. Thank you.

  • @sabrinasauer1953
    @sabrinasauer1953 Місяць тому +2

    13:25 Amoung Us?!?!

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

    appreciate

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

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

  • @aeronamics
    @aeronamics 11 місяців тому +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  11 місяців тому +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.

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

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

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

    Thanks for this series.

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

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

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

    Never thought I would be learning pixel art from Tommy Wiseau

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

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

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

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

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

    that was super useful, subscribed

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

    Best. Video. Intro. EVER!

  • @fernandapanda
    @fernandapanda 5 років тому +3

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

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

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

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

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

    Great tutorial. Entertaining as well. Subscribed!

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

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

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

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

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

    🔥 Thaaanks , I learned a lot !!:D

  • @No__one1
    @No__one1 4 роки тому +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

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

    Lol the ending was great

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

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

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

    This was extremely helpful!

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

    Thanks so much man! Subbed bc this help alot

  • @lunareclipse2401
    @lunareclipse2401 4 роки тому +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

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

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

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

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

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

  • @LostLambda
    @LostLambda 3 місяці тому

    nice vid man now i can make glossy spheres

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

    thanks for tutorial :)

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

    Thanks Pete

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

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

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

  • @infn8loopmusic
    @infn8loopmusic 5 років тому +6

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

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

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

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

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

    Great tutorial!!!

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

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

  • @Kousaburo
    @Kousaburo 5 років тому +20

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

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

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

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

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

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

    That's a great vibe tutorial

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

    thanks dude

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

    Thanks man, it helps a lot
    U got new subscriber

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

    Yay for Chechu Rolemusic 😉

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

    13:20 GET OUT OF MY HEAD GET OUT OF MY HEAD GET OUT OF MY HEAD

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

    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

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

    Snazz it up Brodettes

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

    He's the Bob Ross for pixel art.

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

    amogus before getting popular

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

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

    Great stuff! Thx :)

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

    5:35 making shading more interesting