Hue Shifting in Pixel Art (Color Tutorial)

Рет қаралды 294,569

4 жыл бұрын

Selecting colors for your pixel art can be tricky, but there's a fundamental principle that can give your work more vibrancy and appeal, and it's called “Hue Shifting”! In this video we break down what Hue Shifting is and how to use it to your advantage when making color selections!
----
Check out my art here:
/ brandonjamesgreer
/ bjgpixel
----
I commissioned the music in this video from these fantastic artists:
Title sequence theme music by Failpositive:
failpositive.bandcamp.com/
/ failpositiv
All other background music by mcguy215:
fiverr.com/mcguy215
/ mcguy215

Пікірлер: 299

@masterfreakgames2871 4 жыл бұрын

I studied Graphic design for two years , and work as illustrator for other three years, and i can say that this tutorial is so Mind Blowing, really the best tutorial for shading and lighting i never seen before, sorry for my bad english, but i just want to say , Incredible work

@olyna 4 жыл бұрын

totally agree!

@titusyoung9489 4 жыл бұрын

I also now use this for my coloring on anything 😂

@christidutoit 2 жыл бұрын

I’ve studied graphic design for three years and worked as an illustrator for almost 7 years and I still learned a ton from this video! Really really great info in this. 👌

@cvdusey Ай бұрын

Hey, your English isn’t that bad! You only really messed up two words, and even when someone is reading it, they probably won’t be able to tell. Keep practicing! Your doing great!

@King_O_Light 4 жыл бұрын

Next video request: a video about fonts in pixel art

@highpitched1121 4 жыл бұрын

I also have problems with that

@intheravenday 4 жыл бұрын

@pinkajou656 4 жыл бұрын

Yes

@blackcitadel37 2 жыл бұрын

It'd be nice one teaching how to make your own pixel font.

@StephenMRamos 3 ай бұрын

@Anilmky-JUNO- 4 жыл бұрын

"I wanna be smacked on the face by a rainbow when i look at my art." -Brandom James

@big_c3426 4 жыл бұрын

Anilmky Kittao I read this as soon as he said it lol

@Anilmky-JUNO- 4 жыл бұрын

@@big_c3426 perfect timing.

@iii-tf6rc 3 жыл бұрын

@@big_c3426 wtf same

@mistadude 3 жыл бұрын

@@iii-tf6rc yall need to learn how to actually watch the video without looking at the comments lol

@isaacsteen4828 4 жыл бұрын

I remember when I discovered Hue Shifting for the first time, and the inner workings of it. "Oh my god. Orange is just dark yellow."

@HammerDax 4 жыл бұрын

And brown is just dark orange!

@bloodypommelstudios7144 4 жыл бұрын

@@HammerDax I was really surprised finding out brown is just dark orange despite literally making brown by darkening orange for years. No idea how I didn't realize that.

@bloodypommelstudios7144 4 жыл бұрын

I found it a lot easier when I started using HSV rather than RGB. I remember really struggling as a kid using MsPaint.

@magnomaol 4 жыл бұрын

@@bloodypommelstudios7144 Yeah it makes a lot more sense HSB(HSV, HSB etc..) to mee too, way better than using RGB to understand colors. RGB is useful if you're planning to mess with colors using shaders.

@bloodypommelstudios7144 4 жыл бұрын

@@magnomaol Yeah I've used RGB for things like chromatic aberration and posterisation effects but I can't imagine going back to using it to draw with.

@domainofscience 4 жыл бұрын

Mind blown, I learned so much from this. I don't do pixel art, but this is very broadly applicable. Thanks!

@flimsyflame1251 2 жыл бұрын

This is actually a common problem with any digital art, and probably traditional as well. It’s why a lot of artists immediately go “DON’T SHADE WITH BLACK” Unfortunately, most of them don’t give more advice beyond that, and it leaves people confused, so thanks a ton for the tutorial!!

@malinaandryan 3 ай бұрын

lmao I was told to just NEVER use black, ever

@flimsyflame1251 3 ай бұрын

@@malinaandryan yeah I think it’s a problem with how people try to explain it. I think what they mean to say is “Don’t use black until you know how to properly utilize it. Because just desaturating a color or making the shading black and lowering the opacity can hurt the colors in your image. It needs to be done intentionally when you understand why and when it’ll look good or bad.” But that requires a lot of further explanations about when it looks bad and why it looks bad and when it looks good and why it looks good, so people just boil it down to “don’t use black” instead.

@CKTDanny 4 жыл бұрын

Excellent tutorial! I experimented with hue shifting on my last project but never really understood the logic behind it besides "it looks nice". Your example with the sun makes so much sense!

@BJGpixel 4 жыл бұрын

Thank you, glad it was helpful! Yeah it can be tricky without any other context, especially because colour preference can be very subjective also!

@NDarkNoms 9 ай бұрын

170th like!

@Sanpaku-san 4 жыл бұрын

As a digital artist I've found that literally no one has taught this in most of the tutorials I've seen and only the pixel art tutorials mention it

@rubykanima 2 жыл бұрын

It's because in pixelart it is more noticeable though any art can be ruined by using white to brighten up any color. This is why most newby art looks flat

@moduntilitbreaks 4 жыл бұрын

Holy crap, literally took screenshots to my notes.

@rh162 4 жыл бұрын

Been doing art for years and I NEVER understood this until now. Color theory explanations are usually all so convoluted while this is so heckin simple. I really love it.

@Joxlol Жыл бұрын

It took like 20 videos to end up here and I finally understood it. Took a short page of notes here and damn, it changed everything. Thx a lot. Very well done and presented.

@Arthur_url 4 жыл бұрын

Dude, thank you! I've just recently started practicing pixel art, and was already previously an average digital artist, and these tips actually helped me with both! I had already heard several artists talking about how shadows and lights tend to shift the hue and etc, but this was the most clear and direct explanation I've seen. The little animations do help a lot with that xD . Love your channel, keep up the good work! ♥

@BJGpixel 4 жыл бұрын

Thank you I'm happy to hear that! It's funny, I always present from the perspective of pixel art but there's no reason it can't apply to any digital art! I guess pixel art tends to focus on deliberate colour restriction more often, where this kind of thing becomes important. Thanks for watching, and best of luck with your art! :D

@bloodypommelstudios7144 4 жыл бұрын

For people who like a more physics based explanation for why hue shifting works start by asking yourself why are shadows not completely black? It's because of ambient light. Picture a very simple scene, a person standing on a flat surface with the Sun projecting a shadow. There's actually two light sources. The Sun is the obvious one but the blue light of the sky itself also lights the scene. The Sun puts out far more total light so on lit surfaces the sky's blue light isn't noticeable but in shadows the sky is the main light source so shadows will appear to have a noticeably bluer hue. There's a lot more to shadow than just this, different skys will result in different results for example a planet with no atmosphere would have shadows which are almost completely black since the sky isn't supplying any light, you've also got reflected light from other objects in the scene which also changes shadow colours and ambient occlusion etc which are worth looking in to if you want to get serious about technical details.

@rubykanima 2 жыл бұрын

or simpler: If you get hit by yellow (sun-) light, would you get brighter with a white color? Obviously not...

@walnutcupcake 4 жыл бұрын

I almost never comment on videos but this was such a great tutorial on hue shifting theory. I myself have fallen into the monotone palette trap, becoming frustrated at how my colours always turned out looking flat. The level of detail you used to explain how to create a palette using hue-shifting and how to refine a palette was immensely helpful to me. Thank you so much!

@mygills3050 2 жыл бұрын

I like to think of hue shifting like this: if you want something to be darker/lighter, you should have it look like it already was. Darker shades are natural for cooler colors, so if you want to find something good for shading, look to purple! Lighter things tend to be more reflective (in a sense), and as a result it is harder to make out the exact hue, so a decrease in saturation would easily mimic that!

@sanjacobs6261 4 жыл бұрын

Note: The opposite of yellow is only purple in subtractive color space. In additive color space (screens, lights, pixels, RGB) the opposite of yellow is blue.

@BJGpixel 4 жыл бұрын

Absolutely! Pixels exist in the digital space and are therefore "additive" from a technical standpoint. This tutorial however is about the artistic application of colour harmony within pixel art (or in theory any artistic medium), where I find the subtractive model to be more intuitive and appealing.

@obiwac 4 жыл бұрын

@@BJGpixel while I do agree purple looks better, it's not a question of pixels being digital or not. Your example of the sun is trying to mimic real life, where sunlight is additive. So digital or not, it would have to be additive to be realistic.

@BJGpixel 4 жыл бұрын

@@obiwac I get what you mean, however the sunlight example is only an abstraction to illustrate the use of complementary colours. When I say I prefer the Subtractive model, what I really mean is I'm using the RYB colour wheel as a reference point for this example, to identify opposing warm and cool colours that I believe are appealing in an artistic context

@obiwac 4 жыл бұрын

@@BJGpixel yup, I understand, and again, I agree with you that using the RYB wheel for opposing colours looks better in this case. Love your videos btw!

@raizin4908 4 жыл бұрын

@San Jacobs - Blue is the opposite of yellow in both additive (RGB) and subtractive (CMY) color space. (R+G vs. B and C+M vs. Y) Only in pre-scientific classical color theory (with RYB as the primary colors) is purple yellow's opposite. (R+B vs. Y) 　Classical color theory "stretches" the part of the color wheel between red and green and "squishes" the blue-purple-magenta range, because the red and green color receptors in our eyes are very close in the kinds of wavelengths of light they can detect, so we basically have more resolution on that part of the spectrum. The spectrum between red and green (with its yellows and oranges) seems like a much larger distance to our color vision than the spectrum from green to blue (with its... well... greens and blues) That difference in _perceived_ colors is why we classically have purple as the opposite of yellow, red as the opposite of green, and orange as the opposite of blue. It's closer to how our brains _experience_ colors, even though a RYB color system is very inaccurate in terms of how our eyes technically _register_ color, and how we mix light and pigments.

@Cerber4444 4 жыл бұрын

It's the most clean explanation of color theory.

@MysticalFG 3 жыл бұрын

This is great because it really doesn't apply to pixel art alone! Once you start doing this in your normal non-pixel digital art as well it helps LOADS in terms of vibrancy and making you art look much nicer :)

@TomHermans 2 жыл бұрын

I really like how this hue shifting technique is also applied here and demonstrates very well the effect it has vs the monotonous shades you see so often.

@olyna 4 жыл бұрын

What a brilliant Tutorials! I have watched many Color tutorials and only after watching your that it makes total sense! Excellent flow and clarity in your tutorials. Love them.

@TheBeLuvdTRex 4 жыл бұрын

This is so INTERESTING I grew up loving video games and started drawing when I began watching anime. I never had the tools to make what I wanted and now that I have the tools seeing how I can make this come true is amazing. Thank you for this channel.

@TheNeonCaster 3 жыл бұрын

This is something that really sat in my brain from my teenage years hanging out on spriting message boards. Hue shifting for colour depth can turn out great results on any graphic design project!

@blackattack1840 4 жыл бұрын

This is the greatest channel I have ever accidentally stumbled across. And no obnoxious Like/Share/Subscribe or 2 minute rambles about how tough it is to be a youtuber placed before and after the content I'm here for. Beautiful. You wouldn't believe how rare that is. The abscene comes so buttery smooth across my ears. I'm actually gonna ring that bell for once just cuz you didn't ask me to.

@florbengorben7651 4 жыл бұрын

Ive been thinking about getting into game design, especially because of a specific game idea I had, and after finding your videos today, I think I’ve decided to go for a pixel art approach. Ive already identified a disconnect between the colorations and color schemes of different people and areas in the game, but this video made me realize that I can use lighting to really make certain areas reminiscent of each other while remaining distinct. Thank you for making your videos. Take care!

@sagitswag1785 Жыл бұрын

I've been trying to learn pixel art on and off for a while, and color has been the hardest part for me to get to look "right". This is the best tutorial on the subject I've ever seen. Very clear and the examples show the concept impeccably! Thank you!

@FenrirInFlowers 2 жыл бұрын

This was amazing! You blew my mind with this explanation. As someone who is new to pixel art and mostly used to working in charcoal and pencil, this tutorial made the basic concept crystal clear and answered my main questions on the subject.

@BlocPanda Жыл бұрын

Man. Its great watching this video for a fourth time and still getting useful info out of it.

@TheSpeedyBoi 2 жыл бұрын

this whole tutorial series is amazing! I started game devving a few months ago(oh wait its april more like a year ago now 0_0) and these tutorials have helped me make far better artwork for my game. A big round of applause for Brandon! Have a wonderful day.

@Grifter_Cash 4 ай бұрын

I really like the fact there are exemples and most importantly numbers I can see. It may only be a ref but it helps so much more than just saying "you make hightlight colors like that click click click look the colors work together" and there's nothing to study or have a hint to apply for ourselves. Good work!

@andytran7768 Жыл бұрын

Really helpful video!! This is something I’ve been slowly picking up as I improve with pixel art- but having it all explained definitely gave me a deeper understanding. Great work!

@NickNames99 Жыл бұрын

this is really cool. i subbed to your channel a while ago but i didn't watch any of the videos but this is very helpful i've been trying to figure out my art style because every time i draw a different character from the same game/show side by side it always looked like a different person must have drawn it. i think this is helping me get more consistency. thank you

@ImusNoxa 3 жыл бұрын

I just discovered your channel, and you have a lot of really great stuff. But this might honestly be your best video. I went to school for design, and they never taught me this. Even though this is such an essential concept. You did an amazing job condensing it into a 10-minute presentation while also making it super educational. Thank you so much for sharing!

@DarkD33p 4 жыл бұрын

That fox character would fit into the Jazz Jackrabbit universe. :D I'm new to making pixel art and this video helped me a lot. Thanks man. Absolutely love your content so far.

@linusjensen6905 2 жыл бұрын

This is everything i ever missed with pixel art. THANK YOU SO MUCH!!!!

@JohanEnriqueArteagaLopez 4 жыл бұрын

All this channel is amazing! Please don't stop upload content. You have a well oiled machine concept here. Congrats!

@mooshy5944 2 жыл бұрын

Thank you so much for this! As a programmer with absolutely no art background, this is EXACTLY what I was looking for in order to start creating some pixel art for a game. ❤️

@m4r_art 3 жыл бұрын

Out of all you made, this is by far your best tutorial.

@6Horrorible6 3 жыл бұрын

This tutorial is the one that really got to me! I feel I made some progress. Working on a palette is so darn h a r d, not just simply difficult. Thank you!

@ninquelosille3349 Ай бұрын

I never really understood hue shifting and to improve my art I kind of tried to do it anyway without really following a rule (and messing up most of the times)... But you explained it so well! You made it sooo simple that I got it right away! Now I can truly and properly improve my art. Thank you so much!

@BeingFriends 4 жыл бұрын

Love this, makes me so excited

@moose200 2 жыл бұрын

Thank you! I came back to this video for some help and it made a huge difference

@asoapydog 4 жыл бұрын

I smashed the like button straight through my phone and onto the floor. Thank you for making this.

@Riley_MDS 3 жыл бұрын

I was told by one of my fellas saying that I should learn Hue Shifting, I had no idea, even tho he did explain to me with stuff I only understand a little, but YOU just make it all clear and I literally understand it as whole now! Thank you for the explanation, it really helps me cause I know how Hue Shifting works!

@Gobi445 3 жыл бұрын

You're such a great teacher and artist!! This advice is so practical for color in most mediums! Great video ^_^

@Flux_One 3 жыл бұрын

Absolutely brilliant tutorial

@jaredjohnston1259 4 жыл бұрын

MY GAWD MAN! these videos are brilliant!

@BJGpixel 4 жыл бұрын

Haha glad you enjoy, thanks so much!! :D

@legendguitargamer 2 жыл бұрын

This tutorial is just incredible!

@Khrene 2 жыл бұрын

This is the most concise and constructive tutorial on this subject!

@adrianofend8529 3 жыл бұрын

I started out making pixel arts and i'm not this great of a pixel artist, but a person suggested me to watch your videos a these videos are awesome! I can't stop learning. I want to make games in 2d with pixels like shovel knight and you are helping me a lot, thanks.

@dcadjust 4 жыл бұрын

This is an important topic to understand and then practice. thank you for this video. Sigh, I have a loooong way to go still.

@gmdbittsey1332 3 жыл бұрын

As a beginner pixel artist, this opens a whole lot to me. Thanks so much!

@miguellavariel1348 3 жыл бұрын

The sounds really bring back memories and make it looke even more professional! :)

@programoo 3 жыл бұрын

This practical color theory that I am desperately looking for. It is super helpful thank you for sharing.

@CrunchToom 2 жыл бұрын

To be honest this is the hardest part for me so thank you (also you are underrated)

@davidstover6074 Жыл бұрын

Thanks for this, it gave me much more insight to color theory than I had before!

@mustardsauce5201 3 жыл бұрын

a lot of these tips dont just apply to pixelart, but just art as a whole. like, a lot of the mistakes you made wouldn't have been made if you were an experienced artist before diving into pixelart like im gonna do. i love you channel. great for tutorial and background noise for drawing.

@Tiosedan 6 ай бұрын

One thing I love about pixel colour palettes is that smoky feel to them. Like the refeined colour palette!

@mr_whyy Жыл бұрын

Your explanations were clear enough that I wrote a small app that shows that effect in real time with a starting color and sliders, it shifts hue in real time and can generate n colors

@PKspectre 2 жыл бұрын

Oh my god.. this is actually genius. I'm not an artist by any means, but I like making pixel art in my free time, and I kinda just whatever'd my colour selection because I had no idea what I was doing. I applied your method and BAM, it instantly looks ten million times better. Thanks a lot!

@xentric313 6 ай бұрын

Changing the outline color in the refined version makes it even better.

@Alex-mw8qz 4 жыл бұрын

Your videos seem very complicated, but if you pay attention it's easy to understand. Keep up the fantastic work

@jyfelisilda8194 2 жыл бұрын

Bro youre a hero. I literally suck at shadows and colors and yet this gave me an understandable explaination. Applause👏

4 жыл бұрын

That was so awesome, really easy to follow, thanks for the info, i'll try it on my next piece

@kenorsua9595 Жыл бұрын

i wasn't expecting to learn color theory that easily, im so grateful for this video... time to make pixel art!

@PedArty-rz2cr Жыл бұрын

Thank u so much for this tutorial, you make things pretty easy to understand. You are amazing

@jasontgrocks 3 жыл бұрын

This video is so well made great job

@therendeath4886 2 жыл бұрын

Wow I started watching your channel I've only seen a few but they have been amazing keep doing whatcha doin!

@noopa5229 3 ай бұрын

This is concise and easy to understand. Thank you

@arthurdlacerda3352 4 жыл бұрын

not every hero wears a cape! u are the best! thx

@bodilliam3769 2 жыл бұрын

wow, this is incredible. Super awesome tutorial. 10/10

@iamblinkin 4 жыл бұрын

This is a phenomenal video with great examples - thank you so much!

@bigrat4780 3 жыл бұрын

a fantastic tutorial to show anyone having difficulty understanding shading and highlighting tbh.

@Maiko_101 3 жыл бұрын

This guy is the best teacher for pixel art ever

@Sport_Universe_ 2 жыл бұрын

thank you for great teaching one of the most important part of pixel art, very well 👊

@mackit 2 жыл бұрын

This is an excellent tutorial! It’s not only applicable to pixel art, but also to recoloring real photos (e.g. product photography). Often, when designers need to create a bunch of color variations of a product, they will simply put a flat color mask over the whole item. While this gives adequate results, you can make the photo look much more realistic by applying the “Hue Shifting” method to the highlights and shadows. It’s a simple and super effective method!

@phubans 2 жыл бұрын

I've been doing pixel art in some capacity for about 30 years, I have had pixel artist friends who are WAY better at it than me, yet nowhere in that three decade journey did anyone bother to ever mention this concept to me before. It makes perfect sense and I really need to check one of my big ongoing projects to see if it needs this treatment (it probably does)! Thanks for the great video :)

@RingloomAzur Жыл бұрын

This is exactly the way i shade my drawings and sprites, and it's very well explained. Excellent job

@PROPLAYEN 4 жыл бұрын

Thanks! I'm getting into pixel art and I didn't really know how to do this!

@gordrik1591 4 жыл бұрын

Hard topic very clearly explained, nicely done :)

@CanEmile_ 2 жыл бұрын

Im mind blowed at every of your videos! The montage is amazing, the information is easy to process, i love you :o

@Arnoldius 4 жыл бұрын

Thank you so much for this great tutorial! 🙏🏻

@nadi6643 3 жыл бұрын

normally I don't comment on tutorials bc I think they doesn't help me at all, but wow. this video is so good I'm actually impress

@gokhanerenart 4 жыл бұрын

Thanks for everything friend you are really amazing ! Your tutorials helps to me about pixel art.

@BJGpixel 4 жыл бұрын

Happy to hear that, thank you! Best of luck with your pixel art! :D

@GameArts1 4 жыл бұрын

Ok this was the video i just needed :P. I like the hue shifting version the best, it pops out and my eyes are drawn to it instantly compared to the other two.

@jonathanc5928 3 жыл бұрын

This is exactly what I was looking for. Thank you!

@hasgames3231 3 жыл бұрын

A minute in and my mind is already blown

@ga_alme 2 жыл бұрын

I’ve learned so much! Thank you 🙏

@p0p525 2 жыл бұрын

I already know all of this but I like watching it anyways Its just satisfying

@MQRuffin 4 жыл бұрын

Thank you, Brandon!! Your videos are a real inspiration and informative. You're the best! :-)

@BJGpixel 4 жыл бұрын

Hey thanks for watching, glad you like 'em! :D

@killax1000 2 жыл бұрын

this just blew my mind.

@punkopunko5637 4 жыл бұрын

Hue Shifting is my favorite art technique. I incorporate it in pretty much all of my art.

@dajuicebox7965 3 жыл бұрын

You’re the best! Thanks for you great videos!

@starface2178 3 жыл бұрын

That's Great. I been learning about pixel art myself

@VixenteEs 4 жыл бұрын

Excellent video, you explain and show it very well. Keep up the good work.

@GordonZuchholdArt 4 жыл бұрын

Very cool tutorial! Thank you very much. I always have problems with colors.

@marced2751 3 жыл бұрын

Fantastic teaching video!

@ryanyoder7573 4 жыл бұрын

Wow. This is gold. Thanks.

@sooslokosvivem 3 жыл бұрын

Your vids are awesome!!!

@so9179 3 жыл бұрын

thank you so much i really needed this :)

@missdoomerette 3 жыл бұрын

I like that, so useful and easy to comprehend! ^ ^