Digital Illustration: Color Mastery in Photoshop Level 1 | Sydney H. | Skillshare

Digital Illustration: Color Mastery in Photoshop Level 1

Sydney H., Digital Illustrator

Digital Illustration: Color Mastery in Photoshop Level 1

Sydney H., Digital Illustrator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (22m)
    • 1. Introduction

    • 2. Photoshop Default vs. Color Wheel

    • 3. Hue

    • 4. Shades, Tones, and Tints

    • 5. Saturation & Vibrancy

    • 6. Color Schemes

    • 7. Summary

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

Ever had trouble trying to understand color theory? Does it just seem way too complicated to wrap your head around?

In this series, you'll be learning color theory in a series of stages. I will begin in level 1 by going over the bare bones of color theory, explain the terminology and even provide demonstrations. After we master the basics in level 1, we will build our way up to more complex topics such as color weight, mood and harmonies in higher levels. Not only will I teach you how to pick colors in a digital setting, I will also teach you how to take advantage of your digital color wheel!

After each of lesson, you will be provided an exercise worksheet to do on your own so you can practice. By doing these exercises, it will help you not only become more familiar with color but how to apply it in Photoshop. The goal is to bring you clarity about color theory and to improve your color choices!

I will also be using a color wheel plugin for Adobe Photoshop called Coolorus when referring to quick color applications! It is not required for this class but it sure makes your life a lot easier!

Becoming familiar with color is something every artist wants. So why wait?

Enroll in this class now to gain valuable insight on your own color journey!

PLEASE NOTE: In this class I will be using Adobe Photoshop and Coolorus during my process.

Tools You Need:

-Photoshop installed

-Basic Understanding of Photoshop Interface/ Objects

-Photoshop Color Wheel Plugin Reccommended

-No tablet required

Meet Your Teacher

Teacher Profile Image

Sydney H.

Digital Illustrator



A freelance artist creating artwork that strives to engage and generate pieces that everyone can enjoy. I love exploring multiple fields of the art some of which is digital, traditional, design! I'm highly influenced by old illustrators (like J.C Leyendecker), anime, and video games.


See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.



1. Introduction: Hi, My name is Sydney, and welcome to the color mastery in photo shop. Siri's ever had trouble trying to understand color theory. Does it just seem way too complicated to wrap your head around? Trust me, I've been there. There was a time where, no matter how many color theory lectures I washed, I just couldn't understand it. As I continue to improve, my our understanding color theory became more of a necessity if I wanted to reach the next skilled here. While you can continue to use color without really thinking about it, it's better to understand the reasoning behind it. As soon as you get a better grasp of the theory, your art will naturally improve and the serious you'll be learning. Color theory in a series of stages will begin in level one by going over the bare bones of color theory, explain the terminology and even provide demonstrations. After we master the basics in Level one, we will build our way up to more complex topics such as color, weight, mood and harmonies. Not only will I teach you how to pick colors and a digital setting, I will also teach you how to take advantage of your digital color wheel. After each lesson, you will be provided exercise worksheet to do on your own so you can practice by doing these exercises. It will help you not only become more familiar with color, but how to apply and Photoshopped. The goal is to bring you clarity about color theory and to improve your color choices only using a color real plug in for adobe photo shop called colors when referring to quick color applications. Having colorist installed is not required for this class. But having a color wheel bug and handy makes your life a lot easier. Becoming familiar with color is something every artist bonds. So why wait? Enroll now and gain valuable insight into your own color journey. Let's get started. 2. Photoshop Default vs. Color Wheel : If you just opened photo shop, you'll notice the color picker that you have available to you is not the same as the one I have. That is because when I am using is not built into Photoshopped, this color will is a plug in for photo shop called colorist. Now you might be wondering, Why do I use this plugging? Compared to the Photoshopped color picker looking at the photo shop default and the color will plug in side by side seems like a no brainer. The color will is an image most people are familiar with, and chances are if you're a traditional painter, you've used the color will for your color references as well. A color wheel plug in helps bring traditional color picking into the digital setting. Not only is it more intuitive and easier to pick colors, color wheel plug ins like colorist tend to have a few extra features that make selecting colors a breeze. You can get the colors plug in on their website colors dot com for 14 $99. It's a one time payment and comes with free updates. Not to mention if you ever forgot your license code, you can always go back to the site to retrieve it as long as you have the email you registered with. If you don't feel like spending money, you can always go with a free alternative called Painters Wheel by Len White, which you can find on their website len white dot com slash painters wheel. No matter which color will you plan on using, I high recommend you use one during this class in any future digital paintings. 3. Hue: In the world of color theory, the word color is a blanket term. When you refer to color, you're referring to a combination of different properties that make up that color, like tents, shades and tones. The most important term to become familiar with is Hugh. Hugh is the color family that the color is from, and it doesn't include black boy or gray. The first color family is red, yellow and blue, which are also known as the primary colors. These three colors Forman upright triangle on the color wheel. All of the colors of the spectrum can be created with these three colors. Blue and yellow, mixed together, creates green, yellow and red. Creates orange and red and blue. Creates violet together. Green, orange and violet. Make up the secondary colors, which could be found in the middle of each primary color on the color wheel. By mixing the secondary colors with the primary colors, you can create even more Hughes. These hues are known as the tertiary colors. They consist of yellow, green, blue, green, blue, violet, red, violet, red, orange and yellow orange. These colors get their names depending on which you is most dominant. The primary color is the most dominant compared to the secondary. All of these Hughes could be found in between both the primary and secondary colors on the color wheel. Together, all of these color families make up the spectrum of fuse on a color wheel to give you a better idea of Hughes in color families. Here are a few examples. A set of colors I put next to the color wheel are all predominantly red, so they're all a red hue. Even when we know is brown is just a shade of orange or red. The same goes for the multiple green hues. Even though the green hues have traces of blue and yellow, they're still predominantly green. Another good example are the Hughes you see here. While some of them look like they might be closer to Violet, they're actually in the range of blue. Even if the color was blue violet, it would still be considered a blue hue, since the color is predominantly blue. Now that you know what Hugh is, I watch to do an exercise to get you more comfortable with it. Everyone sees color differently. What I see is blue. You might see his blue violet and vice versa. For your exercise, I want you to use the color wheel to pick your ideal primary secondary and tertiary colors and place him in the work she I provided after you finish the work she feel freed of loaded to the project section. 4. Shades, Tones, and Tints: while achieving different hues requires you to mix different colors. 10th shades and tones are for mixing that is completely different. Adding shades, tints and tones is the process of adding black, white or gray to any hue. That's how you get a range of colors just by using one Hugh and this demonstration of issuing you how to make six different colors for an array of shades, tints and tones, all of which you can use for a color palette later on. If you want to make a shade, you need to understand the process of adding black to a hue by selecting color along the bottom side of the triangle that is in the middle of my color wheel. You'll see the color gradually get darker. When you select along the bottom side of the triangle like that, it ensures that you are on Lee, adding black to your color and nothing else. Even though they look like different colors, they're all the same. Hugh. Here are the color strips of the final result. If you have the cholera is plug in. You can add shades easily by heading to the mixers tab and using the shades and tones. Slider. When you're referring to tones, we're talking about adding gray to a Hugh. Any color that is not on the outer edge of the triangle is considered a tone in order to keep the huge transition consistent. A general rule of thumb is to create a horizontal axis down the middle of the triangle. That way you'll be adding a medium grade consistently to all of your huge as you get closer to the left side of the triangle. This is actually how you create different greys, most commonly referred to as born and cool gray. Another interesting fact is that most colors that we see today are actually tones of its pure Hugh. Products such as kraft paper curtains and close air. Actually just tones a fuse like red or blue on the colors. Plug in. You can achieve a similar effect, but using the Age SV slider, depending on your starting color, you can slide the S saturation slider to slowly add great to your ingredient. Last but not least, we have tense. Tense are the process of adding white to your hue instead of going along the bottom of the triangle, like how we added shades. This time we will go along the top. Buy gradually selecting colors along the top side. It will ensure that only white is added into the mixture. If the color isn't directly against the edge, it could actually be considered a tone, which is what we don't want using the same base colors that I used before. I go over all of the tones with tents of its counterpart. One thing it is worth mentioning is that you can add tense shades and tones to any color. It doesn't have to be appear, Hugh, in order for you to add and white, black or grey how you find your chosen colors. Mixture changes slightly, though. The area on the triangle where you would pick your shades 10 or tone would change. If you wanted this tone to be the base, you would have this area of the triangle to select your shades, tints and tones. See how the area you select from is much smaller than what I was originally working with. Depending on which color you choose, you could have a wider range of tense than shades and vice versa. If you want to make tents, tones and shades of a certain color. Try being mindful on staying in the imaginary boundary in order to get the best results for this exercise, I want you to practice creating shades tones intense on three different colors in the works she I provided. Use the methods I discussed in this lesson in order to add the right amount of black, grey and white to your colors. If you feel like trying something more challenging, pick a tone to be your base color and create shades tones intense based off of that color. For reference, feel free to screenshot your color wheel and create a boundary for yourself with the line tool after you finish uploaded along with your previous exercise. 5. Saturation & Vibrancy: saturation and vibrancy are often confused. While they are similar, they aren't quite the same thing saturation as the purity and intensity of the color. The color with the highest intensity is always in this corner of the triangle. Everything to the left of this point on the triangle is either a tent shade or a tone of its original hue. That's why the color wheel presents all the colors in its peers who so that you can manipulate the color further with the triangle in the middle. In contrast to saturation, vibrancy, and Photoshopped is actually a smart tool designed to increase the saturation of more muted colors in a picture. The way I like to use saturation and piracy is through the Photoshopped image adjustments. And not only is it easy to do, you can quickly see results and can always oppressed Undo if it isn't to your liking. It's also good for overall image adjustments to your finished piece, all the using this picture of a waterfall to demonstrate the before and after of the image adjustments to start, I will show saturation. There are two different image adjustments you can use in order to access to saturation sliders. The 1st 1 I will show you is too human saturation. You can get to it through image adjustments, hue saturation. By doing this, you notice on the picture to the right that every color saturation increased. Even the whites look brighter than they were before. The second image adjustment you can use is vibrance, which can be found through image adjustments. Vibrance. When you use this adjustment, you only want to change the saturation slider compared to the hue and saturation. The saturation slider on vibrance didn't saturate every color on the picture. Now, if we take a look at using the vibrant slider with vibrant only, we will see a completely different way of saturation. When you look at the virus only picture in comparison to its counterpart, it looks less saturated, less vibrant. The Vibrance slider is a smart tool that was originally designed for enhancing photographs . The tool takes the original image and saturates it, depending on which use air. Currently, present cooler colors that greens blues purples tend to saturate faster than warmer tones like browns, oranges and yellows. This is so the human skin wouldn't look unnatural if enhanced with this lighter This is the reason where the bark on the trees and some of the yellow in the background are only slightly saturated. Because it is a smart tool, it will only saturate colors without routing the contents of the original image. Here's another example to give you a better idea. See the difference in age for our image. All of the colors saturate would saturation only while environments the browns and yellow tones stay mostly intact. Saturation is not a property to take lightly. If you have too much saturation in your piece or color palette, it can be visually drawing for the viewer, so it's best to use it in moderation. For this exercise, I want you to find a photo or drawing up yours and increase the saturation with three methods I mentioned earlier hue saturation of Iran's were saturation, Onley and vibrant. Only which do you like better and why 6. Color Schemes: When you're talking about color theory, you can't go on without mentioning color schemes. Color schemes are a series of color combinations that work well together. In theory, these color schemes consists of monochromatic, complementary try attic analogous te tragic split compliment Terry and accented analogous. Each of these color schemes come you found related to each other on the color wheel. The first color scheme that we're going to talk about is monochromatic. Monochromatic is a colors game that can be achieved with just born collar or Hugh. You want to use a combination of Tim's shades and tones in order to complete it. No other color can be used for my monochromatic colors game. I'm going to be using the tints and shades of red with the use of my color Real plug in. I'm able to access the tints and shades of this red hue very easily through the mixer tab and then use the square shaped tool to create a greedy int of colors. If you're selecting colors manually, you will refer to the 10 states and tones lesson you watched earlier. The next color scheme I'm going to go over its complementary colors, complementary colors are colors there, directly across from each other on the color wheel. Common complementary colors are yellow and violet, red and green and blue and orange. Because of the color wheel plug in that I'm using, it has a setting that automatically has two circles there, directly across from each other on the wheel. That way, if I wanted to have complementary colors, I could move these circles around. And no matter what, Hume, it will still be complementary. Complementary colors have the highest contrast among the color schemes. Here are a few different examples. Try Attic Color Scheme consists of three colors that form a triangle on the color wheel. So, in essence, the primary colors yellow, blue and red are essentially considered a triad of color scheme, along with green, orange and violet on my color wheel plug in here. There's a setting for the try attic color scheme, just like in the complementary colors. On the plug in. The circles are equally spaced apart from each other, and you can move these circles around to get any you you want. If you wanted to go a little bit further, you can take one of these circles and slide them around on the color wheel to get more interesting, try a combinations. No matter what you move it to. All three colors will always be try. Attic. Pretty cool, huh? One of my personal favorite color schemes in the color theory is analogous. Analogous colors are three or more colors that are next to each other on the color wheel. Analogous color schemes are most commonly found in nature, especially an array of tense shades and tones. Some of the most common analogous combinations that you will see our violet blue and teal or yellow, orange and red as long as the colors you choose for your color scheme are right next to each other on the color wheel, there will always be considered analogous. Here are a few different combinations that I'll demonstrate for you that are now. I guess te tragic is a color scheme that consists of four different colors that form a rectangle or square on the color wheel. This color scheme is very popular due to the fact that increases the variation and possibilities of colors just like the Analogous Colors game. You can commonly find the two tragic scheme and nature as well by using the color it's plug in. I can easily select four base colors and then use the circles to shift to Hughes that I want. If you want to take complementary colors to the next level, you can always switched what's called split complimentary. The split complementary scheme consists of three colors, one based color and two colors that are adjacent to the complement of that base. Split. Complementary is like the complementary color scheme, but not nearly as harsh To make finding a split compliment Terry color scheme easier, I tend to break it down in these few steps, pick two colors that air complement to each other, and then she was which one you want to split off after you choose which color you want to split. You will take a color on either side of that compliment, which will give you two different colors. Thes two colors, plus the base comment will create your split compliment Terry Color scheme. If you have the same color, will plug in as I do. This could be simplified simply by choosing the Triad IQ color scheme option. Once you have selected that option, choose one of the circles and slide them closer together. Be sure that you leave some space in between the colors, so the compliment itself is not included in the color scheme, and there you have it, just like the split compliment area. You could make the analogous colors game stand out and be more interesting as well. This would be called the accented, analogous color scheme. The accented analogous consists of fork different colors, three of which are analogous and adjacent to each other on the color wheel, and one that is a compliment color of the middle in Iowa Scheme by having a color scheme like this and helps keep the Palate harmonists as well as making it pop. This is a setting that is supplied along with my color wheel plug in, but you can also do this manually as well. Last but not least, you have the warm and cool color scheme. The warming cool color scheme is more formally seen as the two tragic color scheme. It consists of both warm and cool colors. The warm colors can be any hue between bread and yellow. This includes browns and tans, too. Cool colors could be any huge between blue violet and green. Not only is this color scheme found in nature quite often, it's also my favorite color scheme to use in my drawings. If you want to stay true to life but still be able to exaggerate color, this is the best color scheme to use for your exercise. I want you to go through each and every color scheme and create your own version. Use the worksheet that I provided to fill in the spaces. Once you finish the work, she feel free to post it and add it to your project section. 7. Summary: congratulations for completing level One of the color mastery and Photoshopped Siris in this level was successfully equipped you with a better color plug in than the photo shop default, which maze color picking so much easier. We learned exactly what Hugh means, the different color families you'll be using, and even how to add tense shades and tones to those hues. We even explored the difference between saturation and vibrancy and this several different color schemes that are well known and color theory. Now that you're familiar with the basics, it's time to level up throughout all of the lessons I prepared exercises for you to practice your way to color theory greatness just in case you missed them. Here's a review for Exercise Blonde I wanted Download a color wheel plug in. It doesn't matter which one you download. It just has to be a color wheel for exercise to. I want you to create your own color wheel based on your ideal primary secondary and tertiary colors. You're welcome to use the template I provided or create your own, too, and exercise three. We're gonna take those colors that you picked in practice tense shades and tones then explore the difference between saturation and vibrancy and exercise. For using the sliders that I mentioned, you can use any picture that you wish. Just explain which one you like better and why. Last but not least, an exercise by I want you to create your own virgins. Of the eight color schemes that I mentioned in less and five, if you haven't done so already, down with the worksheet and get started after you finish your color theory exercises, be sure to upload it to the project section so everyone can see I'll even provide feedback . Thank you so much for taking level one of color mastery in photo shop, and I can't wait to see you in the next one.