Pixel Art Class - Lighting & Shading Basics

[@crungler]

thanks! i didnt know the sun was in the sky and this really helped me!

[@oVirtue3]

the biggest roast in this vid's entier section lol

[@baalfgames5318]

The sun is NOT in the sky. ...It's in space. :3

[@forgorbruh]

Whats a sun

[@psbugs4078]

Lmao I somehow forgot about the sun

[@Carlos-kh5qu]

​@@psbugs4078POV: youre a reddit mod

[@BeingFriends]

Very well done. Sometimes I forget how important physics and principals of nature are so important in art. The fundamentals make a world of difference! - Krozo

[@MathByThePixel]

As a mathematics teacher/content creator, I cannot overstate how fantastic your explanations are here. Your use of the normal curve to explain your palette distribution is brilliant! 👌

[@ChaoticCooking]

The curve distribution of colours was mind-blowing! Such a useful visual aide 🙏

[@heycatos]

Hey Adam! Love your videos! I've been doing pixel art for just over a year now, (I think... hard to tell... don't judge me.), your videos have helped me a ton! Especially in character design and the Gestalt principles. It's obvious you're a veteran pixel artist, hats off to you sir. Anywhoo, just wanted to says thanks for the assistance!

[@thesleepydot]

the intro animation is so smooth and awesome

[@andresaraya5198]

this is what I have most difficult when I'm trying to draw. Thank you for your content.

[@sinx2247]

Just a small detail at 5:00, that's not exactly how normal distributions work -- the shades on the x-axis should be evenly spaced out. Then, the proportion of shades comes from the fact the if you fill the color all the way to the top of the graph, the shade in the middle will have a larger area than the shades farther out on the side. Great explanation though!

[@Livy_lives]

How did you just draw that normal curve in one stroke perfectly 😱

[@GNARFZable]

...with a drawing tablet and practise, I´d think ;)

[@azeriustv]

@@GNARFZable and Pixel perfect turned on

[@GNARFZable]

@@azeriustv yeah, thats right.... Aseprite is quite a good tool ;)

[@halobread]

pixel perfect: On

[@draizertbr6352]

*10 YEARS OF PRACTICE*

[@badratindiedev8328]

Adam is such a nice teacher, during pixel art I got insane progress in one week!

[@programoo]

This is absolutely fantastic!

[@AdamCYounis]

Thanks!

[@evasilvertant]

Nice tutorial! One thing I think you should also talk about is how different materials affect lighting and shading. For example, depending on whether your sphere is stone or metal, you would have less or more contrast between shadows and highlights. So the distribution of colors should be different based on how reflective the surface of the object is. The difference may be minimal in pixel art, but I would definitely still consider this.

[@AdamCYounis]

That's a great point! Definitely harder to convey in pixel art, but very much worth discussing in a more advanced video on materials.

[@MyoruTaVyhorDumok]

this is was so helpful! I don't know anything about lighting and shading (also in pixel art) so thank you SO MUCH!

[@ak_oneoneone]

I'm very thankful that im subscribed to you, im learning so much about pixel art and art in general. Thank you.

[@breakdancingcat]

shadow is parallel to the light source and color gradient isnt always linear. i never thought of them! thanks!

[@AaronQ64]

I suck at shading but its nice to see tutorials and some explanation about how its supposed to be done

[@baalfgames5318]

Do skills deteriate over time? I used to be okay at it, but now I suck too.

[@Edibles-]

This helped me improve pixel art incredibly.

[@gallickgunner7849]

4:22 - It's called the inverse square law for light which basically states that the intensity of radiation is inversely proportional to the square of the distance. Your intuition was spot on or perhaps you had heard of it but forgot. Good job on the video though really liking your pixel art series mate.

[@prismarinestars7471]

No it's not. The "rule" he was talking about applies regardless of the distance of the light source, even if the light source is at infinity. It's not an effect of light falloff. (And if you think about the sphere being relatively small, like the size of an soccer ball, in most scenes the light source would be many times the diameter of the sphere away from it, so the effect of light falloff wouldn't really be noticeable.) Edit: In fact, I doubt this rule has any physical basis at all, because when posterizing a photograph, by choosing the colors to posterize to you can create any band pattern at all, all of which will be equally accurate, so there's no way this rule could apply to all color palettes like he implied. I think this rule is more just about human perception and what looks good, and for whatever reason banding along the edges of an object looks better than banding straight across the middle.

[@dr_hex9258]

Ty man

[@lg3sculpty]

Ive seen u before on in a coment section on a random video😃

[@johncormier]

These videos are fantastic. Keep them coming!

[@freezybean3350]

I'm always trying to subscribe after each video and realize every time I'm already subscribed to you. Your perspective and advice is so helpful! Thank you for your hard work :)

[@LordMobias]

Loving the videos and the constant updates mate, keep it up :)

[@memesthemaker8429]

Damn this was very good, I loved it

[@joashorencia8514]

I really enjoy your vids, keep it up and looking forward to the next one.

[@mythicalwraith7026]

Love your videos, wish I could have caught this in the stream

[@disbelievepapy8551]

This is a very helpful video! Thank you!

[@Tktktkoi]

oof dude this helped me so much you can't imagine

[@idorus]

thank you i downloaded this game called pixel petz and you have to customize your own pets and its pretty hard but i want to make cute ones

[@K12ladylee]

Really appreciate this tutorial, thanks!

[@aristokrat8467]

yeah, but active highlight look in direction of a viewer/camera, it's not part of passive highlight. Those two parts independent

[@GreyAreAnimating]

Wait so you tell me that sun is not in underground?

[@OrquideaBay]

Thank you very much and congratulations on the great video! I'm Brazilian and I'm not fluent in English, but I managed to understand and learn a lot, great work and good luck with your games! ❤

[@halobread]

Sou br também mas sou fluebte

[@Crimson_pathfinder]

Thank mate for this lessen i really enjoy it & it was easy & helpfull

[@loganabel9321]

for a sphere, use a sin wave instead of normal distribution.

[@loganmedia1142]

Aren't they basically the same thing in this instance? Or do you mean use the negative parts of the sin wave as well? Otherwise I see no real difference.

[@NicholasLashway]

Finally made myself watch a tutorial! Thanks for the video!

[@hjups]

I think the normal distribution you are talking about comes from the cosine curve. There's a dot product in there which becomes squared for specular lighting with an index of 2, and cosine^2 looks sort of like a bell-curve. Also, I think you meant the Fresnel effect and not rim lighting. Rim lighting would require a light source to be behind the object. The Fresnel effect is an increase in the reflectivity at glancing edges.

[@AdamCYounis]

The cosine^2 relationship was introduced to me as I was recording this clip by someone in the comments. I'm surprised that I landed so close with intuition alone. r.e. rim lighting vs fresnel effect. I actually was referring to the former, but just name dropping, really. The deeper topic is that light is additive, and that often there are multiple sources on the subject, so it's possible (likely) to have more than one effect going at the same time. Fresnel is for very reflective subjects, if I'm not mistaken, which is rare in real life.

[@hjups]

​@@AdamCYounis Coming close by intuition is impressive. Even though I know the physical lighting theory, I never really thought about what it meant for the shading - knowing the math isn't as helpful if you aren't using a computer to do the calculations. For Fresnel, it applies to every surface actually. Take any flat surface and rotate it under a light to be nearly edge on, and you will see the effect. So plastic, rubber, paper, etc. Surfaces with large displacement will probably not exhibit it though because the varying height occludes the Fresnel reflections. It also depends on the light position in relation to the surface normal, but you typically will have some form of Fresnel (even if it's not visible) on every surface due to bounced light. An obviously it will be more apparent on smoother round objects which always have a glancing surface visible.

[@halobread]

math

[@jaysanprogramming6818]

Thank you very much.

[@rebornreaper194]

Where did you learn this stuff?

[@nashonightmare]

Super useful

[@KIBIFoxX]

8:17 , я слышу тут "Ставь лайк" xDDD Смотрю ваши видео-уроки , и как остальные ,этот так же помог Спасибо!

[@Deathtoo11-j7e]

Он сказал staff light

[@wernergraef914]

What pallet does he use and how do I find it? I'm new to Aseprite

[@RealPancakes3]

i need to know this aswell like for example im currently trying to shade a persons face and cant find good skintones for the shading

[@declanbainbridge5511]

He made his own palette for his game

[@wernergraef914]

@@declanbainbridge5511 :(

[@FlamingFoxProd]

​@@RealPancakes3 If you haven't already, I suggest studying hue shifting; Brandon James Greer has a great video on it, and it's very necessary to know for coloring, especially something like skin. Make sure the darker skin shades progressively get more red and more saturated (this can be applied to any skin tone).

[@metaknich]

Thanks for the video pls keep doing it , this help us a lot :)

[@samuelcrzz9103]

Thanks men, great video ✋️

[@Kamikaz0r]

man i love your tutorials,any tips for us who are just starting and we have zero drawing skills and knowledge? also do you feel the pen is important for aesprite or should i stick with mouse?

[@AdamCYounis]

The pen is important to me because I'm most comfortable drawing with one, and it places very little stress on my hand over long sessions.

[@Kamikaz0r]

@@AdamCYounis Thank you Mister ! i will get one then !

[@pedropaulofaria6126]

Will you do a class on backgrounds or landscapes?

[@pixelzlec5675]

good pixel art

[@MrLoser-ks2xn]

Thanks!

[@OrthodoxChristian]

Super useful!

[@Banana21219]

How did you get your palate like that? And the shader under it??

[@juicedup14]

0:56 Lot of devving?

[@skollskollskoll]

juicedup14 haha yeah I noticed that too

[@arturssi]

You are making realy quiality videos! Thanks for that! Helps me a lot. Could you tell how are you making the cliping masks? How do you draw only on the color so it doesnt go over? The same as on the character toturial, you even painted with 2 masks at the same time (for red and orange).

[@blazinge4207]

Click on pencil tool, go to the top, click ink, then shading. Selct the hues you want, reorder them as desired, and begin shading.

[@arturssi]

@@blazinge4207 Thanks for the reply, ill try that out!

[@blazinge4207]

@@arturssi No problem man! Let me know how it goes 😊

[@gatozzz5489]

Can anyone help me? What command do you use in 4:56? I need that in my life

[@mustafayurekli1402]

thats the magic tool rectangular variant shortcut ''M''

[@loganmedia1142]

@@mustafayurekli1402 You mean Marquee?

[@markgash1571]

👍🙏

[@seksula]

Whats that program you are using

[@zzuuko]

aseprite you can get it from steam

[@MatheusOliveira84923]

Nice video

[@CubbyCuber-r9z]

how the actual f did this guy make me understand this true skill man keep it up

[@shin4590]

What app is he using?

[@derivedbw9885]

aseprite

[@tenshi_tries]

You can find it on steam

[@BizKwikTwist]

You can also compile it for free from the developers github

[@cakecake2539]

@@BizKwikTwist you can get it for free? I checked the website and dont know how to get it lol

[@MondySpartan]

@@cakecake2539 You can get it for free but you’ll have to do advanced compiling stuff.

[@MarxyBasement]

Yay shading

Show... Like! 👏

[@amirul3460]

How maximum and minimum canvas for a pc game

[@rijeonghyeok2638]

Where i can find your palette?

[@sanstheelumbu]

Apollo pallete in lospec

[@emtirabl5709]

Him: nothing is mirror perfect Mirror: Am i a joke to you?

[@helloworld5555]

i use ms paint and i never get good at shading

[@halobread]

you should switch to paint.net, its better than ms paint atleast

[@lv99redchocobo37]

how did you get that shader tool thingy in aseperite?

[@lv99redchocobo37]

neverimind i figured it out neat c:

[@mightyhellscream5014]

@@lv99redchocobo37 how did you get it >.>

[@mightyhellscream5014]

@@lv99redchocobo37 nvm got it :p

[@thecolorblue7427]

@@starlightgaming1576 nevermind you got it

[@smlel8293]

4:30 basically, light particles are waves (not talking in a quantic way), so yeah, they can't be linear

[@spindash64]

I think it's trigonometry rather than quantum physics: a surface will be best at directing light into your eyeballs when it's directly evenly between you and the light source. On a curved surface like a ball, small deviations from that sweet spot are less noticeable than small deviations away from the "sour spot" of surfaces that are either not able to bounce much light, or aren't facing _you_ much.

[@cybrwww]

7:03

[@jimisv5215]

How can I get your pallette?

[@_Jarkor]

Make a screendump, then let Aseprite do a palette from the picture.

[@sanstheelumbu]

Apollo pallete in lospec

[@user-mx7qp9ls3o]

You look like you do pixel art

[@Blowitch]

unfortunately no that's not how light works a single light ray does not "scatter", it just splits into two rays (one that reflects and one that goes through the material with a slightly different angle, all depending on the material) what we see when we look at the surface of a box is the reflection of a large amount of those light rays

[@ArgentavisMagnificens]

He didn't really said it was a single light ray. It's heavily implied that the arrow is pointing from a generic light source.

[@PewPew_McPewster]

@blo unfortunately no that's not how light works First off, at 1:41, he clearly used the term "some light" which most of us should reasonably interpret as a large amount of rays, which is the right way to go about describing diffuse scattering. So right off the bat your interpretation is wrong. Second, and perhaps more concerning, is your willingness to try and apply the concept of "a single light ray" to describe "diffuse scattering" when the abstraction that is "a single light ray" is fundamentally incompatible to describe diffuse scattering. Diffuse scattering already implies a large amount of rays so the fact that your mind went to "a single ray" to try and describe it shows your intuition is wrong. Furthermore, "a single ray of light" doesn't actually physically exist, it's just a convenient shorthand when we don't want to bust out the fancy Fourier maths or wave PDEs or worse, quantum mechanics. So for you to try and treat "a single ray of light" as a physical entity to get scientific about only shows a fundamental lack of understanding of how light works. No need to be pedantic when you've misunderstood AND are scientifically wrong :) P.S. "unfortunately no that's not how light works" is a terrible way to start any argument because that's literally asking for an "um actually". We're still having difficulty wrangling a single photon effectively so I wouldn't bust that line out unless I really wanted to taunt someone.

[@lotion5238]

​@@PewPew_McPewsterbro busted out the optical science degree to own a commenter on KZbin

[@meliodas2667]

I can't understand...

[@viothewisp6468]

This did not help at all

[@saslykvogard1077]

Unlucky dude :)))

[@viothewisp6468]

Listen man, im retarded ans slow already, can u please tell me something idk already so i can know how stupid i am

[@saslykvogard1077]

@@viothewisp6468 ah man, you don't have to be mean at yourself like that. From my point of view, you're not dumb, although I don't know you yet so yeah. if ya need help you can ask for somebody, even I can help with that.

[@viothewisp6468]

Thx i guess

[@saslykvogard1077]

@@viothewisp6468 uhm, okay :)) hope you already found a video that explains better the way of shading.

[@ihateme2039]

I am having trouble with what to draw. I end up copying something I see in a tutorial. When I try the make even the simplest thing like dog or cat I get stuck. It's fustrating.

[@kun4i_135]

exactly same.

[@jaredjones6570]

Focus on shapes- modify the shapes until they fit together and match the perspective. Then make a new layer with more details- maybe one layer in gray scale to get the shading, another layer to get the colors, etc. IDK if that's what you struggle with tho... But that process has helped me

[@dandymcgee]

I think you're confusing "common" with "simple". Just because cats and dogs appear everywhere in the real world, does not make them simple to draw! Organic and livings things are very complex and detailed. Don't get discouraged; just keep trying different techniques and drawing it many times then picking your favorites and trying to understand what you like about those ones in particular. That's how you form your own style.

[@luqthedumbass]

what r u using to draw

[@Iblamefrooze]

Aseprite

[@marre995]

@@Iblamefrooze u can get it for free by compiling it look it up

[@johnhill160]

@@Contmotore I am a cheap fuck so I pirated it, but I should probably buy it down the line.