Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Graphic Design Elements: Color Theory and Application
Rating: 4.4 out of 5(260 ratings)
16,255 students

Graphic Design Elements: Color Theory and Application

Learn how to use color fundamentals like a professional graphic designer.
Created byChraibi Adam
Last updated 4/2020
English

What you'll learn

  • To apply color fundamentals and theory to your projects
  • Color Combinations
  • Color Interactions
  • To Create Professional Color Palettes
  • Color Harmony
  • To work with Color and Imagery
  • To work with Color and Typography
  • To work with Color and Data Visualization
  • Color Basics for Branding
  • Rules to Work With Color
  • Color and Proximity
  • Color and Cultural Connotations

Course content

10 sections67 lectures2h 43m total length
  • Color theory basic terms3:11

    SHADES

    Are pretty much the variation of a hue by adding black progressively

    TINTS

    Is the same thing as shades but adding white instead of black

    Saturation

    also called chroma it’s the purity of a color as it neutralizes toward grey

    VALUE LUMINANCE OR BRIGHTNESS

    refers to how much a specific hue is bright or dark. Graphic designers use value as a tool in their composition to add emphasis and establish visual hierarchy. We are going to see examples on how to do that in a moment.

    It’s important to note that Color is stronger and independent from value.

    In this example, we have multiple shapes with same gray tones and it’s blending perfectly. If I go ahead and change a gray tone to a color, notice how it really stands out from the rest; your eyes are automatically drawn to this color. The effect of a value in a composition is affected by the element and background around it. The greater the difference in value between these compositional elements, the more the contrast will be apparent. Therefore, this is an amazing way to achieve contrast and contrast is very important if you are into product design for ads.

    Also If we take this image or any image, turn it to black and white, you lose its hue but you maintain its tonal relationships.

    Which brings us to how intense a value can be? These are the maximum variations to the human eyes. Since the viewer’s perception to color is relative, a designer can make colors seems brighter by putting them against duller tones.

    Next step, let’s design using just value.



  • Use Value to establish Hierarchy in Photoshop CC4:18

    Use Value to establish Hierarchy in Photoshop CC 2020

  • Class exercise: value0:29

    Class Project – Value and contrast

    1. Exercise Files > Dragon Value>Dragon sama poster

    2. Open swatches> Gray-scale

    3. Apply value to establish hierarchy and contrast

    4. Save & Share

  • Use value to establish hierarchy and contrast.
  • Color fundamentals: color wheel2:21

    Now this lecture I'm going to be explaining the famous color wheel.

    So we have artists and designers and scientists all have developed numerous models to visually compare

    colors and how the interact with one another.

    These models and diagrams are commonly used to show the relationship between different colors on the

    color wheel designers and other visual artists often use these subtracted color model when mixing colors

    because it's most closely mimics when pigment is put on a reflective surface.

    We will talk more about different color systems and how to use them in later lectures.

    But for now I'm going to be using the classic red yellow blue color spectrum as discovered by Sir Isaac

    Newton in sixteen sixty five.

    This is pretty much how he organized colors around a wheel.

    So let's explore the relationship between colors by understanding how colors are mixed and combined

    and the color wheel so wood mixing the colors.

    First we have primary colors.

    These are pure colors like red yellow and blue.

    They can't be mixed from other colors all the other colors on the wheel are created by mixing Primary

    Colors secondary colors are purple green orange.

    Each consists of two primaries mixed together in equal amounts Tertiary Colors.

    These are located between primary and secondary hues on the color wheel and have more often primary

    color than the other.

    How a tertiary color appears will depend on which primary color is dominance and mixture like yellow

    green for example has more dominant yellow than green and the mixture that it's for how colors are mixed.

    And now let's move on to the universal basic color combinations.

  • Color Combinations5:12

    First we have analogous colors refer to a primary hue like orange right.

    Green and two adjacent hues next to each other on the color wheel analogous combinations tend to be

    more harmonious.

    Why.

    Because they reflect similar wavelengths of lights monochromatic.

    These refers to variations of a single hue that include things like the color of blood spiders and shades

    like the color plus black like analogous colors monochromatic color combinations are considered to be

    harmonious.

    This may be the reason.

    That's one color palettes are often so successful in design solutions

    try and harmonize these are any three hues spaced equidistant fleet around the color wheel because primary

    and secondary colors are equidistant from each other on the color wheel.

    They combine to create triad of color combinations.

    It's always a good idea to draw a triangle inside the color wheel to find try it colors and how you

    do that is that you find Primary Colors.

    Ray the yellow and blue and then you draw your triangle.

    Once you have it you can rotate it for different trial combinations

    complementary hues.

    These are any two colors located directly opposite from each other on the color wheel.

    There are a total of six pairs of complementary colors complementary is to have like a contradictory

    relationship with each other so a color is both attracted and repelled by its complements.

    So I guess that's this push and pull effect of the complementary is can be used as a way to attract

    a viewer's attention.

    Splits complementary hues refers to a primary colors and two secondary colors that's allocated a Jason

    to diffuse complements like here for example instead of going directly to the green color.

    We're going to take a left and the right hand turn to the Jason colors of green

    Tetra combinations these are made up of four hues which are sets of complements or splits complements.

    So we draw like a sort of a line between all the complementary colors and color wheel or display complementary

    if you want to you will end up with something like this and then you can choose from here like maybe

    yellow with violets and then green with red

    Okay so these are the basic rules of color relationships.

    Next I want to introduce you to your harness.

    Ethan's color wheel.

    But first who is your harness eaten

    your harness Ethan is considered like the GDI or you can call him maybe like the Super sand got off

    covers.

    He was a master at the bathhouse in very much Germany in the 90s twenties.

    His theory was since color relations shapes and outcomes are somehow predictable.

    Much of how artists and designers use all the uses perceive color is subjective and determined by context

    for Eton stuff.

    The relationship between colors and how they work in context will allow designer as an artist to hone

    their understanding of colors and therefore make more meaningful color choices.

    In his book The Elements of color he suggested that anyone can achieve successful color solutions and

    three different ways.

    The first is visually which he called impression.

    The second is emotionally which he called expression and the third is symbolically which he called lose

    traction Ethan's color wheel includes primaries in the middle as an indicator of how colors can be mixed

    to produce new hues.

    And it's also shows the interaction between colors on the outside next.

    We're going to be designing using the color wheel and color combinations in Adobe Illustrator.

Requirements

  • Laptop
  • Adobe Photoshop CC
  • Adobe Illustrator CC

Description

Hello I am Adam Chraibi a professional graphic designer and animator. This course is about color theory and how to get the most use of it and apply it as a fundamental to your graphic design projects.

Color is one of the most Important and tricky elements of graphic design because it is always a shifting course. But it is also one of the most powerful tools a designer can use and effectively  communicate with clients and invoke meaning. With Successful color combinations you can attract the right customers to buy your services or products and easily increase your sells.

As much as color can help. The designer can face a lot of difficulties and challenges working with colors, part of those challenges are:

• The subjective nature of color, it may cause a designer to be afraid of using bold combinations or from experimenting new things, using always the same color combination may get in the way of the approval process with the client.

• Cultural connotations may lead the viewers to misunderstand the information.

• The technical difficulties of representing a color on a screen in print and other media.

Fortunately, this is what this course is all about. You will learn how to use the right hues for any given design project by studying color relationships such as which color work the best with one another and how to create a successful tonal relationships. Learning this will help you as a designer save time and money and most importantly help you elicit the correct response from an audience and produce successful color solutions.

Who this course is for:

  • Graphic Designers
  • Colorists
  • Illustrators
  • Data visualization designers