Illustrator Mask : How To Use Advanced Illustrator Masking Techniques | Dawid Tuminski | Skillshare

Illustrator Mask : How To Use Advanced Illustrator Masking Techniques

Dawid Tuminski, www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (27m)
    • 1. Advanced Masing Techniques in Adobe Illustrator Promo Video

      0:41
    • 2. 1How To Create A Mosaic With A Clipping Mask

      6:10
    • 3. 2How To Put Your Mask in 3D Space

      4:30
    • 4. 3How To Use The Perspective Grid

      4:58
    • 5. 4Masking A Cute Dog

      2:33
    • 6. 5Masking, Typography and Warping

      3:55
    • 7. 6Your Class Project

      4:08

About This Class

This class will answer your questions about creating some more advanced masking techniques in Adobe Illustrator .

In just around 20 minutes you will learn

  • How to create mosaics with multiple objects and clipping masks in Illustrator
  • How to apply 3D effects to your clipping masks
  • and how to apply warping effects to them

You will learn only what’s practical and ready to apply.

The techniques may be advanced, but it doesn't mean they will be difficult to use or learn.

I believe that after this class you will become a true masking expert.

Enroll in the class now and let's begin.

Dawid

I will see you inside.

Transcripts

1. Advanced Masing Techniques in Adobe Illustrator Promo Video: this class will answer your questions about creating so more advanced masking techniques in Adobe Illustrator. In just around 20 minutes, you'll learn how to create mosaics with multiple objects and clipping masks in Illustrator her up like three D facts Tuller, clipping masks and how to apply warping effects through them. You learn only was practical and ready to apply and that techniques may be advanced, but it doesn't mean they will be difficult to use or learn. I believe that after this class will become a true masking expert, so enrolled in the class and let's begin. 2. 1How To Create A Mosaic With A Clipping Mask: In this video, we are going to create a clipping bath using multiple objects for various artistic reasons . You might want to create a masks using multiple objects, and one of them could be creating something like a mosaic off this kind. As you can see, what I have here is the the same image as we just saw just the second ago. This is this image, but it's being clipped by these different different rectangles, different squares. One of them is even rotated to down here. So you might think that it's as easy as simply creating rectangles and then just telling illustrator to use them as a clip in a clipping path. But that's not that easy. It's easy, but not that obvious, less blood like that. So let's create that mosaic of fact. And the goal for this video is you to understand how to create how to think about using multiple objects when you want to use them as s clipping paths. So what I'm gonna do is I'm gonna make sure that I'm on the right layer this layer one right here, and I'm simply going to grab a simple, simple rectangle. It could be squares. It could be stars. That could be ellipses, whatever you want. But I'm just gonna go with simple, a simple rectangle and notice that it has white Phil black stroke. Just so you're gonna see everything better. So I'm just going to simply create different different shapes. Like this may be a bigger one somewhere here, maybe a bigger one down here. Smaller one here and a bigger one here. If you want to rotate them. If you're following along, you can do that as well. I'm just going to quickly maybe move this guy just But here. Ah, maybe create one right here and maybe one long guy somewhere here. Okay, So now you might think that illustrator is well, smart enough that it knows that if you simply now grab him by the way, I'm clicking and holding down the shift key right now, if I grab all these rectangles that have just created So I'm just clicking all these guys. So you find now just shift. Click on the image below my rectangles. It will understand. It will know that we want to use all these rectangles, all these shapes as a clipping path that there is going to clip our image. So let's actually see what we will get. So I'm not gonna use the shortcut for now. I'm just gonna go to the object menu clipping mask, and I'm gonna hit make now. As you can see, Illustrator didn't quite to get what we were trying to achieve. It thought that since, well, it's it's thinking that since our last creation was this rectangle right here that it's supposed to be our clipping path, and that's totally not what you want. So if I just go one want to step back Now, you might be thinking that the easiest work around will be to simply group all these guys. So let's do that. I'm just quickly going to grab 11 of these rectangles so quickly going to go to this select similar objects option right here and from the drop down menu, I'm gonna choose fill color. And as you can see, illusory has selected all these and all these elements that have at the same physical on the white feel color in this case. So what I'm gonna do now is I'm going to go to the object menu. I'm gonna group all these guys because I think that it might be the first thought that might pop into your mind when you want to create a clipping bath using multiple objects inside. Illustrator. So all these guys are grouped right now and I'm gonna shift click on the this background image, and then I'm going to use the control seven shortcut. But as you can see, something strange is happening. We are not getting well the effect that we are looking for. In fact, when you go to the view manual and we hit outline right here, we can see that we do have all these rectangles and we have our image belief them. But the effect is totally not what we were expecting to get. Let me just go back to the preview mode. In fact, if you can even select maybe these rectangles and if I we can even change their their fill color. And as you can see, we are getting totally not what we want it. So I'm gonna go back a few steps. So how do we How do we actually create a clip in the path that computer consists off multiple objects, So it works Well, it works properly. Works as as we expected to. So again, I'm gonna grab one of these rectangles and I'm gonna click Select similar object and what we need to do right here. In order for this effect toe work properly. We need to create a compound path out of these shapes. Compound compound path is like a path that consists off multiple objects that can be separate from each other. But they can also overlap one another. What you need to understand right now is that all we need to do is to grab all these guys, go to the object, Manu, go to the compound path and then go make. Now, what happens now is illustrator is considering that all these guys are 11 will united shape even though they are not touching in at any 110.1 another, we can we can move them around, as as they are One object. So now if I just have this guy selected, and then a shift click on the underlying image and then I go with the control seven to create a clipping mask. You can see that illustrator has actually will create it to this mosaic that we were looking for. So one more time, I'm gonna go go back a few steps, So I'm gonna grab this rectangle, select all the similar objects Goto object my new compound path and notice that has a handy shortcut of control eight, which is very close to the masking. The masking tropical, which is controlled seven. So I'm just going to go ahead and click on on this on this option, and then I'm gonna shift. Click on the underlying image. Go ahead and press control seven to create a clipping mask that is going to look something like this. 3. 2How To Put Your Mask in 3D Space: in this video, we are going to combine created clipping masks and three D effects. So what I'm gonna do right now is I'm gonna grow up the rectangle till I want to keep things as simple as possible. That's what I mean. That's that's why I'm using the simplest tools that I'm simply going to create, erect and goal that is going to look something like this. I'm gonna grab both these guys press control seven. We already know how to create a clipping mask. And what I want to do right now is I wanna put this guy into perspective, so to speak. Maybe before I do that, maybe I'll move this guy to top moving moment. This guy a bit up. Something like that. This should be fine. So I'm gonna grab this guy, and I'm gonna go to the view menu. I'm gonna go to the effect Manu. Sorry. I'm gonna go to three D and then rotate all you guys who have seen in my advanced logo design classes. You probably may anticipate what I'm going to do right here. If you haven't, I highly encourage it. T work those glasses. So let me just quickly explain to you what we are going t o be doing here. Okay? So, thes three access controlled the way our ah, well, our object And this, well, this Cuban, this pretty boxes going to behave. So we can either manipulate these values right here to make our cube move, just like so. Or we can simply move them, move this thing this point, or like so to make it move or this guy like So we could also simply grab this guy by the edge to move it in perspective or in three d just like so And but what we are going to do here with, we want to simply rotate it will horizontally. So what I'm gonna do is I'm going to enter zero for all these guys, and I'm gonna grab this left ad right here, and I'm gonna move it to the right so it looks something like that. I'm gonna hit preview. And as you can see, our mask is Well, it is moving. It is rotating. But that's not really what I what I wanted to look like. Well, we need Teoh taken notice. Is this perspective value to put them simply it will actually allow us to to make our will , Any object that just this clipping mask to look like It's really in three D three d space. Now, the rule of thumb here is that if you enter 100 usually it will look the way it's supposed . Of course you can play around maybe with 90. You can see that it's now like bending. Maybe a bit last from my experience at 100 usually works better than produces the best results. And of course, we can also manipulate this rotation right here. But the perspective is taken. Care off them the fact that it really, really looks like it's rotating in three D space. So I'm gonna leave it at minus 40. That should be fine. I'm just gonna hit, okay. And of course, if you want to weaken, still play around with the mask visiting alive effect. So I can simply go ahead, click re link and maybe get Dad this camera this time. And of course, we can move it around. We can move this guy around, and you can see that it's actually kind of looks like it's moving in three D. This well it's it's kind of mechanical effect, tell you and of course, we're gonna make it smaller or bigger. We can do what? Everyone with it. I'm gonna go ahead and leave it like that. Now what's what's funny and interesting about them? This this way of working with masks is that if you want to, for some purposes, can like a constrain that this this mask and into into your on board we could create another rectangle that is going to look something like that so you can see that it's, um, just changed him. Change its colorist. Let me just change. It's filled. Maybe this yellow color. Why not? You can see that it's not too told her than the art board. So if I just grab both these guys and press control seven again, you can see that we kind of like have a clipping mask inside another clipping mask. So if that's something that you want Tol, I would encourage you to experiment with it. But in most cases, I guess you would be good with this kind of Ah, this kind of an effect. However, if you don't want to use the three D effect from from the effects menu. We could also use the perspective told this guy, this guy right here, the perspective grito. But I think that this is something that we are going to do in the next video. 4. 3How To Use The Perspective Grid: in this video, we're going to take a look at how to use the perspective brittle and clipping masks. So the first thing I'm gonna do is I'm going to initialize the perspective. Great told by clicking this icon right here, I could use the shift, people short cut. So I'm simply going to click on it. And as you can see, we got three different planes here. Let's go to the left plane. The right on the bottom plane right here, there a blue orange and the green ones. So the way this thing works is that if I now create a mega distant and the lips and if I now just create a a shape that's great and lips that is going to look something like that and I'm gonna give it some arbitrary color Just so you concede you can notice that this ellipse is being put him against in this plan and you can see that this plane is active. You can see it here, Here on top. You can see that this blue blue will agile or wool of our cube has been highlighted. So this means that we are We have this plane active Now, let's say that I want to put this guy on another plane for that. I'm gonna I'm gonna grab for the perspective selection tool. Make sure that I'm selecting this thing. This circle. You can see that I can move it around and notice that is that it is changing right now. And if I know press and we'll number two on my keyboard, you can notice that different planes being active, that the green plane, the bottom plane, is now active. And if I know, just move it around, I'm gonna put it to him against them than than the boredom plane like that. So if I just let go of the mouse, you can see that right now it's well, it looks totally, totally different. And if I now just grab this guy again sometimes is a bit clumsy, I got to tell you, and if I now press that the three on my keyboard, you can notice that I'm putting my my will circle against this right plane. This this orange wall right here. So if I now want to use this guy as a clipping path, I can simply go to the file menu place and I'm going to place an image. Maybe maybe this This guy right here. I'm gonna click somewhere here. I'm gonna make it smaller to, let's say I don't know, 60%. Okay, I'm gonna put it somewhere here. Make sure that it's behind my my circles. I'm probably gonna press the control plus left bracket on my keyboard. Now, what I'm gonna do is I'm going to select him this circle. Select the image Press control seven. And you can see that right now my clipping mask is being applied to my to my circle. And of course, if I again grab the perspective selection tool like a numb moved his guy around, if I just can grab it properly, I can move it around just like so. And if I am moving into if I now just press number one on my keyboard, you can see what I'm saying. That I'm dynamically switching to another plane that is going to look. I mean, I'm gonna put to my circle somewhere here, And if I'm happy with the effect I can simply I can simply go back to the perspective grid until I got to make sure that the perspective Grilled too well, Tool is active, so I'm going to click. Click here to close that close that window and there we go. We got our and we got our, well, circle a circle created. But as you can see, since I closed the perspective for grit to right now and we'll I'm not putting my circle in perspective again. I could not play around with it and like like I would with a normal with a normal circle. So if you decide that you still want to use the perspective grid tilt in order to put your mask in in perspective, all you gotta do is you have to make well, the perspective brittle, active again. Then make sure that the perspective selection tool is active. Then grab your object and try to cry. Try to grab properly, and now you can. You can move your object around in order to put it on your perspective, plain and, of course, again, if we just if we just press number three on our keyboard, we're going to put it on this orange plane like so. And of course, if we grab it and then and then move it and Then let me just grab properly again and then press. This is the number two on our keyboard. We're going to put it on our bottom bottom plane like so Now the perspective grid Till is a well, pretty tricky told to learn. And in the in the every illustrated to explain, I'm going to have a different video on Just a perspective. Great tool. So this little video is for you to kind of like, get your feet wet. Kind of like to start understanding how to create objects in perspective. Insider illustrator in conjunction with that with the clipping masks. So in the next video, we're going to take a look at how toe use that. The clipping masks there with the three D effects again and warping effects there with the type toe, so stay tuned. 5. 4Masking A Cute Dog: in this video, we're going to take a look at combining masking with type with a three D effect. So as you can see, I got this text right here. This text is written with a lot of black fondre's just so you can see everything. Batter, It's constantly going toe place a an image. Maybe this time this dog image, why not? I'm gonna make it significantly will be not Not that small. 50% should dio I'm gonna put it somewhere here. And of course, I'm going to make sure that it's a unique my tax and we all know you already know the drill . So I'm gonna select both these guys and simply create a mask. May present control seven on my keyboard, just like so Now what we can do with this, if you want to add a three d effect, is we simply can go to the effect menu again, go to three D rotate and use all those all those options as that we used in the first video . So I'm simply going to make told these guys zero just like so make said perspective to 100 and then just move this guy around to Maybe I don't know. Maybe this time Maybe this in 30% or three degrees and I'm gonna hit. OK, and as you can see, it was change this the stacks. It's now being displayed in perspective. And, of course, if I want to, I can still a an inevitable taxed cipher. Just, um, something like cute dog. You can see that illustrator is dynamically applying all these effects to our mass. So it's applying that both the text and its its rotation in three D space. And, of course, it's a sin still creditable effect weaken. Select it. Go to the appearance menu, Click this a three D rotate option. And if you want to, you can change a rotation of further and more. So if I want to maybe put it like that just because I can I can put it Teoh. Maybe make it to look something like So it's really up to your creativity, what you want to do with it. You actually you ask for these options for these transformations, so I am delivering you them eso you can. You can manipulate them the text and the mask with with a three D effect just like so. So all you really need to do is to just like with the our first video, just select the text, apply the mask, and then simply use the effect a three D and the rotate rotate to your taxed. 6. 5Masking, Typography and Warping: now to this cute dog text I can apply in, well yet another well transformation technique or option, which is called Warp in. So I'm simply going to collect on this attacks right here and again. I'm going to go to the to the effect menu and I'm gonna goto work at any here. You can see the whole list of warping technique that we can apply to our object or our masked taxed er in this case. So I'm simply going to choose Arc like so. And you can see that that our transformation is being dynamically applied to our tax. So it's applying eso well, it's affecting our mask. And since it is doing that, you can see that this this edge and this edge right here. So the left and the right touch has been clipped. The mask is not big enough to fit properly inside our our text. So of course, if you want to play around with all these various styles here, well, you can You can of course, go. Maybe maybe with Let's go with the flag. Why not? So I guess this option would be cool if you had, like, maybe your name written your congress flag in it and you want to apply the flag effect right here So you can do that. You can, of course, a change its orientation from horizontal to vertical If you want to. To achieve this kind of an effect, I'm gonna go to go back to horizontal. You can play with the band if you want to. To make to make the flag wave just a bit differently, just like so. And you can play around the distortion, the horizontal distortion. If you want Teoh with the vertical distortion, just like so So you can achieve lots and lots and lots of different effects. And with these kind of kinds of effects, it's really hit and miss. It really is only up to you, which, which one you'll like with which affect you are going. You are going for which which artistic effect you want to achieve. So a rule of thumb here it won't apply a warping a affect to your to your well object or text. In our case, well, it is a tax. All you need to do is to select the text, go to the effect menu work, and it doesn't matter which one you apply first. Well, I mean, we could go with the bulge because you can always change change in style right here. So if I If I'm gonna go with both, I'm gonna create the bolt even bigger. Maybe like so, and I think I'm gonna leave it like that. It looks it kind of looks, well, cute as as our dog. So there you go. This is how you can apply them and the warp in techniques toe to life fund. And, of course, if you want to change the text, all you need to do to select it and maybe type in my me my at this time. And as you can see, all these techniques are being dynamically applied, applied to your to your mask. Now, what's great, but also heavy on your on your CPU on your processor and RAM is adding yet another effect too well to the effect that you already have. So, in this case, if you want to have this kind of effect applied to your to your text and you wanna play a three d effect to it off course you can. I'm gonna go to three d rotate, but it can be really, really stressful on your computer. So if your computer is not too not too powerful, let's put it like that. You can encounter some some problems. Your your computer may freeze, but technically it is. Well, it is what you can do it. So if I'm just gonna hit toe preview right here, you can see that it. Well, this fact is being a dynamically applied to our to our text. So right now, if I just go to the appearance, pal, we got the warp in technique. What weapon transformation applied to our text and a three D rotate applied to our text. 7. 6Your Class Project: As for the class project, it will be a variation off the class project and that I asked you to create in the previous class in the basic masking the class. So all you need to do is to type in your name or your pets name or your country's name or your city's name. Whatever word you want, whatever which ever word is closest to you. So type that in, then just place your favorite image. So just just just as an example, I am going to place maybe this landscape right here, and I'm going to make it just a bit smaller, just like so. Of course I am going to put it behind my text, select both these guys created clipping mask, and now what I would like it to do is I would like it to add an effect to it. So if you want to put your tax in perspective, I'm gonna maybe make it just a bit bigger. And maybe I'm going to make, um, I'm going to make a landscape just a bit smaller, just like so. So if you want to apply a three d effect to your text, just go ahead and select a select your tax to go to effect. I'm just gonna hit to this time. Maybe. Maybe. Let's let's see the whole process. I'm going to go to the three D Rotate again. I'm going. Teoh, enter zero right here. It preview. I'm gonna enter 100 foot perspective and move this guy maybe to the left, just like so and hit. Ok, so this could be, well, one variation off the project if you want to go for a three d effect just so you can do it just like that. And if you want to apply a warping math at a warping technique to your to your taxed well, just go ahead. Just grab your text, go to the effect menu warp and choose. Uh, I liked the balls. I'm gonna go with the bulge. Why not? And I'm gonna make it 100. Why not? I'm gonna make it 100 death looks. That looks well, Khalek. Look, that that looks prominent. So there you go. As a class project, just type in your name, create a mask using it to with a with your favorite photo, and then add a specific specific effect to it. Whether it's a three d effect. Or maybe you want to create a mosaic as we did in the previous video, you want to use well the letters of your name and create a mask out of it. And actually, I think that we could to maybe take a look how at how this it how that specifically would look so I would just grab my taxed. I want to turn this off. I want to actually delete it. Also, oblique the rotation. And I think I'm going to separate all these guys just like so. So I would grab the taxed, weaken right click on it and choose create outlines on, um, I could go with the command clicker on your own. Your text. I'm going toe one group all these guys because they're a group and then we can maybe, like, moved its got here. This guy here, this guy here, this guy here and this guy here. Then I would grab all these guys and then just go ahead and critique compound path out of them, just like so and then grab all of these guys and just just not control eight control seven and create a mass that would look something something like that. So which ever technique you choose that's really up to you. But what I would like it to do is to grab your name your pets than your favorite word and then your favorite photo create a mask and then add a specific technique to it. Do you know whether it is a three D warp or this compound path technique? No, that's up to you. But I would like it to create a mask and then uploaded to the class project section. So I really hope him and that you like the class that you learned a thing or two. If you like the class, place and please well rated, give it a thumbs up and submit your class project cause it really helps. Well, it helps other students in finding this class, and it helps me. It supports me to put to put it simply so again, I really hope you enjoy the class and I will see you in the next one