Skip to main content

Design Fundamentals: Color

Lesson 7 of 7

Demo: Adobe Color CC

Justin Seeley

Design Fundamentals: Color

Justin Seeley

Starting under


Get access to this class +2000 more taught by the world's top experts

  • 24/7 access via desktop, mobile, or TV
  • New classes added every month
  • Download lessons for offline viewing
  • Exclusive content for subscribers

Lesson Info

7. Demo: Adobe Color CC


  Class Trailer
Now Playing
2 Color Modes & Models Duration:10:04
3 The Anatomy of Color Duration:04:46
4 Using Color as a Guide Duration:03:09
5 Creating a Color Palette Duration:15:17
7 Demo: Adobe Color CC Duration:08:26

Lesson Info

Demo: Adobe Color CC

key definitions that we talked about earlier when it comes to color, because I think these air some things that you really need to hammer home when you're talking about color. And basically the things that you need to understand, of course, are the color modes. So rgb and see him like a Those are very important because you need to understand the practical applications of both in the examples that we were just working with where I was creating tints and shades of specific colors inside of Illustrator. Also, when I was generating the color themes inside of adobe color and on the color Lovers website, all of those were RGB based. I didn't work and see him like a. I did, however, used the C M y que values to create shades of that because I could introduce black the K color and see Mrk is black inside of illustrator. And so I was just increasing those 10% intervals to create different shades of blue. I was increasing the white value or the opacity, how much light comes through in order to c...

reate the tents of those specific colors. So when I use the monochromatic blue pallet we had our base, we had the tent and we had the shade. And that's how we went about doing that. Same basic principle applied to the other color that we had the other color palette that we had that we created. Using the objects that were on the table, I was able to take some of those and make adjustments to them before I created the theme to get exactly the right tint or shade that I wanted. And so understanding how CME like A and RGB works is very important to you because of the fact that you will need to know how to introduce or take away certain elements from those colors in order to get the exact result that you're looking for now, other things that you need to make sure that you understand are the rules of color those air very, very important. So the complementary rule is the one that I use most often just because it's the easiest one, and so you just go right across the color will from wherever you're going. The other one that I use a lot is the triad IQ formula because of the fact that it creates so much contrast between the three colors that you use now. We didn't talk a whole lot about try attics, But I'll show you how that works as we wrap up here. And then the other one, of course, is mono chromatic The very last one. And that's what you saw me create inside of Illustrator. So let's go back one last time us I'll show you how to do the triad ICS because we did kind of skipped over that, and I'm gonna use the adobe color website as an example. You do not have to use that, though. You could just use your standard color will. No big deal. I'm just doing this because it's an easy representation of what I'm talking about. Okay, so the first thing that you have to do is you have to set your base color. So what I'm gonna do here is just kind of move this thing around and figure out the base color that I need. And he's kind of a light blue for that. So there's my base color right there and then I'm going to come over here to the left and on the left. You can see here that I have analogous monochromatic try attic, complementary compound shades and custom. Let's switch it over. Try attic with something we haven't looked at yet, and there is the Triad IQ result from that base color that I chose. Now the interesting thing about this particular website is the fact that it allows me to move my base color around. And as I do that it automatically changes all of the colors that go along with him so I can rearrange my color as I do it generates it for me now. You'll notice. Member I said, Try. Attic is the best for contrast, right? Well, look at this. Here we have colors. They're kind of in the same ballpark and then two colors that are absolutely way outside the ball park. And that is what I mean. By contrast, you want there to be a clear dividing line between the colors. That way, when you're creating something, you can easily define individual elements, whether it be text and headlines, whether it be a button and a background, whether it be a logo and type, it's all needing contrast. Everything needs contrast in order to survive and to be readable to the end user just to reemphasize here one more time. If we talk about shades, this is exactly what we created in Illustrator, but we do it here very easily just by moving this around so you can see here. Here's the different shades of let's say purple that you could create. Now remember shades air just done by adding in 10% of black each time you do that. So if you have the opportunity to go to the adobe color website, play around with color will. I think that's a great resource for learning how to use color. And I think it's a great resource for understanding how to develop your own color palette based on themes that you enter. And I think that's also very important, making sure that your theme for whatever it is you're creating is very cohesive. You need to make sure that whatever you're doing has a theme to it. So when you're talking to your clients and trying to decide exactly what colors you want to use in a project, I think you should ask them. And this is something that should be in your creative brief, which, uh, I have my own creative brief, and you should have yours, too. It should ask what type of emotions are you looking for? What type of words Describe your business. For instance, on my creative brief, I have things that say the following best describes my business, and it's things like professional, creative, casual, happy, serious, that kind of thing. All of those correspond the reason I asked those questions because they correspond to colors and the colors evoke those specific emotions. So, for instance, if somebody says my brand is happy, casual and fun, then that means OK, so red, yellow, green, orange, all of those colors Aaron play. If they are serious, professional and, ah, boring. For all intensive purposes, you could do something like Grey Blue Navy, that kind of thing. So having that built into a creative brief understanding exactly what your client wants and then using all of that to create a cohesive theme for your design is very, very important. So I'll leave you with this when you're working with color. It's very important to understand how color affects the brain, why you choose colors to go with each other when to use certain colors and in what context. Those colors are being used, and you also need to spend the time to educate and listen to your clients. Because if you don't educate them on how colors are perceived by other people, they will not understand why it's not okay to put hot pink on a purple background or something like that. They need to understand readability, emotional response, trigger points, guides, all that stuff. They need to understand every bit of that. So educate your clients, talk to them about what they want out of the project and understand it, and then commit that to your research as you're developing colors and then, above all, you should have fun with your colors. Don't ever just don't ever get lost in the Monday and activity of building it. Let this be a piece of your creativity that gets to shine through because color, like I said, is one of the most instantly recognizable things about a project. You're not gonna look automatically and read the words in a paragraph. You're not going to read a headline. It's not gonna jump out at you. You're gonna see colors first, so you're going to see that logo. You're going to see that headline color. You're going to see the image of whatever it is in the background. All of that stuff matters, and it's very important that you have fun with that, because it's your creativity that ultimately makes this whole thing work. So hopefully that gives you a better idea of what color is all about. The different rules that apply why you choose certain colors and how you can develop your own color palette. So if you have any questions, you can feel free to reach out to me any time on Twitter, I'm at Justin Seeley, and anytime I can help you out, I'll be more than happy to do so. That's it for me. I hope to see you again real soon.

Class Description

Color is a critical element of good design. Learn how to make expert-level color choices in Graphic Design Fundamentals: Color with Justin Seeley

In this class, you’ll learn about the fundamental principles for working with color and how those insights can help you create cohesive color palettes. You’ll learn about:

  • The Psychology of Color
  • Color Modes & Models
  • The Anatomy of Color
  • Using Color as a Guide
  • Creating a Color Palette

Justin will share tips for working with color that will improve the overall quality of all of your design work and help you get great results every time.

In Graphic Design: Color with Justin Seeley you’ll learn a fool-proof system for selecting color that you’ll return to again and again. 


Adobe Illustrator CC 2018


Natalie Santana

Great discussion about the creation and use of color pallettes.

a Creativelive Student

Jolanda van Meringen