Join Justin Seeley for an in-depth discussion in this video Creating a basic theme, part of Adobe Color CC Essential Training.
Alright now that we know the ins and outs of all of the interface elements here inside of cooler its time to start building our first colour theme. So if you want you just go ahead and click create again that will refresh the page for you and take you to a brand new blank colour scheme that just matches what you see here on my screen. And what we're going to do is we're going to name this something first. So let's just assume here that we are creating a colour pallet for our website designs. So I am just going to call this Website Colors. And press Enter. And then I'm going to also choose a rule for this. Now again we're going to go over these rules a little bit later on.
But for right now, we're just going to choose monochromatic, which keeps everything sort of in the same range in terms of colors. Now when we're talking about the colors themselves here on the color wheel and underneath you have three basic values that you can control. Hue, saturation and brightness. And you control each one in a different way. So to change the hue of the colors, what you're going to do is, is you're just going to select your base color. So, I'm just going to click right here to select it. That's also going to make it the active selection here on my color wheel. And to change the hue of this, I just click and drag around the circle.
And then once I get there, to the point I want it to be, let's say this green color here. What I want to do now is control the saturation dragging this towards the outside of the circle will increase the saturation. While dragging it towards the middle of the circle will decrease the saturation, see as I drag those in they get a little bit more grey, little bit less colourful. So if I drag this out a little bit I can sort of dial in exactly where I wanted to go. And then to control the brightness of this color, I'm going to come down underneath and you can see these little sliders. Right now this is at full brightness.
If I want to darken it up, I just drag to the left and you see all the other colors change accordingly based on my base color as I'm going through. So now just from that one color, I'm actually creating a whole color pallet based on that rule just by dragging around. Once I get to something I like. Something like this. I've got my theme pretty much created. Now from here what I can do is I can actually start taking these RGB values and I can apply them to different things, different applications, what have you. I could also take these HEX codes and I could copy those and maybe paste them into a text editor where I'm writing CSS for instance, makes it very handy to get color values that work well on website designs.
Once I have my theme all ready to go, all I have to do here is click save. That's going to save this to my creative cloud account or to my cooler account and then I have access to this for as long as I want. It's now in the my theme section and you see here this is highlighted indicating we've gone over to the my theme section. And I can see this. On the right hand side I have information about this color theme that I've created. Right now it's private, only I can see it. I can make that public by clicking this, and that way everyone can see the color theme that I've created.
I can add this to my favorites making this a little bit easier for me to access it. Or I can also edit the theme. If I look at it and or I send it to a client, and the clients like, no, I really don't like that. That's okay. I can go in and edit that anytime. It will take it back to the color wheel. You can start making adjustments from there. You can also copy a link to this. That way when you copy that link you can email it to your client and just say, hey, these are the colors I'm thinking about for your logo, or your website, or your business card, whatever the case may be. You can download this file, and it will download to your computer as a .ase file, which is also known as an Adobe Swatch Exchange file.
Which is then able to be loaded into applications like Photoshop, Illustrator, and InDesign, making it really easy to use this color palette anywhere you are designing at any time. You can delete it. From here as well, if you don't need it anymore, you can delete it. And here at the bottom you have more information like who it was created by, when it was created, how many times it's been viewed, the overall rating from other community members, how many times it's been favorited. And down here at the bottom also you can add tags to this as well. Now, tags are going to be Things that represent this color scheme that you've created.
So, what are some tags that you might want to add. Well, it's green. It's monochromatic. We can say trees, leaves. Whatever you want to add to this, you can add it right there. And as you add those, it becomes a part of the metadata of this color scheme. And it allows people to find it. Based on those keywords. When we talk about searching and exploring for color schemes a little bit later on, I'll show you where tags come into play. But, for now, we're just worried about creating our first color theme.
And we've actually done it. We're finished. From here, it's up to you exactly what you do with it, but it's just that simple to create your first theme.
- Creating basic themes
- Specifying color values
- Saving and editing existing themes
- Searching for existing palettes
- Rating and commenting on themes published by the Kuler community
- Accessing Kuler forums
- Downloading the Kuler mobile app
- Creating a theme with your camera