How to use a Clipping Mask for lettering in Procreate

hello everybody this is a procreate lettering tutorial um i haven't done one in a while had a lot of people enjoyed the video that i did about how to put a photo into your lettering projects and so i decided to do something a little different it's kind of similar it creates a lot of the same kind of effect but this is using a clipping mask to um to actually kind of paint uh with a photo so what we're going to do is we'll just jump right in i just opened up a regular document to canvas you know created a canvas to do this art on and i usually like to go with kind of high res so this is four thousand by four thousand pretty big but then it makes the edges not quite so jaggy and the image that you create you know is pretty good size it's but it's you know it's about the size of a regular high-res photo when you're all done okay so anyway here we are with our blank paper we need to pick a picture so i'm going to go over here to the little wrench and go to the add part here and it shows that i can insert a photo okay so i'm going to select that i want to insert a photo uh i need to find some kind of a photo that would be you know maybe look good inside the letters and so what i've done is in my my uh albums i created an album called backgrounds and in the backgrounds i've got lots of different things that i can choose from i use these for uh you know different projects and stuff and i keep adding to this all the time when i come up with something that's interesting so i think maybe what we'll do is uh for this tutorial i am going to pick uh this photo that i did here this is uh this is just done in oceanside and it's using the hipstomatic camera app to put all the crazy colors in it and stuff and i kind of like it so we're just going to make that our background thing i'm going to stretch this out so it goes all the way to the edge of the image that'll do shrink it down just a little bit oh i need to make it a little taller on top so uh instead of being uniform i'm going to free form it i'm just going to stretch it make it fit get all the white off the edges just like that okay then i'm going to go into the layers and i'm going to put i'm going to add a new layer underneath now the the layer underneath this photo is actually what i'm going to do the lettering on so add a layer i'm going to move it down here underneath the photo layer can you all see that so under the photo layer and then on that photo layer i'm going to tap it and i'm going to set clipping mask now disappears but it's not actually gone because what happens is when you write on the layer below it it reveals whatever the photo was through the mask okay so i'm gonna go back over here to to this layer i need to pick a pen to write with i've got a file here that i put a lot of my favorite pens in and i'm just going to pick one let's see um yeah i think i like this uh folded soft middle that's what i'm gonna work with okay now at this point i can just take that take that pen right there and just start drawing and then the the photo that's actually above it will start to show through with the strokes looks like this okay so um now i have the the image behind is coming through um and you can see all of the detail of it there here's the reflection in the water here's the sunset and and then the filtered colors that are up at the top um i have the opportunity to do a lot of manipulating with this which is actually kind of a cool thing you can do it live seeing the actual colors this works differently than when we were placing the the photo inside the the lettering so it goes like this so i'm going to go over here to my layers again and i'm going to select the this layer that i have the writing on i can hit this button over here to select the whole thing and now i have the ability to shrink it from side to side or up and down and i don't know if you can tell by looking at this but as i do this you're seeing different parts of the background but the background is not moving okay so i'm going to put my put my image right in the center of the canvas and then i i've decided that maybe i don't like this light part right in here um placed where it is maybe if it was a little higher in the image would be better so then i can go over here to the to the layer that has the photo on it and do the same thing i can i can select that that photo and now i'm moving the photo behind the letters see that okay i kind of like the way that the the letters go through the middle of clipping the word clipping and i kind of like how there's a little bit of this pier the lights on the pier and the distance are kind of showing through so i'm going to set this up in such a way that i have the horizon and the sunset and the lights on the pier and the detail in the water down here and i'm going to call it good i say i like the way that that works and um for the sake of conversation let's try a couple of other things because you can do a lot of manipulating with these colors here in the background so um i'm going to go ahead and save well not save but i'm going to duplicate this layer that has the photo in it and so now i've got two layers with the photo in it and i'm going to turn off the one that i just worked on and now we're going to look at this other one over here and because maybe the project that i'm doing i don't really want to see the details of the photo but i like the general colors in the palette of the photo so there's a lot of ways that you can manipulate the the photo so that you can you know kind of wash out some of the details you can liquefy it and swirl it all around as if it was you know just ink floating in the top of a water bucket and you mix it with a stick it's pretty cool but let's let's try just blurring it out so that the details kind of go away i'm gonna go over here to uh this button i'm sorry i don't know what the name of this is but it's like the little magic wand with the stars i'm gonna touch on that that allows me to um adjust different things okay so we're going to call it the adjustment button sorry procreate go down here to gaussian blur one of my favorite things i'm going to blur the whole layer and as you drag your pen across the screen it adds more blur to that photo image so look just inside these letters here coming across it's blurring you see that i can bring it all the way out here and it blurs to the point that it's just colors there's no details in there at all or i can move it back but whatever you choose you can't really go back and fix it once you close this this part of the app so for the sake of conversation i'm going to say that i like this and then i'm going to um get out of that button and now my background photo is just kind of turned into this cool blur all right and then if you've messed with any of the photo stuff before you can do other things you could um you can swirl it you can uh well let's just do it so here we go here's our blur and then i'm going to go over here again to the adjustments and i'm going to go to a thing called liquify where did it go it's down here liquify i like the button that says push this is kind of literally as if this was floating in the top of a little water tub and my my apple pencil is like a stick going through the water and as i move with it you see this just kind of mis mixes the colors all around and does weird things with it and so you can actually kind of start to create some neat things bring up a little highlight there on the bottom bring in some more darkness on the top and that actually turned out pretty cool i might keep that okay so now i've messed around with that let's say that i decide that i hate it well you just hit the reset button it goes right back to where it was before and then you can do it again so let's see we're gonna squash it down here and put that across maybe bring in some other color here on this kind of create a little swirl and this is kind of addicting you can do this for a long time okay well now i've decided i like that so i'm going to call that good i'm going to get out of here and we're back to our original lettering project again now it's got different kind of color thing i still have the ability because this layer here with the with this painting showing through it with the photo that i've messed around with now showing through it this can be duplicated this can be um you can um well here i'll just show you you can duplicate this part here the where the actual lettering is and it makes it darker makes the colors more vibrant or i can go through and i can i can put the alpha lock on it on this new one that's down below and go to my color palette pick a black and fill that okay so now there's black behind my letters um and and with the black i can make a drop shadow like i like to do so i'm going to get out of here out of the layers i'm going to go over here to the select and now i'm going to pull the black layer down i want you to notice you see how what's going on with this black layer here i can pull the black layer down just a little bit and to the right of my other lettering and now i have this little shadow thing well it's kind of edgy kind of strong here let me um i'll get out of this so that you can see if i zoom way in on it it's not really the effect i'm going for it's kind of um well it just looks like like two versions of the drawing stacked on top of each other it doesn't really actually look like a shadow but we can make it look more like a shadow if i blur the black so go back over here to the layers and the thing that you need to know about the you know when you have the alpha lock on is that when you try to blur an image that has the alcohol the the alpha lock on it won't blur it just stays the same so you have to take that off first and so now it's just black on the paper i'm going to go over here to my adjustments thing again going to go to that gaussian blur the whole layer and now drag across and i want you to just notice what's happening with the shadow see how the shadow gets like really gray and then it gets dark and then all the way back to where we started and so i'm going to pick a point where i like it right about there that's my let's my um letters look like they're kind of sitting up above the page just a little bit can you see that effect the shadow here and looks pretty good going to come back out again and um got a problem with this part down here this is just really dark the this this part of it just kind of kind of lost some of the vibrance because of the black that's behind so what i'm going to do is i'm going to create another layer here in in behind actually there's one that's already here but i'm going to to create a new layer here duplicate this one and alpha lock it again but this time i'm going to make it white and the white layer will most likely um bring back more of the the detail and the coloring here because it doesn't have the black that's uh kind of muddying things up so it's gonna it'll be like it'll be like this original lettering is back onto the to the way the plain white background with no black shadow okay so we're gonna turn that white pick the white color here and we want to fill that layer with the white now i don't know if you noticed that but look here how the detail came back in these letters so i'm going to turn it off so you can see it black and then there it is with the white layer there it is black and white okay we like that white it just kind of helps everything sort of be a little bit more vibrant all right so now options that are available you can you can go crazy with all kinds of stuff you could have you can have a different photo putting the color into the letters on all the different things that you're doing you can still change the backgrounds you could put another photo in the background um you could put the original photo back in the background you want to see what that looks like this is kind of interesting too we'll take this one here this top one that remember i duplicated the photo the original photo when i placed it so i'm going to take this photo here i'm going gonna go up here and turn the clipping mask off so now it's just a photo and i'm gonna put the photo down here in the background of my letters and turn it on and there we are look at that that's kind of cool um and i don't know if i like it so i'm going to turn it off again so cool because nothing ever really goes away uh no matter how bad you mess up you can always use your back button here and go back to where you were before uh it's really hard to do when you actually have you know all kinds of messy paints and brushes and everything like that on a real canvas um when you mess up sometimes you're just done gotta start over but with this one here you know you can always go back which is pretty cool makes learning really quick and fast so anyway let me review um finish this thing up we're using the clipping mask to put a color into the lettering that you write and what you start with is a photo you on the photo you click the clipping mask button and and it won't actually this this won't be here unless there's a layer underneath so i should go back and say start with the photo put a new layer under the photo and then go back up to the photo again hit the clipping mask and then it becomes it it it disappears but when you start to write then it will come back again wherever you're writing then once it's in place you can manipulate the photo however you want you can manipulate the lettering however you want and you have a lot of control to do a lot of really fun things all right one last thing now that i'm looking at this here i'm just not happy with how dark the shadow is compared to these other letters so i'm just going to go over here kind of a quickie i'm going to lower the opacity of my shadow so that my shadow becomes lighter and it allows kind of the subtlety of the lettering to be accentuated just a bit more and so there we are clipping mask hope you had a good time with that

Channel: Doug Knechtel Art

Views: 3,011

Keywords:

Id: aWiVYg992nk

Length: 19min 57sec (1197 seconds)

Published: Sun Nov 01 2020