Pixel Art 101: Shading Tutorial

[@LordVittaminn]

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

[@PeterMilko]

omfg lol

[@arunamangalampalli1754]

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

[@alekosthecrow]

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

[@Nugcon]

weird flex but ok

[@Smugly33810]

do you know what ff4500 is casual

[@sosasees]

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

[@PeterMilko]

lol too true

[@potatocannongb3328]

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

[@JadeJoystick]

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]

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

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]

Too long lol

[@adriangorseta8402]

This is probably the only KZbin comment that is illustrious, constructive and useful, thanks very much

[@frogballoon]

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

[@PeterMilko]

Awesome comment lol keep them coming.

[@BelieveAndFlourish]

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]

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]

lol thanks for the sub

[@freewithnature]

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

[@christophersootoo9168]

Lmao me too

[@itsmeatrin]

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

[@AGblueMetal]

ikr

[@freewithnature]

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

[@santinopozo7481]

i use paint

[@potatocannongb3328]

man, using RGB is hard as hell

[@ylanberri1464]

I use paint with rgb

[@nerothos]

@The Milkman high five

[@Kk82822]

I use HSB/HSV

[@Momao92]

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]

for sure lol

[@legrandmasmas5727]

thats just his persona to maximize xX_VIEWER ENGAGEMENT_Xx

[@AGblueMetal]

yes lol

[@PeterMilko]

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

[@uovo]

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]

Thanks for the nice comment

[@rhyss5618]

same

[@JDZombieslaya]

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!

[@Norivee]

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

[@powertotheboondoctrine9209]

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

[@wulver810]

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

[@Katt-ci6gw]

Wulver WHYYYYYY

[@Minitomate]

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.

[@abeniang721]

PREACH

[@Skumdog_Machina]

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

[@JohnMkrv]

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

[@PeterMilko]

Heart in the pixels is all you need.

[@PeterMilko]

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/

[@ramonsohal2404]

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

[@twomur_]

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

[@GunSlingerClyde]

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]

Glad to hear it!

[@cjtrules1]

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

[@PeterMilko]

glad it helped

[@Warpgatez]

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

[@Dizztah]

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

[@jajo2003]

Oh shit it's Dizztah

[@peterbowman3572]

:d

[@dogey11]

:o

[@STaSHZILLA420]

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

[@PixelArtGamergirl]

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

[@PeterMilko]

thanks

[@gabrielmontoya6494]

This video has the finest, most authentic intro ever.

[@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]

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

[@baltihorsettv5421]

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

[@kagezo4078]

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

[@littlebigcomrade]

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.

[@gabrielmoreyra3365]

My god! Best pixel art channel ever!

[@philbateman1989]

This was MEGA helpful, thanks!

[@prestongoetz7616]

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

[@denizkala3248]

13:21 my man just predicted among us 😅😅

[@PeterMilko]

lol

[@ragemachinist]

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

[@PeterMilko]

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

[@AndrewGrosso]

“Welcome back” totally caught me off guard 😅😂

[@hamidsaba3778]

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

[@johanneshvidberg7744]

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

[@klebinger]

Love your videos, man 👍🏼

[@bitbraindev]

Love this!

[@zebraman7190]

Thanks a lot, this tutorial is amazing

[@jenwombatexcelsior]

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

[@joeplain3133]

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

[@chrisjm22]

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]

I'll do that someday

[@sabrinasauer1953]

13:25 Amoung Us?!?!

[@PeterMilko]

😄

[@diegocrusius]

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

[@joaovictorv.s.1816]

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

[@protopixelart]

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

[@PeterMilko]

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

[@ryandsouza8495]

Yo og

[@protopixelart]

@@ryandsouza8495 whats an og?

[@ryandsouza8495]

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

[@protopixelart]

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

[@davidarnold25]

So insanely helpful. Thank you.

[@PeterMilko]

Glad it was helpful!

[@StephenHarperRaptagon]

Never thought I would be learning pixel art from Tommy Wiseau

[@Da_B]

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

[@naam7583]

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

[@dquinnster47]

Best. Video. Intro. EVER!

[@MartinPurathur]

Thanks for this series.

[@yellowbelle8782]

13:20 amogus

[@bubblejuiceman]

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?

[@hamzakhusro5970]

HAHAHA THE INTRO WAS GREAT. instant like

[@thebagelbird4331]

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]

Amogus

[@deadmagnet6318]

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

[@lunareclipse2401]

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

[@TJarrellsRnD]

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.

[@ellybelly08]

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

[@AlindaeliaGamez]

Great tutorial. Entertaining as well. Subscribed!

[@PeterMilko]

thanks

[@fernandapanda]

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

[@PeterMilko]

thank you!

[@Aitoritoast]

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

[@aeronamics]

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]

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.

[@gameclips5734]

that was super useful, subscribed

[@demonsweatthings8493]

11:49 how tf can u see

[@PeterMilko]

it was as low as I could go lol

[@KrisHesselmark]

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

[@guccigang7305]

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

[@PeterMilko]

😆

[@Corilo91]

This is very helpful! Thanks, mate!

[@alandukardt9177]

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!

[@AddlerMartin]

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

[@douglasfreitas5394]

🔥 Thaaanks , I learned a lot !!:D

[@alidemorg]

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

[@bobsakamonoe7465]

14:00 highlights and shading

[@flatwoods_]

This was extremely helpful!

[@robertsummers2331]

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

[@Infinite87s]

Thanks so much man! Subbed bc this help alot

[@LetsBuildWithExoticWolfieTM]

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

[@danilodelacruz2622]

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

[@Bunkysmom25]

At 13:25 the top shading looks like an among us crewmate pixel art

[@infn8loopmusic]

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

[@PeterMilko]

Glad it helped

[@letscompose8560]

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

[@bobsakamonoe7465]

5:35 making shading more interesting

[@JauniusDobilas]

Him: *Do you suck at shading?* Me: *What shading?*

[@PeterMilko]

😆

[@LostLambda]

nice vid man now i can make glossy spheres

[@Aeroxima]

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.

[@PeterMilko]

Thanks

[@deadmagnet6318]

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

[@Kousaburo]

[@PeterMilko]

yeah

[@readable1019]

good job!

[@yaloh_xd]

Realy cool

[@sallo666]

Cool!

[@TheeFlashbackMan]

no jk yes

[@Royal_Pita]

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🔥

[@PeterMilko]

nazdar

[@No__one1]

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

[@ashishgeorgechandy8501]

how the heck u doin shading while having your eyes under the beanie

[@PeterMilko]

ancient Slovakian technique

[@thecreedofaura]

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

[@ThePancakeJedi]

There must always be a party inside your head.

[@PeterMilko]

What does that mean lol

[@フェルルプラ]

How to make that blue grid ?

[@adolflenin5886]

Thanks man, it helps a lot U got new subscriber

[@PeterMilko]

Thanks for the sub!

[@JackEnoff2084]

“Do you suck at shading?.” Me: no, I jus- “You probably do that’s why you clicked on the video.” Me: 💀

[@maidenmilkcrate914]

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

[@PeterMilko]

thanks for the sub!

[@travis8106]

Thanks Pete

[@crimester]

15:14 Rhombicuboctahedron