• Colour theory and why and how you should use it
    50 replies, posted
[b]Yeah yeah yeah I'm still about.[/b] Right I'm gonna tell y'all about colour theory now because I'm sick of seeing your boring desaturated pictures with your shitty Michael Bay orange-cyan overlays. --------------------- [highlight][b][u]THE BASICS[/u][/b][/highlight] Yes we should all start here. Some people will have realised this stuff without ever having to read a pretentious, arrogant and overly aggressive Briton's tutorial on it because they can do something which I like to call "using their eyes". Btw that applies to about 1% of this forum. [b]The colour wheel:[/b] [img]http://www.uwgb.edu/heuerc/2D/ColorWheel1.jpg[/img] I hope to god you've all seen on of these before. I even got a picture of a labelled one to really help you out. This thing doesn't just apply to art - Isaac Newton invented this baby; that's how cool it is (when something is still used 400 years after its invention you know it's good). "But Chesty, how is this going to help us? It's just a picture of all the tertiary colours!". It'll make sense shortly, don't worry. I'm going to assume you're all over the age of 13 and so have had the wonders of combining primary colours to make secondary colours and then tertiary colours explained, if not there are links at the bottom that contain the info in them. [b]Colour harmony:[/b] What we're concerned with here, and what we're going to use the wheel for, is understanding colour harmony. Every piece of artwork should have a colour-scheme. Colour-scheme is almost as important as your posing and all your fancy explosion effects. It's a key part of composition that is as vital as picking a sweet camera angle. Looking at the way most of you work I'd guess that colour-scheme is the absolute last thing any of you think about... and I can't blame you entirely for that because you're working initially with the Source Engine so you have to pose with no colour scheme at all. For the love of God though, once you're done with your posing and effects/shading editing you should really be taking far more than 2 minutes thinking about colour-scheme, rather than just desaturating a bit and slapping on your orange-cyan colour gradient and calling it a day. There are two typical ways of creating a harmonic colour-scheme. Through analogous colours: [img]http://www.colormatters.com/images/ctheory_leaf.gif[/img] Analogous colours follow each other on the wheel. This method is easy to do and can make a nice, simple image with a clear mood or theme. It's not terrible exciting though. Through complementary colours: [img]http://www.colormatters.com/images/ctheory_orchid.gif[/img] Complementary colours are [i]always opposites on the colour wheel[/b] - this is impotant. This method is more difficult to use but creates far more stunning imagery. You're gonna be limited to how well you can enforce this in Gmod what with the choice of models and materials available to you. If you ever get the chance to use analogous colours or complimentary colours in-game, then you should really take the opportunity because it won't come along often. So sure, by the theory above, your shitty blue-orange colour filters are nice, complimentary colour-schemes... but God there's so much more you can do. [highlight][b][u]DIS WHERE IT GETS GOOD[/u][/b][/highlight] [b]Shading and highlighting with colour:[/b] Colour theory is most applicable in shading and highlighting. Choice of colour gets more involving once you're finished with your midtones (ie. the flat shit you get once you've taken your Source engine picture) and you start to get into the extreme darks and lights of your artwork. What most people fail to understand is the exact reasons [i]why[/i] opposite colours are so complimentary. The simple reason is because you see it all around you without even noticing and, if you apply it properly, it shouldn't be noticed in your artwork either - it's just that natural. Complimentary colours is simply an optical illusion: [img]http://www.mongabay.com/images/2006/sub/namibia/600/DSCF0251.jpg[/img] Fairly strong orange/yellow light is striking the sand. The shadowed areas not being hit by light, in contrast, looks blue - the opposite of yellow/orange. You can apply this in varying degrees to artwork, partly depending on how strongly saturated your light-source is but also partly to do with how striking a visual style you wish to create: [img]http://kimhunter.ca/thumbnails/polar_bear_painting_sunset.jpg[/img] Or something much subtler: [img]http://chinaexpat.com/wp-content/uploads/u659/Kung_Fu_Panda.jpg[/img] Using colour like this you can get some really natural depth in your work. Things get more complicated when we start working with more complex materials, however, especially skintone. Here's a digital art skintone study I did a few months ago: [img]http://img403.imageshack.us/img403/4564/skintonestudy.jpg[/img] [i](as with any other digital work I post, it's made from scratch on Photoshop CS5 using a Bamboo Pen tablet)[/i] At this point I wasn't using complimentary colours in my shading and highlighting very much but some of the fundamentals are still there. Note that skintones get more saturated, and therefore redder and browner, as they get darker, rather than just getting progressively blacker. Also note how the highlights in the colour pallets are actually mostly cyan. Using black to shade is pretty much the worst thing ever. It makes materials appear lifeless and flat: [img]http://img138.imageshack.us/img138/8757/rubbishshading.jpg[/img] The one on the left was my original study, the one on the right something I knocked up quickly to show how wrongly it can be done. Note how flat the one on the right is and yet if we compare them monochromatically, just to see the tones: [img]http://img52.imageshack.us/img52/8976/rubbishshadingbnw.jpg[/img] They're actually almost identical. The power of colour! As you can see, skintones get more saturated as they get darker, therefore making them redder and browner. Making skintones more saturated in the shadows is only half of it though. Mixing in a small degree of complimentary colour theory into it works wonders though. Under normal, semi-yellow lighting, a small measure of purple in the shadows and a small measure of cyan in the highlights works wonderfully. Things get even more complicated when you have to take multiple light-sources into account: [img_thumb]http://sphotos.ak.fbcdn.net/hphotos-ak-snc4/hs1369.snc4/164102_10150339568265431_563215430_16028074_952829_n.jpg[/img_thumb] Overall the lighting is orange with strong orange lighting coming off from the left and in-front somewhere. But on the right you've got a softer cyan light. It can get quite confusing. So on one half of the picture you've got cyan highlights and orange shadows, while on the other side you've got orange highlights and purple shadows. [b]"BUT CHESTEH HOW IS ANY OF DIS APPLICABLE TO GMOD GRGNNh!?"[/b] Right, okay. You've come this far so thanks for reading. Now we can get on to how to use this theory in your editing. Sure, I probably could have told you this straight away but then you'd just be mindless zombies following my command as if my artistic opinion suddenly means more than everyone else's for no apparent reason. You should always understand why you're doing something and why it looks good before you apply it. You're probably wondering right now "but... we're working with pre-made models and maps. 90% of the lighting, colour, shadows and highlights are already done. Surely all I can do now is get my dodge/burn tool and shit all over my picture with it?" Well you're wrong. If you feel the need to add proper cast shadows and self-shading to your pictures, which you should unless you're a God at using the lamp tool like Urbanator, use your burn tool set to "highlights" to put in some black/grey shadows as you would normally. But remember what I said about how shading with black looks shit? Well that's still true and that's all you're gonna get by using the burn tool. What you want to do now is use the colour-balance (CTRL+B) settings [i]properly[/i]. By that I don't mean set it to midtones and t
ok good tutorial
[QUOTE=ChestyMcGee;27541240][img_thumb]http://img543.imageshack.us/img543/1057/gaseditnew.jpg[/img_thumb] [/QUOTE] Dayumn.
who are you again
"Take note of the colour of your light-source. Now, set the colour-balance setting to "highlights". Change the balance so that the highlights are the same colour as your light-source (although not nearly as strong). Next, set your colour-balance setting to "shadows". Now change the balance to the [I]opposite[/I] of the previous colour." I think Im misreading something here.. is this still about the burn tool?
The screenshot is awesome.
[QUOTE=KaNe1310;27541964]"Take note of the colour of your light-source. Now, set the colour-balance setting to "highlights". Change the balance so that the highlights are the same colour as your light-source (although not nearly as strong). Next, set your colour-balance setting to "shadows". Now change the balance to the [I]opposite[/I] of the previous colour." I think Im misreading something here.. is this still about the burn tool?[/QUOTE] Maybe I should re-write it. It's about colour-balance. ... cos there's that bit where it says "colour balance setting". I assumed people would know that I'm referring to Photoshop's "Image/Adjustments/Colour Balance" (or Ctrl + B).
And rainbows!
I don't know. It has the word theory in it. Just kidding. You are now a tool to me.
do one on composition/placement/angles next!
[QUOTE=heathendevil;27543421]do one on composition/placement/angles next![/QUOTE] I'm not really sure I can. It's not something you can teach so well because it is so intrinsically specific to each and every individual situation. As long as you understand rule of thirds you should get along okay.
[QUOTE=ChestyMcGee;27543461]As long as you understand rule of thirds you should get along okay.[/QUOTE] But rule of thirds is like 5% of all the composition theory. Though yeah, explaining the whole thing would be way too much for a thread.
Can't say I find that example (the GMod soldiers pose) very convincing. There's more contrast, but it loses some detail in the process.
[QUOTE=simkas;27543631]But rule of thirds is like 5% of all the composition theory. Though yeah, explaining the whole thing would be way too much for a thread.[/QUOTE] Of entire composition, yeah, it's a tiny element, but in camera angles it's like the first building block. [QUOTE=Clavus;27543645]Can't say I find that example (the GMod soldiers pose) very convincing. There's more contrast, but it loses some detail in the process.[/QUOTE] Did you read it? There's a tiny bit more tonal contrast yeah but that's just a side-effect that you can remove afterwards if you like. Lol who gives a shit about detail? It was never about detail, it never has been and it never should be - unless you're doing a photo-realistic render of something you should never be concerned with detail.
[QUOTE=ChestyMcGee;27543704]Of entire composition, yeah, it's a tiny element, but in camera angles it's like the first building block. [/QUOTE] Golden ratio is equally important IMO.
tl;dr make shadows blue and highligts orange like 35mm and you won't be a faggot
[QUOTE=simkas;27543746]Golden ratio is equally important IMO.[/QUOTE] Perhaps but it's such an age old theory that I think a lot of contemporary artists do it without even thinking or realising. Regardless, it would be pointless to make any tutorials for any of this - it's just stuff you have to pick up yourself. I'd be writing the equals of a 5000 word university dissertation if I wanted to write a tutorial on it. :v: [QUOTE=69105;27543808]tl;dr make shadows blue and highligts orange like 35mm and you won't be a faggot[/QUOTE] Essentially. Only I'd relate it more to whatever your light source is (ie. don't do that if your light-source is blue because it would make no sense).
I just hope that once people will stop bitching about the blue&orange contrast or whatever. It is used so much becouse the colors fit together.
[QUOTE=JurajIsNotPirat;27544315]I just hope that once people will stop bitching about the blue&orange contrast or whatever. It is used so much becouse the colors fit together.[/QUOTE] Yes I stated that in the tutorial. Thing is though, it doesn't look good. Sure the colours fit but what the orange does to skin-tones is ugly as fuck if you overdo it even slightly. It completely overblows the natural orange in the skin while overblowing all the blues everywhere else, so you get this horribly fake-tanned look.
[QUOTE=Joazzz;27541546]Dayumn.[/QUOTE] Blue-orange contrast everywhere
[QUOTE=overdark;27544410]Blue-orange contrast everywhere[/QUOTE] Because of the strong orange light. It makes sense here.
[QUOTE=ChestyMcGee;27544357]Yes I stated that in the tutorial. Thing is though, it doesn't look good. Sure the colours fit but what the orange does to skin-tones is ugly as fuck if you overdo it even slightly. It completely overblows the natural orange in the skin while overblowing all the blues everywhere else, so you get this horribly fake-tanned look.[/QUOTE] Sure, if we're talking about human skin tone.
[QUOTE=JurajIsNotPirat;27544532]Sure, if we're talking about human skin tone.[/QUOTE] k when you make a picture of a transformer, use it as much as you want. When you use it in a picture with a human (ie. 80% of pictures, at least, on this forum) don't use it. [editline]20th January 2011[/editline] And wow most of the complaints about that overlay come from cinema. How many films have you seen with no people in it? All the films I have ever seen use the overlay have had people in them and, as a result, they all look horrible discoloured. [img]http://1.bp.blogspot.com/_Q2z1M3wzz-Q/S524eoenBEI/AAAAAAAAAKY/lAaudlDI8LM/s400/trans_two10.jpg[/img] i <3 sunbeds
[QUOTE=JurajIsNotPirat;27544315]I just hope that once people will stop bitching about the blue&orange contrast or whatever. It is used so much becouse the colors fit together.[/QUOTE] Yeah, it does fit together, that's good, but I think the bitching is more about that everyone just ignores the rest of the color theory. They just go "oh hey let's use blue & orange that looks good". Red and green would look equally good, because the colors are complementary in both cases.
[QUOTE=ChestyMcGee;27542024]Maybe I should re-write it. It's about colour-balance. ... cos there's that bit where it says "colour balance setting". I assumed people would know that I'm referring to Photoshop's "Image/Adjustments/Colour Balance" (or Ctrl + B).[/QUOTE] ahh I didnt think of that for some reason. thanks for answering my question. good tutorial of course, altrough correctly editing lighting and shading is still very hard I think. [editline]20th January 2011[/editline] oh I have a question by the way, if you dont mind. lets take this picture for example: [url=http://uppix.com/s-gm_courage_day004d387fbe000876f3-jpg.htm][img]http://uppix.com/t-gm_courage_day004d387fbe000876f3.jpg[/img][/url] This picture is not edited, its straight from gmod. I had a hard time finding the correct colour balance and everything, in the end, it never looked right, either too high in contrast, or still too bright. what would you do in this case?
[QUOTE=ChestyMcGee;27544659]k when you make a picture of a transformer, use it as much as you want. When you use it in a picture with a human (ie. 80% of pictures, at least, on this forum) don't use it. [editline]20th January 2011[/editline] And wow most of the complaints about that overlay come from cinema. How many films have you seen with no people in it? All the films I have ever seen use the overlay have had people in them and, as a result, they all look horrible discoloured. [img_thumb]http://1.bp.blogspot.com/_Q2z1M3wzz-Q/S524eoenBEI/AAAAAAAAAKY/lAaudlDI8LM/s400/trans_two10.jpg[/img_thumb] i <3 sunbeds[/QUOTE] You can use the orange&blue on a picture and alpha mask the skin parts out. It'll look good. Of course only if the colours fit the scene.
I can't help but feel your tutorial is lacking a few things in color theory, but that's mostly because I'm in an art school. One thing that you don't mention is the relationships between warm and cool colors, and how they affect one another. Obviously, if you put a warm color like orange next to a cooler color like blue, you will get compliments, but you can also get some good color contrast if you put warm and cold version of the same color together, i.e. putting magenta next to red-orange. You can also make a single color look warmer or cooler depending on what colors are next to it, so if you put a green next to a yellow, the yellow will seem much warmer than if you put a red next to it, which will make the yellow cooler. As I said, you can use that to add some color contrast to your pictures, so rather than just orange and blue, you could have a cool orange and warm blue on one side, then a warm orange and cool blue on the other, creating not one, but two color contrasts in your picture. To demonstrate this idea: [img]http://25.media.tumblr.com/aGkz4XFcZp5wx0joYdKZWInOo1_500.gif[/img] Though it may seem like there are three spiraling bands of color, a blue, magenta, and green one, the blue and the green are actually the same color. Wrap your head around that one.
Oh shit I forgot to talk about colour relativity. You just reminded me. I'll update this shit later. Maybe. I'm not sure it's really necessary to talk about this stuff when we're making Gmod pictures because no one is making anything from scratch or creating a colour pallet from scratch. [editline]20th January 2011[/editline] [QUOTE=KaNe1310;27544838] oh I have a question by the way, if you dont mind. lets take this picture for example: [url=http://uppix.com/s-gm_courage_day004d387fbe000876f3-jpg.htm][img_thumb]http://uppix.com/t-gm_courage_day004d387fbe000876f3.jpg[/img_thumb][/url] This picture is not edited, its straight from gmod. I had a hard time finding the correct colour balance and everything, in the end, it never looked right, either too high in contrast, or still too bright. what would you do in this case?[/QUOTE] I can't really tell what you've done to it. I think if you removed or made the glare from the sun much less excessive then the lighting would be far more manageable. [editline]20th January 2011[/editline] [QUOTE=JurajIsNotPirat;27545129]You can use the orange&blue on a picture and alpha mask the skin parts out. It'll look good. Of course only if the colours fit the scene.[/QUOTE] Yeah, fair enough. No one does that though sadly. I'm not sure if it'd make the skintones look comparatively desaturated though.
Also, you shouldn't totally discourage shading with black because occlusive shadows where no light gets into are going to be completely black. That was one thing I noticed about your digital paintings, they're missing those black occlusive shadows so they get flattened out a bit. [B]EDIT: [/B]For example, I took those lips of yours and added just a bit of blackness in the cracks and voila [img]http://img510.imageshack.us/img510/2185/leeps.jpg[/img] Look at how much more depth there is than in the original.
[QUOTE=JurajIsNotPirat;27544315]I just hope that once people will stop bitching about the blue&orange contrast or whatever. It is used so much becouse the colors fit together.[/QUOTE] Nevertheless Teal and Orange is soo soo overused it sometimes hurts.
Sorry, you need to Log In to post a reply to this thread.