Quantcast
Channel: Animation – CapitalComTech
Viewing all articles
Browse latest Browse all 34

Understanding Color by Blender Guru

$
0
0

Notes

Affect the mood: Blue makes the painting look cold. Warm colors like red or orange make it look inviting or pleasant.

Monochromatic: One color

Analogous: Adjacent colors

Triadic: Equally distant colors

Complimentary: Opposing colors

Desaturation (making colors look less vibrant) can make colors look more pleasing.

Foreground/Background: use of four colors that compliment each other (complimentary colors).

Use Saturation sparingly. Don’t overdo it. Best for highlighting areas of interest, or telling story.

Value: Use values of high contrast to draw attention.

00:00
using colors is probably one of the
00:01
biggest hurdles that artists face
00:03
knowing how to use colors effectively to
00:06
adjust the mood or the atmosphere or to
00:09
even pick colors that actually go well
00:11
together it’s really hard for a lot of
00:13
people to to make it work so that’s what
00:16
this video is all about understanding
00:18
color by the end of this video you’ll
00:20
discover how to use colors effectively
00:23
to alter the story or to create pleasing
00:26
color schemes so I’m gonna break it down
00:28
into three core concepts
00:30
starting with why color is so important
00:33
then saturation and value and finally
00:36
color harmonies so starting with the why
00:39
colors when used correctly can guide the
00:42
viewers eyes to what’s important like in
00:45
this scene your eyes are immediately
00:46
drawn to these nice green cylinder in
00:49
the center of the screen it could also
00:51
be used to tell the story or completely
00:54
change the mood of the scene entirely
00:56
however when used incorrectly like in my
01:01
terrible scene here from 2007 it can
01:04
make the viewer feel lost nauseous or
01:06
even irritated basically colors can make
01:10
or break your scene very very important
01:13
to get it nailed down even worse in
terms of photorealism color is one of
01:19
the biggest giveaways that your image is
01:21
fake if you don’t believe me take out
01:23
your latest work convert it to grayscale
01:25
and notice how it immediately looks a
01:29
lot more photorealistic getting colors
01:32
right is just hard throughout the day
01:35
our eyes soak in millions of hues
01:37
saturations and shades but we rarely
01:40
ever stop to study them so when it comes
01:43
time to actually work we have a hard
01:45
time drawing from our memory what color
01:47
is used for one could argue that it goes
01:50
back to our childhood as kid we learned
01:53
about colors in their most simplified
01:55
raw formats red blue yellow etc but when
we tried using these raw colors in our
02:03
art we probably quickly noticed that the
02:05
results came out really ugly but why is
02:09
that saturation of value that’s why
02:13
saturation is the intensity or purity of
02:15
the color and it’s one of the biggest
02:18
culprits when it comes to ugly color
02:20
work the second is value which refers to
02:23
the brightness or the darkness of the
02:25
color so let’s have a look at these on
02:28
the left here 100% saturation really
02:30
hard to look at but tone it down to 20%
02:34
and it becomes almost a pink fleshy
02:36
color again I haven’t adjusted the color
02:40
at all by just changing the saturation
02:42
gives you very different results let’s
02:44
try it again with value 100% on the Left
02:47
20% on the right you can almost barely
02:49
see it
02:50
so that’s adjusting the brightness of
02:52
the color basically so you can see that
02:53
it now looks more like a muddy brown
02:55
than a red now if you had to tweak both
02:58
of these the saturation and the value
03:00
you can see that you can create a whole
03:02
plethora of different shades all from
03:06
just one raw color at the start as is
03:09
demonstrated in this painting I’m fairly
03:12
certain that the only color used in this
03:14
painting is red so just mixing it with
03:17
white and black you know changing the
03:19
saturation and the value able to create
03:22
an entire image from just one color very
interesting now in the CG world
03:27
saturation is probably one of the
03:29
biggest offenders a lot of artists
03:32
choose highly saturated colors because
03:34
they think it will make the results look
03:36
much better but really it couldn’t be
03:39
further from the truth
03:41
highly saturated colors not only look
03:43
incredibly fake but using saturated
03:46
colors everywhere gives your eyes know
03:48
where to rest which is really important
03:51
in an image so having a look at this you
03:54
can see staring at it for too long it
03:56
becomes a little bit irritating so d
03:59
saturated areas of your scene are very
04:01
very important but that’s not to say
04:04
that bright saturated colors are all bad
04:06
in this example you can see that your
04:09
eyes are automatically drawn to the red
04:12
bright mountains in the background there
04:14
that was deliberate that can be used as
04:17
a compositional element so your eyes are
04:20
following back and forth along the same
04:22
path as the camels are traveling very
04:24
cool
04:25
and in this image it’s pretty clear that
04:27
the artist wanted you to notice those
04:29
flowers it’s also called wild poppies
04:32
which is kind of a giveaway but the red
04:35
highly fluorescent color of them it
04:38
almost jumps off the screen edges so
04:40
really startling and probably the one
04:42
element that you remember this image for
and it could also be used for
04:46
storytelling
04:47
throughout history if you have a look at
04:49
a lot of paintings Jesus is always
04:51
wearing red and that’s basically to
04:53
focus the attention on him and also to
04:56
make him look powerful and mighty and in
04:59
terms of cartoons highly saturated or
05:02
bright colors can actually work in your
05:04
favor because it can immediately note to
05:07
the viewer that they’re looking at
05:09
something which is fake and it really
05:11
plays to it’s surreal unrealistic
05:13
qualities brightness and saturation can
05:16
even adjust your mood if you remember at
05:19
the start of up the colors were very
05:21
vibrant there was a lot of oranges there
05:24
was pinks fluorescent grass and really
05:28
really vibrant colors this was to
05:30
signify the joyous happy moment in their
05:33
lives
05:33
but then it laded turn to sadness and
05:37
the colors immediately changed to very d
05:39
saturated tones a lot of Gray’s a lot of
05:42
Browns
05:43
and if you have a look at that image on
05:45
the right there I mean there’s almost
05:46
really no color at all I mean it’s just
05:49
a little bit of blue kind of some brown
05:51
in there but nearly all d saturated so
05:54
that helps you to feel the coldness and
05:56
the the loneliness that the characters
05:58
are experiencing this same effect was
06:01
used at the start of the Incredibles and
06:03
as well as the matrix color is a really
06:06
powerful mood changer and it’s used a
06:08
lot in Hollywood as well as video games
06:11
which is why Call of Duty is completely
desaturated almost it can also be used
06:16
for composition so having a look at this
06:18
image your eyes are probably
06:19
automatically drawn into the background
06:22
there where there is some dudes wearing
06:24
some gnarly red pants so it’s really
06:28
it’s guiding your eyes from the
06:29
foreground to the background just by
06:32
having something highly saturated so
06:34
very important a similar effect can be
06:37
seen right here
06:38
if
06:38
one for that highly saturated parrot
06:40
there in the foreground it’s unlikely
06:42
that this image would be as successful
06:45
as it is the parrot really gives you
06:48
something to anchor yourself to so
06:50
you’ll then free to explore the rest of
06:52
the scene so to speak so just to
summarize what I’ve already spoken about
06:56
saturation and value in a nutshell don’t
06:59
overdo it don’t saturate and use high
07:02
values all throughout your scene it will
07:03
always come out horrible use saturation
07:07
and value to guide the viewer to tell a
07:10
story who is powerful you know what are
07:12
you drawing attention to you could use
07:15
it to change the mood use vibrant colors
07:17
in an animation and desaturate it you
07:19
know when you want to change it to be
07:21
sad or you can just use it to draw
07:23
attention to something that otherwise
07:25
wouldn’t be getting attention so that’s
07:27
the why saturated value which leads us
07:30
to point number three color harmonies
07:33
sorry for blinding you there so I love
07:36
this topic color harmonies basically
07:38
pertains to the fact that some colors
07:40
look better together than others it’s
07:43
also known as color schemes or
07:45
complementary harmonies you know it has
07:48
a number of different words so what I’m
07:50
going to be talking about is six popular
07:52
and common color harmonies that work
07:55
well they’re based on concrete ideas and
07:57
you can start using them in your work
07:58
straight away so the first one is
08:01
monochromatic probably the easiest one
08:04
to start with because it involves only
08:06
one color the entire image uses just one
08:10
color this is best for single subjects
08:13
because it forces the viewer to focus on
08:15
the details of the image the changes in
08:18
the value of the saturation and it could
08:20
also be used to create a very striking
08:23
atmospheric effect as will be
08:26
demonstrated right now so you can see
08:29
here your eyes are drawn to the
08:30
silhouette of the rocks and the figures
08:32
and you’re focusing on the story as
08:34
opposed to the colors very cool and this
08:37
image here a slide from that yellow moon
08:39
at the top there is entirely painted
08:41
with red giving a very striking
08:43
atmospheric effect and this next one I
08:46
absolutely love creepy chilling and it’s
08:49
all using one color
08:51
yellow very very cool effect and yeah
08:54
use very well all right number two is
08:57
analogous this one is cool
09:00
it’s about colors that are adjacent to
09:02
each other on the wheel so generally you
09:05
know about the distance you can see
09:06
right there the cool thing about this
09:08
one is that it’s easy on the eyes
09:10
it generally creates a peaceful and
09:12
comfortable mood mainly because it is
09:15
seen a lot in nature with you know green
09:18
trees blue skies things like that the
09:20
colors are very related so to give you
09:22
some examples this image here at the
09:25
stylet might almost look monochromatic
09:27
since there’s a lot of that that purple
09:30
in the background there but you can see
09:32
over here if I put my mouse here you can
09:34
see there is a blue sort of shore
09:36
resting on that that chair there and
09:38
then of course you’ve got this striking
09:39
pink flower they’re really great use of
09:42
that color scheme and then here as the
09:44
example with nature you’ve got some some
09:47
you know dark green grass here you’ve
09:49
got some light green up here in this
09:51
tree here and then of course the sky
09:53
with a nice blue there and in this image
09:57
really awesome example totally striking
10:00
so you got this lovely red dress of
10:02
course and then the use of purple and
10:05
Pink’s throughout the rest of the scene
10:06
and this image here aside from a couple
10:09
of areas where there’s the blue the rest
10:12
of it is all really using yellow orange
10:15
and red so if you look in the background
10:16
there yellow taxis you’ve got some
10:18
orange signs red car etc so really nice
10:22
effect which brings us to number three
the triatic
10:26
color harmony scheme so this one is
10:30
probably one of the hardest to pull off
10:32
it involves colors which are equally
10:34
distant to each other on the wheel as I
10:37
said and hardest to pull off it’s really
10:39
best for cartoons or surreal scenes
10:42
because it can really come across as
10:44
being quite playful it’s probably not
10:47
the best example to put right after that
10:49
but you can see here again Jesus is
10:52
wearing that striking red and then using
10:55
blue and yellow to highlight other
10:56
elements and it’s created a very
10:58
pleasing looking result and here really
11:01
great example it doesn’t have to be just
11:03
the primary
11:04
by the way the the triadic can be as I
11:07
said equally distant to each other on
11:08
the color wheel so this one is using
11:10
mainly orange green and blues and you
11:14
can see it’s a really great effect it
11:17
comes across really cheerfully and yeah
11:20
just really nice alright number four
11:23
complimentary this one is probably one
11:26
I’m sure you’ve all heard of before
11:28
it’s basically colors that are opposing
11:31
each other on the wheel so it’s very
11:33
very popular a lot of artwork not only
11:35
today but throughout history use
11:37
complementary color schemes
11:38
it’s just naturally pleasing to the eye
11:41
colors that are opposite to each other
11:43
on the wheel just look better I mean
11:45
they just looked nice next to each other
11:47
but something that a lot of people don’t
11:49
mention is that you shouldn’t use both
11:51
colors equally like you shouldn’t use
11:53
50% grain and 50% red you should be
11:56
using one color predominantly generally
11:59
the weaker color so in this case if
12:00
you’re using green and red you’d be
12:02
using the green the most so you’d be
12:05
using that for like most of the scene
12:06
and then using some splashes of red so
12:09
you know like some really desaturated
12:10
greens and then some you know saturated
12:13
areas of red have a look at some
12:15
examples here we go very similar to the
12:17
movie brave I think you could see a lot
12:21
of green she’s wearing a nice green
12:23
dress there a lot of green along the
12:24
grass there and then of course this red
12:26
shawl her red hair and the sunset and
12:29
everything else they’re creating a
12:30
really nice scheme here this one is a
12:33
lot harder to notice since it looks
12:35
almost monochromatic a lot of yellow
12:38
throughout everything but if you look
12:40
way in the background there you could
12:41
see some violet color so yeah that is a
complementary color scheme and here I
12:48
love this one it’s a great example of
12:50
using cool and warm colors which are
12:53
naturally complementary and that can
12:56
also be used to affect the mood of the
12:58
of the scene as well if you want a
13:00
certain part of the of the scene to look
13:03
sort of cold then using blue cool aqua
13:07
type colors can have that effect and
13:09
then using warm colors such as red and
13:11
orange can make it look inviting or
13:13
Pleasant and this one really popular one
13:16
that was on CD Society for a long time
13:18
by Tony Brett in civic sorry for
13:21
protests your name wrong using the red
13:24
and green color scheme coming across
13:26
really really nicely and very powerful
13:29
looking effect and this one here very
13:32
obvious red and green seems to be a very
13:35
popular complementary scheme and in this
13:38
example here as I showed you before
13:41
we’ve got aqua for most of the elements
13:44
and then in the background there you’ve
13:45
got some highlights of some warm orange
13:48
lights and especially on the screens
13:49
there but there’s virtually almost no
13:51
other color in the scene which is kind
13:53
of interesting and in this one here I
13:55
love this one Drogo from Game of Thrones
13:57
it’s mostly yellow mostly has this
14:00
yellow orange tinge to it and you might
14:02
be thinking where is the blue well it’s
14:04
here it’s from the rim light and I would
14:08
say without that blue this image would
14:10
not look as striking or as good as it
14:12
does that blue even though it’s really
14:14
subtle and it’s only a small amount it
14:16
really does help to balance out the
14:18
heavy use of this yellow color alright
so now let’s talk about split
14:24
complementary split complementary color
14:26
schemes are very similar to the one we
14:28
just talked about using opposites but
14:31
basically you take one end of it and
14:33
then you split it so doing that allows
14:35
you more creative freedom so instead of
14:38
just being locked to two colors it
14:41
allows you to use three colors generally
14:44
this type of color scheme feels more
14:46
lively and joyous so I’ll give you an
14:48
example here love this painting really
14:52
nice use of some Purple’s there of
14:54
course all through the flowers and then
14:56
you’ve got some yellow flowers here the
14:59
the green plants of course and then you
15:00
know yellow in the background so
15:02
basically just three colors all
15:04
throughout the whole thing and it’s a
15:05
really striking very pleasing looking
15:08
result and this one I love this image
15:11
we’ve got some really nice orange trees
15:13
there this striking green lawn here
15:19
sorry and then of course the nice cool
15:21
blue calming sky so those three colors
15:24
going together they work out really well
15:26
and even though they’re really highly
15:28
saturated there are elements of
15:31
low value and desaturation like you can
15:33
see these trees in the background here
15:35
they’ve been D saturated it’s really
15:38
this main foreground we’ve got this
15:40
orange against this blue which are
15:43
naturally complementary as well they go
15:46
really well together and then you’ve got
15:48
some dark areas in the grass etc and
15:50
then this one here this one’s a little
15:52
bit harder to notice but you can see
15:54
obviously you’ve got some yellow on the
15:56
robot itself and then of course the blue
15:59
sky and you might be looking where is
16:00
the orange and it’s in the sunset in the
16:03
background there so very subtle but
16:05
again it does give you a little bit more
16:07
freedom using three colors as opposed to
16:09
two and this one here love this one by
16:12
Carlos it’s uh it’s a great use it looks
16:15
like two colors but really it’s it’s
16:18
three so we’ve got this this blue color
16:20
which is of course going through a hair
16:21
on the dress but then the plant itself
16:23
you’ve got some especially on those
16:25
those stamens if I say pronounce it of
16:28
the flowers there they sort of come out
16:31
as this aqua color almost a greenish
16:33
sort of color in the background even a
16:35
little bit of purple there I didn’t
16:36
notice that before but yeah really nice
16:38
use of us but complimentary scheme there
16:40
this one again you might think this is
16:42
just a complementary scheme thinking
16:45
that it’s just blue and orange there on
16:47
the book but if you have a look at a
16:49
hair you can see that it’s red it’s got
16:52
a nice red tint to it especially on this
16:54
curtain over here as well there’s a
16:56
little bit of red so a nice use of three
16:58
colors they’re coming out really nicely
17:00
and of course this one here really love
17:03
this image great use of colors
17:05
especially for a cartoon scene highly
17:07
saturated lively joyous look to it
17:10
you’ve got of course the yellow bananas
17:13
the pink flower very vibrant in her hair
17:16
and then the green trees and this dress
17:20
here as well you could argue that
17:22
there’s some blue like there’s a little
17:23
blue sky and the sea but I would say
17:26
there’s a lot of green in that like it’s
17:28
not it’s more of a greenish aqua sort of
17:32
color and as you can see I mean the
17:35
results speak for themselves
17:36
lovely just dazzling looking image great
17:40
use of the split complementary scheme
all right finally let’s talk about that
17:45
tetra Tech or let’s just call it the
17:47
double complementary at its other name I
17:49
prefer to call it double complementary
17:51
so this is basically the complementary
17:54
color scheme doubled so it’s just
17:57
choosing two pairs of opposites really
18:00
it doesn’t really matter where they are
18:02
on the wheel just choose two different
18:04
pairs so it’s best used for four grounds
18:08
and backgrounds like I would wouldn’t
18:10
really recommend using it for like
18:12
mixing everything in the same sort of
18:14
area I’m sort of hard to describe I’ll
18:16
show you some examples in a sec but like
18:19
for example using the foreground you
18:20
might want to have you know one pair and
18:22
then way in the background maybe balance
18:23
another pair never ever use 25% of
18:28
eights like what I said before about
18:29
using complimentary colors don’t use
18:31
5050 same with this if you use 25% of
18:35
each it would just look horrible just
18:38
chaos so you want to have you know some
18:42
like the weak colors use them primarily
18:44
and then use the splashes of the
18:46
brighter colors hard to pull off but it
18:49
can produce some pretty pleasing looking
18:51
results having a look at this one for
18:53
example this is an example of the
18:56
foreground background the foreground is
18:58
using the green and red parent and then
19:01
way in the background sort of hard to
19:02
see but you’ve got some violets and some
19:05
yellows coming through there so that’s
19:07
an example and this one here this one
19:11
you might not think is a double
19:12
complementary but you have a look at it
19:14
more and you’ll notice it
19:15
you’ve ofcourse got this reddish orange
19:18
building there so that makes up the red
19:19
then you’ve got the yellow coming
19:21
through on this light here as well as in
19:23
these buildings here the blue coming
19:25
through on the sky which just leaves the
19:27
green left and that is in the water very
19:31
very D saturated really nice use of it
19:34
but the it’s this nice green sort of
19:36
murkiness and as well as that you’ve got
19:38
some splashes of green in the plant here
19:40
and the vine as well so a really nice
19:43
use of using four colors together and
19:45
this one I love it’s an excellent use of
19:48
course the the the main color for this
19:51
image which your eyes are most drawn to
19:52
is the Red Hat
19:54
and then opposite to that is this jacket
19:57
or hoodie that is wearing which is this
19:59
green color so looking at this color
20:01
wheel you can see they’re paired the red
20:03
and the green so where’s the other two
20:05
colors in the background you can see the
20:07
background mostly blue with some little
20:10
yellow bouquet effect lights in the
20:15
background there so again that’s
20:17
foreground background just pairing the
20:19
two foregrounds paired and the
20:20
background is paired creating a really
20:22
nice pleasing result and then finally to
20:25
leave on this one this one you probably
20:27
wouldn’t think is using four colors but
20:29
again it is there so you there is a lot
20:33
of blue but you could see that there’s a
20:35
difference you’ve got this aqua greenish
20:38
bright blue and then you’ve got this
20:39
deep sort of murky blue so those are the
20:43
two different blues there and then
20:45
you’ve got this nice blonde yellowy hair
20:47
here and that goes in really well with
20:49
that deep blue so those are nice
20:51
complementary colors and then the skin
20:53
is this more warmer oranges color and
20:56
you’ve got some even some red lips there
20:58
as well and and that goes balancing the
21:02
this aqua color which is in going into
21:05
her mermaid tail they’re really nice use
21:08
of it those nice vibrant funky colors
21:10
again really plays to the surreal
21:12
qualities of a cartoon render so that’s
it to summarize this whole video
21:18
saturation use it sparingly not over the
21:22
whole thing use it to highlight the
21:23
areas of interest and to help tell a
21:25
story think about the overall image
21:28
values use values of high content of
21:31
high contrast to draw attention to
21:33
things and that’s basically brightness
21:34
versus darkness and then talking about
21:37
the color harmonies these are the six
21:39
again first monochromatic which is one
21:41
color – analogous using adjacent colors
21:44
triadic using equally distant colors
21:48
three of them complimentary opposing
21:51
colors on the wheel split complementary
21:53
one complimentary end extended and then
21:57
finally the double complimentary just
21:59
the two pairs of opposing colors so
22:01
that’s pretty much it guys I’d leave on
22:03
one final note and that he’s don’t
22:06
stress colors can be really fun it can
22:10
be stressful when you’re trying to
22:11
you’re experimenting and you’re trying
22:13
to play with it and try to make
22:14
something that works it sometimes does
22:17
just take a lot of practice to come up
22:19
and have a like develop an eye for
22:22
seeing a combination that will actually
22:24
work with your scene especially with 3d
22:27
scenes where you’ve got a lot of
22:28
different shading as well as bounce
22:30
lighting and stuff like that and that
22:32
can kind of mess up your scheme
22:33
sometimes so just basically have fun
22:36
with it it can be fun provided you don’t
22:38
stress and just enjoy the process of
22:40
learning the colors and yeah yeah if you
22:45
wanted the notes for this presentation
22:46
as well they’re up on Blender guru and
22:48
as well as that I provided some
22:49
resources so to some sites where you can
22:52
read up more on some color schemes as
22:54
well as some programs will help which
22:56
will help you develop some color schemes
22:58
and finally special thanks to all of
23:01
these artists who were nice enough to
23:03
let me use it in this presentation big
23:06
thanks to all of you that’s it for me
23:08
guys I hope you enjoyed this video have
23:10
fun with colors and I’ll see you next
23:12
time bye

Viewing all articles
Browse latest Browse all 34

Latest Images

Trending Articles





Latest Images