Illustrator Mask : Masking In Illustrator Made Easy. Finally! | Dawid Tuminski | Skillshare

Illustrator Mask : Masking In Illustrator Made Easy. Finally!

Dawid Tuminski, www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Lessons (27m)
    • 1. Illustrator Mask Promo video

      0:43
    • 2. 1Understanding Clipping Masks

      5:38
    • 3. 2Clipping An Image

      3:54
    • 4. 3Editing A Clipping Mask

      2:52
    • 5. 4 Typography And Masks

      2:56
    • 6. 5Understanding Opacity Masks

      4:11
    • 7. 6How To Use Opacity Masks

      3:47
    • 8. 7Class Project

      3:17

About This Class

It's a difficult process and well explained by Dawid. I thought I had a pretty good grasp, but found the project complex. The exercise was beneficial, I really got a better grasp on the ins and outs.

Just what I needed to know. I have been struggling with learning this and usually i come across other people's artwork that needs adjustment and has these clipping masks. Lots of tricks here. Thanks.

In this quick little class you will learn how to easily and efficiently use masks inside Illustrator.

You will learn only what’s practical and ready to apply about both clipping and opacity masks.

In just a few minutes we will go from the total fundamentals of masks in Illustrator to practical benefits of using them.

I believe that after this class you will feel more confident in using masks inside Illustrator.

So if you’ve been struggling with masking before, this class will help you understand masks and start using them efficiently and independently.

I will see you inside.

Transcripts

1. Illustrator Mask Promo video: in this quick little class, you will learn how to easily and efficiently use masks. Inside. Illustrator, you will learn only what's practical and ready to apply about both clipping and opacity masks. In just a few minutes, you will go from the total fundamentals of masks in illustrator to practical benefits of using. I believe that after this class will feel so much more confident in using masks inside it. So if you've been struggling with mustard before, this class will help you understand masks and start using them efficiently and independently, so I will see you inside. 2. 1Understanding Clipping Masks: we're going to start learning about masking inside illustrator with the clipping mask. The clipping mask is used to much more often than the opacity mask on. I think it's a bit more practical, so I think that we should start with the clipping mask Now. What a clipping mask does is it to basically allows you to plan like a crop objects, and you can use almost any object as a clipping mask. I believe many within with an exception off they ingredient mash and a blend. But other than that, basically most of your creations most most of your objects who can serve as a as a clipping , clipping path the most important thing here, the rule of thumb that you need to remember is that the object that you are clipping with has to be on top of the object that you are clipping. And let me repeat that the object that you're clipping with has to be on top off the object that you are clipping. So let me just show you, like the most basic, not the most eye catching, but the most basic way off, creating a clipping mask before you move onto something more catchy. I just wanted to understand the rule. So what I'm gonna do is I'm simply going to grab maybe, maybe a little lips, and I'm going to create a perfect circle that is going to look something like that. How so you can see the better. I'm going to give a day, maybe this red collar, and I'm gonna get rid of the stroke. Now I'm gonna grab the rectangle tool, And I'm simply going to create a Iraq tangle that is going to look something like that and I'm gonna make be making blew it, just like so. Now what I want to do right here is I want Teoh A clip now this rectangle with my lips. So what is going to well, basically is going to happen is this rectangle is going to be constrained to to the size off this off this ellipse. So remember what I said about making sure that the object that you are clipping with is on top on the object that you are clipping now. I mean, if I just move this ellipse too well toe to right to put on top of my rectangle. Well, you can see that it is behind my rectangle. So what if I just clipped Have been bold, these guys right now I would be clipping that the ellipse with the rectangle and then that is not what I want. So let me just go to the layers panel and I'm going to check if my clipping will My lips, the path that I'm going to be clipping with is actually on top, the wrecked and also on top of the path that I am going to be clipping. So right now I can move my lips on top of my square, just like so I'm gonna grab these guys. And now I can actually clip the rectangle with my Talibs now. And so how can we How can we clip objects? So the first to the first way to clip objects is to simply and remember that you always have to have both. Well, if you have 22 objects, but you always have to have an object the chart clipping with and the object that try clipping, you need to have both of them selected. So right now both these guys are selected, I'm going to go to the object menu that I'm going to go to the collected mask down here and I can simply click make just like so. And as you can see my ing, my ellipse collect the rectangle. So now the rectangle has been constrained to the proportions Well, to the size of the Ellipse. And notice also that my lips is well right now it is going, We can see it now it's serving as a clipping mask and we what we cannot see anymore. Let me just undo that real quick. So the other way to create a clipping mask let me just select both these guys again. I don't know if you notice, but when we go to the object clipping, mask, make function, you can This little shortcut control seven. And it's a very, very, very handy short again. And I would advise you to do it. So if I have both these guys selected and I'm simply going to go with control seven on a market ago command seven. I am. I'm doing basically the same thing. I am simply clipping my my rectangle with my with my lips. What if let's say that she would change your mind that you don't want these guys to be collect. Well, you don't want this rectangle to be clipped anymore. So what, We could do it. No. To reverse the whole process, we could go to the object menu. Of course, we still have this clipping mask selected right here. I'm gonna go to the object menu clipping mask, and I'm gonna go release. Or you could simply use the old control plus seven shortcut or option command seven on a Mac. And as soon as I click on it, you can see that I again got my that. My objects back however you can see well, you can see my lips. It lost its attributes. But if I just move selected, just like so you can see that it doesn't have any any object, will Any fill It doesn't have a stroke. Because in the process of clipping it lost all those attributes. Of course, if you want to see it, you can always go to the view outline and you can see that we got this ellipse right here. So a thing to remember when, when clipping objects, you need to remember that the object that you are clipping it has to be beneath the object that tried clipping with or, in other words, the object that you're clipping with has to be on top of the object that you are clipping. So in our case, our ellipse has to be on top off our square. Now, I know that both these guys don't look too appealing. They don't look too. I catchy. So in the next video, we are going to take a look a bit more practical use for that clipping mask. So if you wanna learn that, let's move on to the next video. 3. 2Clipping An Image: Let's say that you want to prepare an image for your block boast or your Web design project , and you want to do it inside Illustrator, and you want to use clipping mask for it because you want to. We'll see. Well, you have a big image and you want a crop it and you want. Teoh will have the freedom to do. It's just it's position. So the clipping mask would be it would be best for for the purpose. So I'm gonna go to the layers panel and I'm going to simply turn the visibility off my my will image right here. So as you can see that you just made me zoom out a bit. As you can see, we got a big image make image that is going outside the boundaries off our of our art abort . Now we could off course, maybe make this image smaller and then move it around in relation to our art board. So we are kind of like simulating the cropping process because, as we know well, everything that is outside of the art board will not will print or safe for Web purposes. But let's say that you want to see right now what the ultimate ultimate will result is going to look like. So what I'm going to do is I'm going to first check the dimensions of my art board. So I'm gonna press shift our my keyboard to initialize there at the art boards tool. And as you can see, the dimensions of my artwork are 9 60 by 5 60 right here. So what I'm gonna do is I'm gonna simply grab a rectangle, click anywhere on my art aboard and enter those dimensions. I'm gonna go 9 60 by 5 60 just like so. Now what I'm gonna do is I'm going to make sure that I am a lying my rectangle in the well in relation to the art of board. So I'm gonna go this school, I'm gonna move to the left and I'm gonna make sure that it's aligning to its wealth to the top edge of Let's call it like that. Now, quick note. Here, guys, it really doesn't matter what color or what attributes like stroke with Orwell or fill color. Our clipping object will has. In this case, the rectangle can be this vividly pink. It doesn't really matter for, for for our clipping mask. What matters, however, is that I need to have this guy selected. So this rectangle and of course, the image selected So not gonna simply go to the object menu clipping, mask make just like so. And now I can move it below my taxed that I have created before I'm gonna make it to make it visible. So as you can see Well, I got the text fresh veggies. But I really can't see well, the veggies. So the images way to Baker for afford this and for this project for this art board. So I mean, we can see what our image is going to ultimately look like. If we were to simply now go to file. I've safe for Web, say, for Web right here. And we can see that Well, what is going to ultimately look like? But, well, well, we can see the tax, but we can see the badges. So in order to see the veggies, but better where we would have to do is we would have to add it our collective mask or added, um, the content that is that is inside our clipping mask but I think that this is we are something that this is something that we're going to in the next video. So what's important to understand or to learn from this video is that if you want to make sure that you that your will image is exactly off the dimensions of your art, bored and you want to preview what your image is going to look like when you save it well for Web just to create erecting that has the same dimensions as your art board and then simply use it as a clipping path to clip your image. That's below it. But as I said, we can see that our clipping mask or a clipping group is not really looking all right. We need to change some things about it, but we will do that in the next video 4. 3Editing A Clipping Mask: in this video, we will make our vegetables a bit more prominent in our composition. So we will add it. That clipping mask. So in order to do that, I'm simply going toe click on it just like so and notice than here in the control panel in the top left. We got to these two options. We can either added clipping path or weaken added contents. So now let's just clipped the added contents. And as you can see, just zoom out. We have this like he bombed inbox around our image. So what we can do right now is that we can move our image just like so you can see that it's still being constrained to our clipping mask or clipping bath just like so. And I can position everything just the way I want, Just like so. However, if you are in up to satisfied with this composition, you maybe don't like the way that the clipping path is clipping this tomatoes here on the top. What we can do is we can still manipulate the size of our of our world image, so I'm simply going to grab it by this by this edge right here. I'm gonna hold on the shift key to constrain the proportion, and I am going to make it just a bit smaller. And maybe I'm gonna make it just a bit similar right here and now I can play around with the position and maybe just a bit, maybe moving a bit down. So now you can see that my tomatoes are not that well, not that clipped anymore. And I still have just zoom in a bit and I said, I have a lot of vegetables on the left and I have my taxed on the right, so everything, everything looks nice. However, if for some reason you need to make a clipping bath just a bit bigger, this is what you can do. If we just click on our clipping path and not try to make it bigger, you can see that we are actually distort in our image, were distorting the whole composition. So what we need to do is we need to click on our on our clipping mask, and now well, this is kind of a awkward work around about it. Well, it works. It works best. So if I just click on added content again and then on clipping, um, clipping path again, I can now change the size of the calypso mask. So will the clipping passed away for And I just go, like up, down, maybe to the right, you can see that I am showing more off my image that has been collect, and I and I am not distorted it. If I just go to the left, you can see that I am making it smaller. So basically what we're doing is we are making them. We are cropping our our image just a bit more so we can play around and with that with the clipping path, just like so. So just remember that if you want to achieve this kind of an effect, just click on your clipping mask, then just click on your ad. It contents the button and then again on the added clipping path, and now you can be sure that you are altering the size of the clipping path. Not even that you are not distort in your image. 5. 4 Typography And Masks: Now let's learn yet another way of using the clipping mask, and this actually will be a preview of your class project. So what I'm gonna do is I want to clip this. Well, I think it's oranges or yeah, I think it's just like grapefruit tickets, oranges and this oranges image. But I want to clip it now What? They just a simple rectangle while an ellipse or even a star or anything like that, And I want to clip it with some taxed. So what I'm gonna do is I'm gonna grab the type tool right here, and I'm simply going to click somewhere here and type in and maybe fruit this time, just like so. I'm gonna make the stacks just a bit bigger and you can see that the front I know it's going like a cliche phone but is going to work nice in this case. So now you might you might be template or might be thinking, in order to clip the image with our tax, we need to turn it into outlines. But the cool thing about illustrator is that you actually don't have to. You can leave it as a life fund and it will serve as a clipping mask. So I'm gonna grand both these guys and this. I'm simply going to press control seven on my keyboard. And, as you can see and the tax, the fruit tax has turned into a clip in clipping path. Now what's great about it is that we still can manipulate not only of that there will the content of the clipping mask, but also the tax itself. So if I just grab that well, if I click on the add content and I simply press as on my keyboard and then enter, I can now maybe scale this guy down, maybe two. Let's save 57% if I want to. I can rotate it just because let me just rotate it just like so if I want to. And, of course, I can still grab the type tool, and I can maybe change to arrange, just like so. However, you can notice that since this taxes a bit bigger than the fruit text way have to change some well, we have to change the size off, down off the image that is, that is inside of the tax. So I'm simply going to click on this added contents. And then I'm gonna make it bigger. So impressing the asking, then on to enter on the keyboard or return. If you're on a Mac, let me just make it significantly bigger. So now you can see that this guy is being, well, that the image is being clipped by our by our tax. So just as a repetition, I'm simply going to type and we gapped. We had fruit orange eso. Maybe now I'm going to type in something like off rush, like so, and you can see that it is still being that it's still serving as a clipping mask. So it thing to remember here is that you can use life fond as a Colapinto as a clipping path, and you can you can clip images images with it to have this kind of a this kind of a funky a fact 6. 5Understanding Opacity Masks: Now that we know how to use the clipping mask inside Illustrator, let's take a look at how to use the opacity mask inside, Illustrator. And if you are familiar with photo shop you probably are familiar with the way and the opacity masks work. So let me just quickly show you how to use opacity masks inside. Illustrator. So first we are going, Teoh will understand the basic concept of opacity Mask inside illustrator. And then we will take a look at some practical uses off the opacity mask. So first, what I'm gonna do is I'm gonna simply create a humble rectangle that is going to look something like that and it can It can be orange. Why not now? In order to work with the opacity of masks inside, illustrator, you need tohave the transparency panel in the open because in here you can actually collect this Make mask, make mask button. If you don't have the transparency in the panel up, just go to the window menu transparency down here and you can always use shift control plus F 10 a shortcut if you want to. So I'm going to select the rectangle and as soon as I click on them make mask option. What would happens? Well, what happens is the whole object disappears. Now this happens because the black color and you can see it in this preview window, black color hides everything and wide color shows everything or parts off the of the of the object. Now, of course, I could move this object around. I could move the rectangle around and noticed that this blue blue square is well, unlike wrapping this preview box right here. So this means that we are actually right now in the drawing mode so we can move this guy around. We could make it smaller. We can make bigger. We can maybe rotated if we want to. But all the time this the whole mask is being applied to our to our rectangle. Now, in order to change some things about it, we need to make sure that we are that we have that we have this box right here. Actives. I'm going to click on it. So if black color of black color heights, white color shows, what we can do is we can grab them the rectangle to show the parts of our over were, well, rectangle. But maybe this that I'm gonna go with their brush toe just like so. And maybe I am going to give it a wide stroke. No, Phil. And maybe I'm gonna make it just a bit bigger to something like that. So we'll remember that. You need to have Well, the that you have to be on. Let's call it like that. You need to be on this this black black square right here. So we need to be in that capacity mask mode, technically speaking. So if I now just simply start throwing around, you can see that I start to show parts off the underlying rectangle. And if I if I make a just a bit bigger and if I now draw around, you can see that we start to see this rectangle and notice that this preview into right here changes. It shows us all these all these spots of white call that we are drawing with our paintbrush . So if I just keep, keep, keep, keep, keep drawing just like that everywhere I can Ultimately, I'm going to show well, almost the whole of the rectangle. So if then to remember here is that the black color hides wide color shows. Now, if you want to release the opacity mask, all you need to do is to simply click release. And as you can see, we got all these pain brushstrokes right here. And of course, we got our underline of their underlying rectangle. So a thing to remember here, black color hides wide color shows in order to create an opacity mask. Just grab a and just Gribbon object. And in the transparency panel, click on the make mask, Make mask bottom. Now, in order to change some things about our opacity mask, you need to have this thing will add it. Opacity, mask, motive on. So if you just click on it now, you can actually play with the opacity mask and change some things about it. So we are going to actually see what we can, what we can do with the opacity mask in the next video. 7. 6How To Use Opacity Masks: in this video, we are going to play around with the opacity mask and see what practical benefits of it we can have. Now, apart from some maybe some reflections, some ornaments, things like that. You can also use opacity masks on images. So I've decided to reuse the image that we used in the clipping mask a part of this class. So what I want to achieve here is I want to Well, first, I wanna have, like, kind of like a fading effect. Right? Here s so what we are. What I'm gonna do is I'm gonna Barack him that the well, the image. Go to the transparency panel and simply click make mask off course, as expected, I cannot see anything right here. So what I want to do, they want to go to my will, clip this ad it opacity mask mode right here and now. What I'm gonna do is I'm gonna grab the rectangle tool and create the Iraq tingle that is going to look something like that and noticed that since our Phyllis set toe orange and well, it's not too well, it's No, it's nor well, it's not black nor white, but It's kind of like I was semi transparent right now so we can see some of our image, but not really. It's kind of like we dropped its opacity, and what we want to do is we want to have a, like, a fading effect. So I'm gonna maybe make sure that it's just a bit smaller, just like so I'm gonna bring this guy to the right. So what I'm gonna do right now is I'm going to apply Grady int on our on our rectangles. I'm going to give it a grade in Phil. I'm gonna collect this button right here and all of us out, and you can see that we are actually getting this fade effect. So we are going from this will full opacity right here to almost no opacity on the right. Because as you can see, another great and slider right here. We're going from white to black. And of course, we can move around with where we can play with our slider in order to have a different effect, just like so. So we are making mawr parts of our image of fade or less parts of the image fate, Of course, we can do if we want to, like, play around with the rapacity mask. We can maybe change the cause of a grating stops. So if you want it to fade from maybe this super dark blue to maybe some latter glue, we're going to achieve some different kinds off of effects. We are ultimately were playing around with the capacity off our of our opacity mask. And we're playing around with the opacity off the underlying image, at least visually. So I'm gonna go back to them to the, well, the traditional Grady ent. I'm gonna make it black And this I'm gonna make it white. Maybe, just like so. Of course, what we also can do is we can add Grady and stops right here, just like so to kind of like can achieve, like a like a glow or maybe, like, a reflection effect right here. And if I just may be making white and maybe add another glow grating stop right here and make it wide as well, just like so and play around with these guys. So now you can see that we were actually created kind of a like a huge reflection here in the middle. And of course, we can play around with this strong with the strength of this, this reflection simply by maybe changing it from black to this start gray. Maybe a darker gray, just like so. So, as you can see, you can do all sorts of the things with the opacity mass. But the general rule and really on Lee and the only religion it understand is that black hides and wide shows and once you understand that you will understand everything about opacity masks inside Illustrator. Now, in the next video, we are going to take a look at the class project that I would love if you if you if you did , and uploaded in the class project section. So let's move on to the next video. 8. 7Class Project: for the class project. Here's what I would like you to do. I would like it to take all the skills that you learned inside this class and create a clipping mask. And I would like you to use your name or your favorite word or the country that you are from as a clipping path. So in my case, I'm gonna just grab the title and type in. Um, no, David, just like that. Of course you can use the funk that you want that you like. I'm going to go where, maybe with a lot of fund and I'm gonna make it. Black is going to be really, really visible. So I'm gonna grab this guy. I'm going to copy it into my clipboard. And you can use, like, the image from this from this class, like the oranges image or the veg vegetables image or an image you want, or any image you'll find on the Internet or one of your favorite images. Your favorite photos and use it as a clip in a clipping will object orbit object. That should be going to be clipping. So, as an example, I'm gonna go wrap these oranges and I'm simply going to grab both these guys and press control seven to create a clipping path. Just like so. However, if you don't have a favorite image, you can use maybe like a flag off the off your country. So in my case, I'm just gonna use the European Union Aflac I'm gonna base back with my name. I'm gonna grab all these guys and simply create a clipping path just like so off course. Remember that you can play around with them with the size or with that with them the dimensions of the rotation of your of your flag or or any other image that you want and to reposition it if you want to. Maybe something like that. I want one that starts to be a bit more visible. There you go. So this would be your class project. Just type in your name or any Well, maybe your favorite word or you're your paths. May your pet's name or your kid name. Well, whatever, Whatever Whatever word you want and then uses a clip in him The clipping path and a clip, an image, all of your choosing. And with that, well, would that word one more thing before we wrap this class up. If you don't like the image that you just shows if you want to quickly change it, here's what you can do if you just click your if you're just click your clipping mask just like that, Goto added content, and you can see this link right here. And if you click on it, just go with real ink. And now you can choose an image that you want. For instance, I'm gonna go with veggies and you can see that illustrator is on the fly changing or exchange in the image that you used with your with your new image with your new image choice. So again, just grampus grab the word that you chose, Goto added. Contents go to the well to the name of this of the file, go to re link, and then just click on the on the image you want, just like so. So if you like this class, please give it a thumbs up and write a few words of recommendation. If you feel like it, it will definitely have other students in discovering this class and in me in creating more classes for you. And it would be great if you submitted your your class project. So as always, have a nice design. My name is David Tyminski.