Join for FREE | Take the Tour Lost Password?
[x]

deviantART

 
©2005-2009 ~MaskedMarvel
:iconmaskedmarvel:

Artist's Comments

This tutorial gives you a basic background in color theory and how to effectively use color in designs.

If you found this tutorial useful or if you used it at all, please :+fav:. Thanks!

C&C

----------

PLAIN-TEXT VERSION

NOTE: As you will notice, none of the images are included in this plain text version of the tutorial. At each point where "*IMAGE*" is placed, refer to the original version of the tutorial for the images.

----------

MANY DESIGNERS I'VE COME ACROSS, ESPECIALLY THOSE JUST BEGINNING, EITHER HAVE NO IDEA WHAT COLORS SHOULD FIT TOGETHER OR THEY BELIEVE THAT THEY DON'T HAVE TO KNOW THAT BECAUSE THEY WORK WITH A COMPUTER. HOWEVER, COLOR THEORY IS VITAL TO ANY DESIGNER WHETHER THEY USE PIXELS OR PAINT. SO, IF YOU DON'T KNOW THE SLIGHTEST THING ABOUT COLOR THEORY OR YOU KNOW A BIT BUT WANT TO LEARN SOME MORE, TAKE SOME TIME AND READ THIS TUTORIAL.

WE'LL BEGIN WITH THE COLOR WHEEL, BECAUSE EVERYTHING IN THIS TUTORIAL, AND EVERYTHING IN COLOR THEORY IS BASED OFF OF THE COLOR WHEEL. TAKE A SECOND AND TAKE A LOOK AT THE COLOR WHEEL BELOW:

*IMAGE*

IN THE COLOR WHEEL, IT IS CREATED BY 12 COLORS ARRANGED BY THEIR RELATION TO THE COLORS AROUND THEM. THESE RELATIONSHIPS ARE CREATED BY THE THREE SUB-GROUPS OF COLORS WITHIN THE COLOR WHEEL: PRIMARY, SECONDARY AND TERTIARY COLORS. IT IS THE RELATIONSHIPS BETWEEN THE COLORS IN THESE GROUPS THAT CREATE COLORS.

FIRST OF ALL, THE PRIMARY COLORS. THESE ARE RED, YELLOW AND BLUE:

*IMAGE*

THESE ARE THE BUILDING BLOCKS OF THE REST OF THE COLOR WHEEL, AND AS YOU WILL NOTICE, EQUALLY SPACED OUT ON THE COLOR WHEEL. THESE COLORS WORK WELL AS A TRIADIC COLOR SCHEME (WHICH YOU'LL LEARN ABOUT LATER) WHEN ALL THREE COLORS ARE USED BUT ARE NOT COMPLIMENTARY TO EACH OTHER (WHICH YOU'LL ALSO LEARN ABOUT LATER) SO WOULD NOT WORK WELL IF ONLY TWO OF THEM ARE CHOSEN.

THE NEXT SUB-GROUP IS CREATED WHEN TWO PRIMARY COLORS ARE COMBINED EQUALLY. THIS GROUP MAKES UP THE SECONDARY COLORS OF THE COLOR WHEEL; ORANGE, GREEN AND VIOLET.

*IMAGE*

AGAIN, EXACTLY LIKE THE PRIMARY COLORS, THESE COLORS WORK WELL AS A TRIADIC COLOR SCHEME WHEN ALL THREE COLORS ARE USED BUT ARE NOT COMPLIMENTARY TO EACH OTHER SO WOULD NOT WORK WELL IF ONLY TWO OF THEM ARE CHOSEN.

THE LAST GROUP, THE TERTIARY COLORS, ARE CREATED WHEN ONE PRIMARY AND ONE SECONDARY COLOR ARE COMBINED AND THEY ARE NAMED AS SUCH; RED-VIOLET, RED-ORANGE, YELLOW-ORANGE, YELLOW-GREEN, BLUE-GREEN AND BLUE-VIOLET.

*IMAGE*

SOME OF THESE COLORS ARE COMPLIMENTARY WHEN PAIRED TOGETHER AND THEY CAN BE TRIADIC WHEN GROUPED IN THREE'S.

AS WELL, THESE COLORS CAN BE MODIFIED WITH THE ADDITION OF BLACK OR WHITE. WHEN WHITE IS ADDED, THE NEWLY CREATED COLOR IS A TINT AND WHEN BLACK IS ADDED, THE NEW COLOR IS A SHADE. JUST CHECK OUT BELOW TO SEE WHAT I MEAN:

*IMAGE*

NOW THAT WE'RE EQUIPPED WITH SOME TERMINOLOGY, NOW WE CAN GET TO COLOR SCHEMES; WHICH ONES LOOK GOOD TOGETHER AND WHICH ONES JUST DON'T. NOW, MANY DIFFERENT PLACES YOU READ FROM WILL HAVE VARYING AMOUNTS OF COLOR SCHEMES. I'VE BOILED IT DOWN TO FOUR DIFFERENT SCHEMES; COMPLIMENTARY, MONOCHROMATIC, ANALAGOUS AND TRIADIC.

WE'LL START WITH COMPLIMENTARY. COMPLIMENTARY SCHEMES ARE BASED ON THE PRINCIPLE OF OPPOSITES. IF YOU LOOK AT THE COLOR WHEEL AND CHOOSE ANY COLOR. NOW, DRAW AN IMAGINARY LINE STRAIGHT ACROSS THE WHEEL; YOU'VE NOW FOUND THE COLOR THAT IS COMPLIMENTARY TO THE COLOR YOU CHOSE. FOR BLUE, IT'S COMPLIMENTARY COLOR IS ORANGE. RED-VIOLET'S COMPLIMENTARY COLOR IS YELLOW-GREEN. EVERY COLOR HAS A COMPLIMENT. JUST SEE BELOW:

*IMAGE*

COMLIMENTARY COLORS ARE USED EVERYWHERE. TAKE CHRISTMAS (RED AND GREEN) OR A LOS ANGELES LAKERS JERSEY (YELLOW AND VIOLET).

THE NEXT TYPE OF COLOR SCHEME IS A MONOCHROMATIC COLOR SCHEME. A MONOCHROMATIC COLOR SCHEME IS CREATED BY USING TINTS AND SHADES OF ONE COLOR. FOR EXAMPLE, YOU COULD USE BLUE-GREEN AND USE THE TINTS AND SHADES SHOWN BELOW.

*IMAGE*

THIS IS A VERY USEFUL TYPE OF COLOR SCHEME BUT IS QUITE NICE WHEN IT IS USED ALONGSIDE THE COLOR SCHEME'S TO CREATE A MORE COMPLEX DESIGN. ALSO, JUST A SIDE NOTE, WHEN ONLY BLACK, WHITE AND GREY'S ARE USED IN A MONOCHROMATIC COLOR SCHEME IS IS CALLED ACHROMATIC. AND MONOCHROMATIC DESIGNS ARE USED EXTENSIVELY IN NATURE; IN A FLOWER OR IN OTHER PLANETS, TINTS AND SHADES OF COLORS ARE SEEN.

COMING NEXT IN OUR COLOR SCHEMES IS AN ANALAGOUS COLOR SCHEME. THIS IS WHEN TWO OR THREE COLORS IN A DESIGN ARE NEXT TO EACHOTHER ON THE COLOR WHEEL. FOR EXAMPLE RED, RED-ORANGE AND ORANGE. SEE BELOW FOR THE POSSIBLE THREE COLOR COMBINATIONS:

*IMAGE*

AN ANALAGOUS COLOR SCHEME IS VERY POPULAR AND THEY ARE QUITE EASY FOR THE EYES TO LOOK AT. IN AUTUMN, LEAVES ON A TREE ARE THE RED, ORANGE AND YELLOW COLORS AND IN A FOREST ALONG A RIVER THE BLUES AND GREENS ARE SEEN.

FINALLY, THE LAST TYPE OF COLOR SCHEME IS A TRIATIC COLOR SCHEME. THIS TYPE OF COLOR SCHEME WORKS MUCH LIKE THE COMPLIMENTARY COLOR SCHEME BUT THERE ARE THREE COLORS INCLUDED INSTEAD OF TWO. A TRIATIC COLOR SCHEME IS FOUND BY DRAWING AN EQUILATERAL TRIANGLE IN THE CENTER OF THE COLOR WHEEL. AT THE THREE POINTS OF THE TRIANGLE ARE YOUR TRIATIC COLOR SCHEME COLORS. THE PRIMARY AND SECONDARY COLORS ARE TRIATIC COLOR SCHEMES WHEN USED TOGETHER. THE ENTIRE SET CAN BE SEEN BELOW:

*IMAGE*

THIS COLOR SCHEME IS USED LESS FREQUENTLY THAN THE ANALAGOUS OR MONOCHROMATIC BUT WHEN IT IS UTILIZED THE PRIMARY AND SECONDARY COLORS ARE USUALLY THE ONES CHOSEN.

THIS SHOULD GIVE YOU A BASIC AND GENERAL KNOWLEDGE OF COLOR THEORY. SO NO SIGS WITH RED AND BLUE OR LARGE PIECES COLORED WITH ORANGE AND GREEN-YELLOW. I HOPE YOU FOUND THIS TUTORIAL USEFUL AND IF YOU HAVE ANY QUESTIONS OR PROBLEMS WITH IT OR IF YOU JUST FOUND IT HELPFUL, SEND ME AN E-MAIL AT MASKEDMARVEL@GMAIL.COM AND CHECK OUT THE REST OF MY GALLERY, FOR SOME MORE TUTORIALS OR JUST CHECK IT OUT FOR THE SAKE OF CHECKING IT OUT. (P.S. THE COLOR SCHEME OF MY OLD PORTFOLIO WAS AN ANALAGOUS SCHEME WITH MONOCHROMATIC MIXED IN.)

Comments


love 2 2 joy 1 1 wow 0 0 mad 0 0 sad 1 1 fear 0 0 neutral 0 0
:iconkantakar:
I always wondered why the spectrum is based on seven and the color wheel on six, you know? I mean, I don't see why they count Indigo as it's own category on the color wheel when it is technically a Tertiary color! But then, my Science Teacher was a hack.... These is really neat, though! I would make the font a bit larger, though. I'm not wearing my glasses so can't read it very well! ^_^

--
[link] And THAT is why Hitler is going to heaven!!!!
:iconatritas:
very nice and useful tutorial...but i agree with kantakar regarding the font-size...it's a bit too small

--
To live is to die.
:iconmaskedmarvel:
Well, the spectrum isn't really seven colors. It's really an infinite amount of colors; humans just broke them down into seven noticeable ones. I agree with you, Indigo really isn't a color, I think they added it to fuck with us. :)

And, about the font size. At my old portfolio I had some plain-text versions for download. I'm just working right now on slightly modifying them and then I'll update my description with that version for the seeing-impaired. :) :P
:iconbengal-tigress:
XD Thanks for making this!

--
oo;; ...
:iconmaskedmarvel:
You're very welcome. :)
:iconcaoz:
Wow, really interesting.
I was looking for something like this for some time already...

--
Roots bloody roots!!
:iconscarletkitty:
This is great. :D I've been doing alot of digital drawing and I liked the color schemes you had at the bottom. I love color theory. <3 its my favorite thing about art.

Oh, and I noticed something in your comments. Make sure when you look at a comment you actually push the "reply" link. So the reply will show in the commenter's messages. :3 So they know you replied, hehe.

--
:plug:
:iconmaskedmarvel:
Well, thanks for that. I had noticed the button I just didn't know it sent them a message. And I'm glad the tutorial helped you out.
:iconxanthuz:
awesome :P

--
offline

Details

September 8, 2005
386 KB
500×1643

Statistics

54
574 [who?]
19,155 (3 today)

Share

Link
Embed
Thumb

Site Map