Creating a Simple Color Separation: Adobe Photoshop Basics | Mel Rye | Skillshare
Drawer
Search

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Creating a Simple Color Separation: Adobe Photoshop Basics

teacher avatar Mel Rye, ✎ Artist + Educator

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction

      3:13

    • 2.

      Tools and Materials

      2:01

    • 3.

      Creating Your Geometric Design

      3:43

    • 4.

      Digitizing Your Design

      2:29

    • 5.

      Creating Your Colour Separation

      18:10

    • 6.

      Overlapping Shapes and Off Register Effects

      5:40

    • 7.

      Changing Colours

      6:31

    • 8.

      Final Thoughts

      1:26

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

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.

1,351

Students

34

Projects

About This Class

Colour separation is a really effective and popular way of working, particularly in the fields of illustration, graphic design, printmaking and textiles. Being able to easily change, overlap and move or resize coloured sections of a design, whether you plan to finish your work digitally, or take it into a physical print process can transform your design process.

In this class, you will learn how to make a geometric design using simple drawing techniques. You will then scan it (or photograph if you don't have a scanner) and use Photoshop to create a 4 colour separation. You will learn how to change each layer's colours, size and position to create alternative versions of your design. Along the way, you will learn tips in using Photoshop, and the benefits of using a colour separation.

I have tried, tested and refined this class project over several years as part of a larger Printmaking project I have taught. The resulting designs have always had fantastic feedback and reactions in student portfolios when going for interviews, so I hope you'll see the same benefits!

The stages are broken down into step-by-step instructions suitable for all levels, so you don't need to be good at drawing, or have experience of Photoshop to take this class.

To take this class you will need to already have, or be prepared to download Adobe Photoshop. Please click here for a link to download it.

Adobe Photoshop are either registered trademarks or trademarks of Adobe in the United States and/or other countries.

Meet Your Teacher

Teacher Profile Image

Mel Rye

✎ Artist + Educator

Top Teacher

Hey there, I'm Mel!

I create colourful, fun and playful art. My work celebrates humour, silliness and the unexpected to create joyful pieces which have a broad appeal to both children and adults. I like to work in mixed media, and combine drawing, collage and paper cutting which I often manipulate digitally, although I'm always experimenting with new materials!

Teaching is very much part of who I am and I adore sharing the things I've picked up so far on my creative journey. You can find my work in progress, BTS, creative tips, advice and tutorials on Instagram and YouTube, so it would be great to connect there too!

... See full profile

Level: Beginner

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

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.

Transcripts

1. Introduction: Hi, guys. I'm Mel and in this class, we're going to be creating a really simple Color Separation. Color separation is really popular way of working right now, particularly if you're interested in the fields of graphic design, illustration, printmaking, or textile design. So, what is Color Separation? Well, essentially it's creating a design or an image that has a limited color palette, and each of the colors in that color palette are created on separate layers in a digital file, which is really useful for being able to work with those colors for three main reasons. One, if you are wanting to create design to take into a physical print process, say for example, you might be wanting to create design that is going to become a lino print, a screen print, or maybe you want to try Risograph printing, you normally need to think about what each these layers is going to look like on its own. So, creating a really simple color separation is going to give you a really good idea as to what that finished printed image is going to look like. The second reason it's really useful is because you can super quickly and easily try out different Colorways in your design. Once you've created your design, you can literally just within a few seconds and just a few clicks, you can try out in a second, third, fourth, however many want to, you can try out so many from Colorways, and it's a really quick way of changing the colors. The third reason you might want to create a color separation is if you are working digitally, but you really want to create an effect which has a slightly more handmade feel to it. By using a color separation, you can actually create that effect that is called Off-Register. That's where your layers of color aren't lining up quite perfectly. So, you get a little bit of overlapping, for example, between the yellow and the blue layer and that would create a sort of green color where the two layers overlap, and that can give you a really nice effect if you're wanting to create a more handmade feel to your work. I've had so many students in my time as a teacher that have really loved the look of a lino print or screen print, for example, they've seen this made up of lots of layered colors, but they've really felt intimidated by knowing where to start with the process and how to actually begin creating a color separated image. So, that's what these class is really intended for. It's to try and break that process down and hopefully to enable you to see this. Actually really simple once you start from already simple and design process. You don't need to be fantastic at drawing to take this class, and you don't need to have great Photoshop skills. I'm going to take you through everything step by step in really smooth stages, so that anybody who takes this class can create a really good class product and get a great result at the end. So, the class project, you are going to create a really funky geometric four color separation design, and that is going to be high enough resolution to print out to A4, which you could then use in your sketchbook, your portfolio, or you could print it, frame it, put it on the wall. Also, once you have the skills in the class, you can obviously create different colorways of your design. So, you may end up making more than one class project. So, I can't wait to see what you produce, and I'm really looking forward to starting this journey with you. 2. Tools and Materials: Here's a list of all the things that you're going to need to take this class. You're going to need access to an A4 printer so that you can print out the templates that I've provided with the course description. If you don't have access to an A4 printer, it doesn't matter, you can create your own templates. It's really easy and I'm going to cover that in the next video. If you're going to make your own templates, you're just going to need two pieces of A4 paper and a large geometric object to draw around something like a plate. But, I'll go over more examples in the next video. A scanner. You're going to need this so that we can scan your drawing and then import it into Photoshop to make our color separation. If you don't have a scanner, alternatively, you could use a digital camera and I'm going to cover both options in the forthcoming videos. Photoshop. If you don't already have Photoshop, you can subscribe to it for a month. I believe the cost is somewhere around £10 a month. You can also download a free trial. A link to this is included in the course description. A black pen. A fine line of fiber-tip pen is ideal but it doesn't need to be anything fancy, as long as it gives you a nice dark flowing black line that's the most important thing. If you're a bit nervous about drawing in pens straight away, you may also want to have a pencil and rubber or a razor handy as well. You'd also need a craft knife and cutting mat or alternatively, a pair of scissors, a ruler. Finally, you're going to want around 4-6 small geometric objects you might find around the house. By small, I mean no bigger than the size of your hand. Examples of the type of objects might include circles, could be a glass, glue stick, cellotape, a piece of jewelry perhaps; rectangles, you could use something like a paint palette, a rubber or a razor; any other geometric shapes you can find around your home such as hexagons, ovals, diamonds, pentagons, parallelograms. So, make sure you have all these things nearby to hand and in the next video, we're going to start making your design. See you there. 3. Creating Your Geometric Design: In this video, we're going to create the outline for your geometric design, which you're going to take into Photoshop. If you're using the templates that I've provided with the course, you're going to only need to choose one of those shapes but you need to print two of them. So, if you choose the circle, for example, you only need to print that one but you need two copies. There are a few different shapes to pick from on the pedia. If you don't have access to a printer, don't worry, it's really easy to make your own template. All you're going to need is two pieces of A4 paper and the geometric shaped object, which is quite large when you place it on the A4 page. It's important that it fits on the page, however. So, don't choose something which is going to go off the edges of the paper. One of the easier shapes to find around the house is usually a circle. So you could use an object like a bowl, a plate, a tin of paint, for example, of an appropriate size. Just center it on your paper and then smoothly draw around it with your black pen and then repeat that for the second piece of paper. So, whether you've made your own template or printed one off, you should have two identical piece of paper with a shape on them. Next, you need to take one of those piece of paper and cut the shape from the middle whilst leaving the edge of the paper intact. This can be done with scissors or with a craft knife and a cutting mat. Now you've cut out your shape, you have a handy viewfinder which we're going to play with along with your selection of smaller geometric objects to create your composition. Using the viewfinder is a great way of experimenting with composition before you dive straight into a drawing, as you can move things around and play about until you hit on something that you're really happy with. Two tips I have for creating a more interesting composition. Have some of your objects on the edge of your viewfinders so that they aren't cut off, they're not entirely within the image, and you think of placing your objects in diagonals rather than making anything too central or too symmetrical. They usually will make the composition feel more balanced. Play around with the position of your objects and the viewfinder until you have something you're happy with. Now on the other template, you're going to use your viewfinder, an arrangement of objects to draw around your design. Depending on the shape of your object, you might be able to pick them up, move them to other template and just draw around them. If this isn't possible, just use the shape of your objects and then trace around something similar. For example, this cellotape is ideal to draw around but the blades of the scissors I'm using to create triangles are a bit more tricky as they won't lay flat on the paper. So, I'm just going to mark lightly with a pencil the [inaudible] shape and then use a ruler to create the triangular shapes these are making. At this stage, you could add additional shapes if you want to. There's no rules about how to make this composition. It may be that once you have a few basic shapes drawn in, you just want to add some extra lines or shapes to divide your design up further into more sections. The only thing you must absolutely ensure though as you make your design is that there are absolutely no line gaps. "What is a line gap?" I here you say. Well, it's just a very little gap where some drawn lines would otherwise meet. Here is some examples. If you have any in your design, please go back in with your pen and close those line gaps. This is going to ensure that everything is going to work as it should later when we start using Photoshop. Finally, if you have been using a pencil before going over your design with a black pen, please, now rub those lines out with a rubber or a razor once your pen lines are dry so that you're not going to smudge them, and that's it. Now you have your fabulous geometric design which we are going to bring into Photoshop in the next video either by scanning or photographing. So I'll see you there. 4. Digitizing Your Design: Okay. So, now you have your geometric design on a A4 paper ready to bring into Photoshop. I'm going to show you two ways to do this depending on whether you're using a scanner or a camera. Let's start by using a scanner. Before you place your design face down on the scanner, just check three things. One, are my line gaps all closed? Two, have I rubbed out my pencil marks and three, is the scanner glass clean? If it's not, just give it a clean before you put your image in face down. First, open up Photoshop. You can scan directly into Photoshop by selecting file, import, images from device. There should be some place on that screen which is going to give you an option to choose the resolution, or it might be labelled as the DPI which stands for dots per inch. You want changes to 300. If you're happy that you can see the whole design, then click to draw a box over the whole of your piece of A4 paper. Once you have to selected the area to scan, click scan and your design will open up in Photoshop ready to edit in the next video. If you don't have access to a scanner and are going to use a digital photograph instead, the most important thing is to find somewhere with good daylight to photograph your design. Ideally, you don't want it to be in direct sun as that's going to be too bright. Being outdoors in the shade or near a window are the best places to be. Try to ensure your A4 paper has even lighting. If you're having issues because you are creating shadows by holding your camera above the paper, try taping your design to a wall rather than laying it down. Ensure you are holding the camera directly over the center of the A4 paper nice and straight, so that the outer edges of the paper appear parallel and are not angled which would suggest you need to change your position slightly. Don't worry if you have a little background in your photograph we can crop that off later. Upload and save your best photograph onto your computer. You can do this by inserting the camera's memory card, or connecting it with a cable to your computer, opening Photoshop and going to file, import, images from device and then select the photograph that you want to use. Click download, open image and your photo will open up in Photoshop ready to edit. Whether you've used a scanner or a digital camera, you should now have your design open in Photoshop. In the next video, we're going to be editing your design in Photoshop to create your color separation. So, I can't wait to see what you're going to make. 5. Creating Your Colour Separation: In this video, we're going to make your color separation. If you follow the steps in the last video, you should now have your scan or photograph already open in Photoshop. We're going to create a new file to work in. So go to file and new, select print, and then A4, make sure the resolution is at 300 DPI, and click create. Your new A4 page will now open up in Photoshop. Now you still have the photograph open. If you have a look at top just below the menus, you will see that you have two tabs, one is untitled one that's on a new page, and your photograph, if you click on it, is still there just next to it, so you can go between those two documents. The first thing that we're going to do, you can see that we have a landscape photograph and our new page that we're working on is portray orientation. So, I'm just going to quickly turn my photograph portrait so that it's the same. So to do that, just go to the image menu at the top, image rotation and then either 90 degrees clockwise or 90 degrees counterclockwise, it doesn't really matter which. We're now going to crop away any background that you might be able to see in your image. If you've taken a photograph or actually if you have a scan, you might be able to see the edges of your paper, we're going to get rid of those now. So, from your toolbar, select the crop tool, and just go to your photo or scan and click and drag a box. Just make sure you don't have any background left in your crop preview. You can move the individual edges of your crop just by clicking on those squares and just dragging them in to make it smaller or larger. You can also rotate your crop. So, if you have scanned or photographed your design and it's quite wonky on the page, if you just go to one of the corners of your crop preview, you'll see that it will turn into a curved arrow. Now if you click and drag, you can see that you can actually rotate your crop. Once you're happy with how the crop looks on the page, just hit enter and now we're ready to start working on it. You might find depending on how bright your photograph is and if it was a cloudy day or quite dark when you took it, you might find that your photograph or your scan looks a bit grayish and it's not really looking very black and white. So, we're going to start first by increasing the brightness and contrast of your scan or your photograph. To do that, if you go to the image menu at the top again, go to adjustments and then brightness and contrast. Before you start doing anything with these sliders, just hit the box that says use legacy, that's just because it works much better for black and white line drawings. Then just start to increase your brightness and your contrast. Be careful not to overdo it, because if you go too far, you can actually make your line layer and your design look quite weak and faint. But what we're aiming for is a really nice bright white background and strong dark lines. Once you happy, just click on "OK". Now we're going to copy your design to the new page that you've made. So, go over to your toolbar and select the magic wand. Once you're on your magic wand tool, just click anywhere in the white background of your paper. You should then see these little, they're called marching ants, actually the sort of dotted line moving around the edge of your paper and the edge of your design. So, that means that the selection is actually in the background, is where we clicked. Now we want to actually select the opposite to that, we want to select what's inside our circle. So, just go to the select menu and click inverse, and you'll see now that our dotted line is just around the outside of our circle, which means that it's actually just selecting our design now and not the background which is exactly what we want. We're going to copy and paste this into your new page. You can do that either by going to the edit menu and press and copy, or as it says here on the right-hand side, you can use command C or Ctrl+C if you're working on a PC. It's a useful thing to know that actually these little symbols in the menus on the right-hand side, this gives you all keyboard shortcuts. Make sure you've either gone to edit copy or command C. Now go into your new page which will be called untitled, and you're going to paste, that can be done with either command or Ctrl+ V or again, you can go to the edit menu and click paste. Your design should have copied onto that page, and if your layers window is open on the right-hand side over here, you'll notice that it's copied onto a new layer. Layers is something that we're going to be using a lot. So, if you don't see your layers window over on the right-hand side here, just open that up by going up to the top menu here that says window and find layers and make sure it has a tick next to it by clicking it. You'll notice our design has copied onto our new page slightly too large, it's actually cropping parts of the image off. So, we're going to resize it a little. So, on your keyboard, press control or command T, and that is going to give you a box around your design which is a free transform box. That's going to allow you to change the size of your design and you can also rotate it as well. Just a word of warning about this though, what you'll need to do when you change size of your design is just hold the shift key down on your keyboard, and when as you click and drag in the corner, you will find that your design is being made proportionately bigger and smaller, so it's not going to be distorting. You want to make you design as big as it can be on the page without being cropped or you want a little bit of a gap around the outsides. If your design has transferred onto your new page and it's so big that you can't even see the edges of your free transform box, you can just zoom out as much as you need to, just use the keyboard using the buttons control or command minus to zoom out, and control or command plus to zoom in, and that should enable you to zoom in and out so that you can see the edges of your free transform box and you can then just make it smaller so it fits on the page. You will also notice that when you go near the corners of your design, you've got that curved arrow again like we had when we were using the crop tool. So, if you want to change the angle of your design, if it's still looking a bit wonky or if you are using something like a circle that works in lots of different ways, you might actually I think I'd like to try it this way up, you can do that. Then just center it on the page and hit enter. We've now got your design centered on the page, it's looking really nice and clean and black and white. So now we're ready for the fun part which is adding your color layers. So, just go over to your layers window again, and you should at the moment have two layers there. We have background layer and we have layer one. Now you can have a little check as to what is on each layer just by turning this eye symbol on and off, and it shows you what is on each layer, that's really useful. We're going to be using those quite a bit. To make a new layer, just go to this button over here at the top right-hand corner of your layers window, click on it and select new layer. Of the options that it gives you here, just fill in the name of the layer is going to be red. You're going to have the opportunity to change your colors later. But we're going to be starting with the three primary colors. So, just for now call it red and then with the mode underneath, just change that from normal to multiply and then click "OK". On this layer, we're going to color in certain parts of your design red. So, you need to first of all go over to your toolbar and if it's not already on your magic wand tool, select your magic wand. Up the top here, you have lots of different sort of controls for the magic wand. There's just two things that you need to check. Firstly, check that the tolerance is somewhere around 32 which is the magic wands sort of default setting, and then also check that the boxes tips that says, 'sample all layers'. We are going to then select lots of sections of your design which we're going to color in red. I'm going to just zoom in a little bit here so that I can see the design of this so clearer. Now, in terms of what to select, it's a good idea to select shapes which are not right next to each other, because you want to create more interest in your design, and it's more interesting when there's different colors next to each other. So, imagine sort of almost selecting every other shape a bit like a checkerboard. Now to select lots of shapes at once, if you just hold the shift key down, you'll notice a little plus symbol comes up on your magic wand that means that we can add more shapes to our selection. So, I'm going to just keep clicking on some different shapes, go to the edit menu and then fill, now click on color dot dot dot, and you have this color picker window which comes up. Now, if you change the slide here, you'll see that it will go through the spectrum of colors and this gradient gives you different versions of that color whether it's with more whites or with more black. So, we want a sort of reddish color for this first layer. As I said before, we're going to change these colors later, so you don't need to be too precious about what type of red it is because we are going to change it. So, just choose anything that looks sort of quite red and then click "OK", and then "OK" again on your fill window there, and we've got lots of red shapes which look great. I've just noticed- I have still got a line gap in my design. Hopefully you won't have any because you would have filled all those in your design process, but it is possible at this stage that you could have missed one. Here's a line gap. So, you'll see if I click in this section, actually Photoshop is seeing this is all one shape whereas I want them to be two separate shapes. You can fill your line gaps in Photoshop, it just takes a little bit longer than doing them with a pen. So, that's why we want to try and avoid them if possible, but I'll show you how to do that if you do happen to have missed one. The first thing that you will need to do is just go back to your layer that is called layer one. Just double check that if you're on that layer, just turn the eye on and off, make sure that's turning your lines on and off, and make sure that layer is highlighted. We're going to use the paint brush tool to just paint a little line in here, to fill it in, as if we're doing it digitally with a pen. So you go over to your toolbar, and select the paint brush tool. Obviously we have a black and white line drawn here, so we wanted to use a black line, so it's going to take its color from this box here. So, if you click on that box, again you get your color picker, just choose a black color and hit okay. The other thing that we need to do just before we draw that line is make sure that it's about the right thickness because the brush can be any kind of diameter, you might find that your brush diameter looks huge, you can see it's actually previewed there as that little circle. Now, you can make your brush bigger and smaller by using the square brackets on your keyboard. So, the right square bracket if you keep pressing it will make your brush larger, and the left square bracket will make your brush smaller. So, just really carefully click and drag to finish off that line gap. Once you've done that you can check that it's working by going back to your magic one, and clicking one of the sections and now you can see that it's actually just selecting that one shape and not both shapes. Whenever you want to do select something on your keyboard just use command or control D and that D selects. I'll zoom again so we can see the whole design. We are now going to add our next color layer which will be a blue layer. So, again go over to your layers window, click on those horizontal lines on that button, and go to new layer. We're going to name this layer blue, and change the mode from normal to multiply, hit okay. If you're not still on your magic one tool in the toolbar, make sure that you now select that. Now I'm going to be choosing lots of other shapes in my design which I'm going to be making blue. Once you've selected your shapes, just repeat the same process, go to the edit menu, go to fill, select color..., use the slider to find a bluish color. Again, we will change these colors later, so don't worry about spending too long choosing the color, and then hit on okay, and okay again. Now we have some blue shapes there. I've selected quite a few blue shapes, but I feel like I might want to add one or two more, so I might think actually I quite like this shape to be blue as well, this last one down at the bottom. So, just make sure that you haven't changed the layer, I'm still on the layer over here that's called blue, and I'm going to go to edit and fill and select color... again. Now, it's going to still be on the color that I used last, but if you have used a different color in between, if you hover the mouse over your design, do you see how it turns into a little eyedropper? So, if you click on the red for example, it's going to find a match for that particular red, and if you click on the blue it's going to find the exact match for that blue. So, make sure that the color is exactly the same. Click okay, and okay again and now I'm happy with this sort of balance of that blue now. I'm going to de-select that selection with command D. Now, I'm going to make my third and final layer which is going to be yellow. So, I'm just repeating exactly the same process, naming it yellow, changing the mode from normal to multiply, hit okay. I'm still in the magic one tool, I'm going to just now select those last shapes that are not yet colored in, go to edit, fill, color, find some yellow color, okay, okay, and now I've got my design completely colored. Now that you've filled in your whole design, I just need you to double check before we move on to the next stage, but if you go over to your layer's window, just want you to turn off all except one layer, and I want you to check first that you only have red shapes on your red layer, yellow shapes one yellow layer, and blue shapes on your blue layer. So, when you put them all together obviously you have all three colors plus your line layer, so you have four layers there in total, but each color is completely separate. I'll show you what to do if you find that you have got a robe color on one of your layers. Easiest thing to do is actually to go back in time, to go back in your history. So, if you can't see your history, it's normally in a window. Just go to your window menu, go to history, and history is a really useful thing to use cause you can just basis, as I said it's like going back in time. I'm just going back to a stage where you were working before you made that mistake, and just repeat the process and make sure you don't do the same thing again. So, I didn't have any different colors on any of my layers, so I'm just going to go back to where I was, which is here. What you have now is the beginning of your four color separation. In the next video, we're going to be playing with changing the colors of your layers, and also changing their relative position to each other to make your color separation much more exciting, so, I can't wait to see what you're going to make. 6. Overlapping Shapes and Off Register Effects: Before we start changing the colors and the layer positions, we are just going to add an extra shape of color on to each of your color layers so that you can see what effects you get when you overlap different colors. First of all just in your Layers Window, go to the Red's Layer and make sure that layer is selected and then go to your magic wand. We're going to add another one, two, or three red shapes, but it's going to overlap with shapes that already exist to either blue or yellow. So, use your magic wand, and select maybe two or three shapes, which are either blue or yellow, not red ones. So, now we're going to edits and fill. Now, remember we are on the red layer at the moment, so we want the red color. So, when your color picker window comes up, just go over your design, click on the Red, and click Okay. Okay? Again, on your fill Window in there, and now those shapes, they are in red. Now, you'll notice that where the red was overlapping with the blue, it's now going to be purple, and where the red is overlapping with the yellow, it's got a more kind of bright orange or red. That's the effect that you're going to get when you overlap those two colors. Now, if we do the same thing for our yellow layer, so you just go to your Layers Window, select yellow. Then, on your design, you want to choose two or three shapes, which are either red or blue. Go to Edit, Fill Color. Remember we are on a yellow layer, so we are only going to choose yellow, and we want the same yellow. So, use your Eye Dropper, click on a yellow section of your design, "OK", and "OK" again. Here we've got some extra yellow shapes. At this stage, it's a good idea just to keep checking your layers. Red layer only has red on it, yellow layers only have yellow on it, blue layer only has blue on it. So, finally we're going to select the third color layer, which is our blue layer, and do that for the last time. So, remember we are now only selecting shapes which are red or yellow. We're going to Edit, Fill, color. Remember this is our blue layer so, we only want blue shapes on it. So, the Eye Dropper, choose the Blue, "OK", "OK" again, and deselect. Just do one final check. Take your layers down, check you only have red shapes on your red layer, and yellow shapes on a yellow layer and blue shapes on your blue layer. Here we have your line layer. Now, if adding these additional color shapes has got you in a bit of a muddle, because it can do that, especially if you're not used to using Photoshop. Or if you just don't like the way that it looks, if you think actually I just preferred it when it was just three colors, then we can just go back in our history. So, if your history isn't on your Photoshop workspace, you just go Window and History, just to click back in time until you've just have your three colors there without any overlapping shapes. So, now we're going to experiment with the relative size and position of your layers to get those really interesting effects. Now, if you remember in the introduction we video, we mentioned that effect could off-register. Which is where the layers don't line up exactly, which give you a much more handmade feel to your design. At the moment, it probably will look a bit like something that you have created on Photoshop, because all the colors are matching up really perfectly. So, if you just go to your first layer, let's start with red. We're going to use transform like we did before. If you remember when we changed the size of our design on our new page, we used Command or Ctrl+T, to bring up that box. That's where you can change the size of that layer. So, remember to hold down the Shift key to make sure that it changes proportionately. If we see, we start to get. We've made it a tiny bit smaller. Once you're happy with that change, just press Enter. Then, we'll do the same thing on our yellow layer, Command T, holding the Shift key down, Enter. Now, the third layer, which is our blue layer, maybe I'm not going to change the size of that layer, but just the position. So, I'm going to use the Move Tool, so select Move Tool from the Toolbar. If you can click and drag your layer. Now you might find that a bit clumsy, depending on how sensitive your mouse is. You can actually use the Arrow keys on your Keyboard, just to make much smaller movements. It's a bit more subtle. So, we've got something which is much more engaging now than it was before. Having all those little areas of white, where things are not matching, having the overlapping colors, gives you a really nice effect. 7. Changing Colours: What we're going to do now is actually play with changing those colors. So far we've been just working with the primary colors because they mix really well together, but at this stage we can actually start work with changing our colors, which is the really exciting bit. We're going to start with changing the color of your line layer. So, we've been ignoring that layer for a little while. If we go back to a Layer 1, in your Layers window, obviously at the moment that layer is just black and white. So, we can actually make it into a colored layer as well. If you just hit on your keyboard Command or Control U, this is the box that we're going to be using to change all the colors in your design. This particular layer, because it's black and white, we need to check this box in the corner that says Colorize before we change anything else. Now, it's also good idea to turn right up your Saturation and your Lightness first before going to the Hue slide. Because you can see now that I've done that, you see my line has now changed into a red color. So, when these Saturation and Lighteness were turned down, you can see that it looks quite black, even though it's red and it's actually very dark red. So, now that it looks red, if we move our Hue slider, you can see the color of our line will change. When you are happy with the color, just press OK. You can come back and change it at any time just by selecting the Layer, click on Command U. Next, click on another layer that you want to change. So, let's try the Red layer first. Command U on your keyboard or Control U, and this time you don't need to select that box that says Colorize, because our layer is already colored. You just need to pick up the Hue slider and change the position of it. Do it quite slowly because you might find that if you do it too quick, you don't see all the varying changes in between. The Hue changes the color of your layer, the Saturation changes the intensity. So, turning up makes the color more intense, turning it down will make it more gray and the Lightness, imagine you adding either white if you turn it up, or adding black if you are turning it down to something much darker. You can go back and change each layer as many times as you want to. So, at this stage, this is where it's really important at the moment that we start saving your files because obviously, you're going to start making lots of different colorways and we want to make sure that we save them all, because I really want to see them in your class project. The first way that we're going to save your file is go to File, Save as, it's called Design1 and I'm going to need this version of the file to be a PSD at the end,.PSD which is a Photoshop format. What that means is, it is going to save all the layers in your file. So, you can open up that file tomorrow, next week, next year and the layers will still be there. So, you can actually go back into your file, make a new colorway, save it. Just click on Save and when the other form options box comes up, say OK and now we have a version that we know is editable but we're now going to save another version of that file as a JPEG. The JPEG is much smaller so, it's absolutely fine for uploading your class project, for printing, for emailing using your portfolio for example. So, go back to File and Save As. I'm still pulling Design1. I'm going to change this format, dropdown box here to JPEG and then click Save. When it comes up with the JPEG options box, just say OK and I've now got a flattened version of that file. So, if I open it up on my desktop, it's probably going to open up in preview or something else, it won't automatically open up in Photoshop but it's basically got all those layers and it's flattened them all together. So, I'm going to just close that, go back into my Photoshop file and I want to make a new colorway now. So, I'm going to press Command U again. Changing the hue, I quite like that version. So, I'm going to save that one now. Now, I don't need to save it as PSD file again. I'm just going to say that it is a JPEG this time. You only need one version of your PSD file. So, I'm going to call that Design2. You can name them whatever you like. JPEG, Save, OK. I'm going to create another version. I think this time I'm going to turn off my line layer. I'm going to get rid of Layer 1 because actually I quite like it when there isn't a line layer. It can be quite nice just to have those overlapping shapes of colors. I'll just change the colors. File, Save As and Design3, JPEG, Save. You can do as many versions of this as you like, just make sure that you have at least one file that's PSD and at least one file that's JPEG. Remember, for your class project, you're going to need to have your file as a JPEG in order to upload it. So, just make sure that you have at least one. So, please go ahead, make lots of colorways, have fun, make sure you save them all though and then upload them into your class project. Once you're ready, I would really love to see all your different colorways. You can get so many different effects by trying out different things and even hiding certain layers and choosing to turn them off. So, have fun and I can't wait to see what you've done. 8. Final Thoughts: Well done on completing your color separation. Please now post design or designs if you've made more than one colorway in the class project gallery. I would love to see what you've done. I hope you've enjoyed learning these techniques. I remember really clearly when I learned this process, it was a huge light bulb moment for me because I really started to understand how I could use the color separation techniques in so many different areas of my work. So, I really hope that happens for you as well. If you have made something which isn't strictly the class projects, that perhaps uses these techniques in another way, I've really loved to see that as well. So please, do feel free to post that in the class project gallery, I would love to see how you use these techniques. If you have any questions, technical issues or feedback, please do post on the class community board, I'll be checking them regularly. If you post any of the work using these techniques on social media, I would love to see them. So, please do tag me with #melryeskillshare so I can see what you post. If you enjoyed this class, and would like to learn some more, then do look up my upcoming classes on some extension techniques and color separation as well as some other subjects that I've got coming up. Be sure to follow me so that you can be notified when I have a new class going live. Thank you so much for taking this class, I really hope you enjoyed it and learned a lot. I hope I'll see you again in another video. Bye for now.