Learn To Draw This POOL TABLE in Procreate: Tutorial!

In today's video, I'm going to show you how you can make this pretty realistic pool table design using the iPad and Procreate, walk you through every step of the way to create a really believable shallow depth of field. And of course, just like always, it's in real time. So no time lapse, no edits. You want to follow along step by step and draw with me. Keep watching. All right, guys, let's go ahead and draw a pool table scene. And starting out, I'm using a 3000 by 3000 300 dpi canvas for my brush. I'm going to start out using the calligraphy set inside Procreate, the model line to start out with. This is a brush set and a brush that everybody that has Procreate already has. It's pre-installed. We're going to switch over to the brush pen a little bit later. Then eventually I am going to use a custom brush. It's one of my texture brushes, but I'll tell you all about that once we get to it. And for the color palette, once again, I've got this pre-made. So if you want to download the exact same colors that I'm using in today's tutorial, you can download that for free by going to my website, bjdell.com, underneath the YouTube reference materials page, which I will also link that down in the description below. You can find that along with the video at the top, kind of walks you through how to install a palette in Procreate if you've never done it before. So let's go ahead and get started. I'm going to start out using the yellow color here, the first one. And like I said, using that monoline brush to begin with, and I'm just going to draw an oval here, holding down with the Apple pencil and then holding down with my other finger to lock it into a perfect circle. I'm going to drag and drop the color in there. And then using the arrow here to transform, I can kind of move this around, selecting uniform here. I can resize or just kind of move it to get it where I want it to go. So there we go. That's going to be the start of our design. So now I need to get that circle in the center of the other circle. So let's go ahead and slide this one to the left. We're going to select duplicate, and then I'm going to grab a different color here, my color palette. I've got this kind of off-white color here. We'll use that, drag and drop in there, and then once again, back up to our transform, the arrow, shrink this down. This is where the number is going to go inside of here. So once I get that set and I'm happy with it, go ahead and lock it in. Now let's go ahead and add that number. So I'm going to come back up to my color palette, I'm going to switch over to this kind of grayish black color, and I'm going to go up to my wrench icon, to the actions menu, under the add tab, we're going to go to add text, brings up our text here, go ahead and highlight this, flip my keyboard, change that to one, and then I'm going to change my font, so we'll tap on the font here, and let's go ahead and go with impact. I think impact comes pre-installed with Procreate. Don't quote me on that, so if you have it, cool. If not, I can't really keep track of what I've installed and what comes with Procreate, so find something else if not, and we'll grab the arrow again to kind of move this around. I'm going to resize this, kind of get it centered here where I want it, and lock that in. So we're off to a pretty good start, there we go, a pool ball. Now obviously it looks really flat, so this is where we're going to kind of add that three-dimensional quality to it. So let's do this, we're going to come up to our layers menu again, I'm going to come down to layer one with the yellow, and I'm going to make a new layer on top of here, and then I'm going to tap that, and I'm going to set this as clipping mask. So with clipping mask, we can go ahead and paint or color on this layer, and it's only going to show up on the areas that are colored in on this layer underneath it. So if we're out here, nothing shows up, only on this yellow. With that selected then, I'm going to come up here and switch my color, I've got this black color here first, we'll use that to start our shadow. Once again still on the monoline brush, and I'm going to pull in kind of a crescent shape back here with that color, get that shadow in here, drag and drop to fill it in. Now we are going to blend this later, so you don't have to make sure that this is perfect and all the lines are super smooth, it doesn't matter, you can do it sloppy, that's what I'm going to do here. Back up to our color palette then, moving over to the right, we've got this kind of brownish orange, we'll use this, this is going to be kind of the biggest section of the shadow color, throw that in there, maybe even pull it out a little bit more here. Next up, color palette again, we've got this more burnt orange, pull that into here, and that's about as far as I'm going with the shadows. Now we're going to come back up to the color palette again, I've got this kind of brighter yellow here, we're going to pull this around to the front, start that highlight, and then finally coming back up here again, we've got this almost white color here that will hit on the edge, just like that. That's what we're left with, like I said, it looks pretty nasty right now, I even tried to make it really jagged just to illustrate how much this is going to change things. So we're going to go up here to our adjustments menu, and then we're going to go to Gaussian Blur, grab that, putting our Apple Pencil on the screen, we're going to slide this to the right, and you're going to see this is going to start to blend in. As ugly as that looked before, it looks pretty good now. From here, we can go ahead and grab our arrow, if we want to kind of slide this and adjust it, if it's maybe coming in too far, we can pull it back out a little bit. We can also go in here to the layers menu, and selecting N for blend mode, we can bring down the opacity if we want to adjust that too, if it's maybe too dark, we can slide that around to play around with it. So there we go, let's lock it in. That's what we're left with, so you can see now it's starting to have that 3D effect. But we're not done with the highlights yet, so let's go ahead now and add that kind of shine to the ball. So I'm going to make another new layer here, tap that and set that as clipping mask as well. Starting out, we're going to use that off-white color here, and we'll just go in, add a couple of kind of round dots there for oblong ovals, and then we can go ahead, switching over to the white at the very end here, pulling our brush menu up and going to brush pen now. You can also come in here, I'm going to zoom in so you can see this a little bit better, and kind of do some tapered lines around here. They're not coming up though because I did alpha lock this, and of course these are two different ones, so we'll have to do this on another layer. So let's make a new layer here and pull this above, do a little bit there, going to go even further up so we can go on top of this one now, and do a little bit there. All right, so now let's blur this one, go into adjustments, Gaussian blur here, can blur that, and then also we can go back to our layer five here and blur these outer ones. Gaussian blur there, and blurring those, and then pulling back out then, you can see what we're left with. We've got a kind of really realistic looking pool ball. So that's it for number one. We're going to do three total balls, so let's move on to the next one. So for this, if you wanted to go ahead and repeat every single step that we just did, you could. Otherwise, we can also go in and do some duplicating layers to save some time. So that's what I'm going to do for this. So I don't want to duplicate all this up here, I just want to duplicate these two layers, which we can now merge together just by pinching them. Now we can slide this to the left and duplicate that one, then I'm going to come down to the bottom one down here. Once again with the arrow, I'm going to grab that, and I'm going to shrink this down and move it up behind this one. That's going to be further up here in the background, smaller than this one and up there to the side. Now we'll go ahead and make this one the number two ball, and the number two ball is blue, so we need to change the color. So if we go up here to our color palette again, we're going to go to the blue, then when we drag and drop this, we need this on that base yellow color as close as we can get. Now you'll see this fills in perfectly, I'm going to kind of pull in here a little bit closer so you can see. The shadow here is great. We use kind of that orangish brown, and because we have this with the color drop threshold turned up all the way, it makes that shadow match up with the value that we added to that color. If we don't have the color drop threshold turned up all the way, watch what's going to happen. You're going to see it's more of this muddy brown color. So if you're seeing that, it means that it's not turned up all the way. When you drag and drop the color, hold down this blue line up here, make sure it goes all the way to the right, and it's going to fill it in just like you want it to. So now that we've got that, let's go ahead and get the circle in there. Back up to our layers menu, we'll go ahead and slide this one to the left, duplicate that one. We'll pull this down here underneath on top of the blue. Then with my arrow, I'm going to grab and move it, and then of course shrink it down. I don't want it in the exact same spot though, so I'm going to move it just a little bit so it doesn't look like it's the same ball in the same position from front to back there. Shrink this down a little bit more, get it set. All right, there we go. Like I said, this is number two, so we need to add that in. We'll go up to the color palette, switch over to that black gray again. We're going to go back to our wrench, and we're going to go add text. Tap on this, or you can scribble and write it, but I always go to the keyboard. My handwriting's horrible, and most of the time it doesn't take it. So hit two, lock that in, and then of course move it around. Get that set where we want it, and there we go. Now we're ready to go ahead and add those highlights. The reason why I didn't add and copy over the highlights is because I want to change those up from ball to ball just so it looks a little bit more realistic. If the highlights are exactly the same, it just looks super copy and pasted and mechanical. The shadows, not so much, so let's go ahead and do that now. Once again, we'll go ahead and do two separate ones. For this one, set this one as clipping mask here because we're going to kind of hit the outside, and we don't want it to go outside of the shape. The color palette, we need that off-white color, zoom back in here. This one I'm going to hit a little bit more, need to move this down, it's on the wrong one. Clip to that one instead, so clip it to the blue, hit this along the outside here, maybe not as big, pull that back a little bit, and then hit in a couple of circular ones there. Once again, Gaussian blur, slide that so we can get the shine there that we want. Whoops. There we go. I think I might move that circle over though. It's getting really close to that line, and this is one of those things that you can go back and forth with if you notice that the blur is just doing too much, moving your things too close together. It might be a little trial and error, so once again, back to adjustments and Gaussian blur. There we go, that's a little bit better. All right, so we've got that in there. Next up, let's do the inside part. So once again, coming above the two, new layer, white. We're not going to set this as clipping mask because we're not going to go outside of this. Go ahead and get some highlights in here. Once again, back to adjustments and Gaussian blur, and slide that so we've got some highlights in there. I think I'm going to just do one circle there instead of two. All right, there we go. So we've got that one done. Two out of the way. Here now, as we move to the background, of course, the balls get smaller further away from the viewer, but to do this shallow depth of field as we move further away from the viewer, then the balls are also going to blur more. So we're going to go ahead and blur now. So we're going to grab our layers menu again, and I'm just going to go ahead and pinch all these together. So now the blue, number two, it's all on one. Now that it's all on one, we can go ahead and go up to our adjustments menu, go to Gaussian blur again, and slide this one. So I'm thinking about 7% on this one. Looks pretty good. We want it to be blurred, but it's the one behind here, so we don't want too much of a blur. So there we go. Done with that one. Now we're ready for the third and final ball. So once again, back up to our layers menu. If you wanted to make one from scratch, you can, but once again, we're just going to copy and paste, or duplicate. So slide to the left, duplicate, I'm going to grab this one, pull it down to the bottom. Then once again with my arrow, come up here, shrink this down, and I'm going to use this one kind of as a guide. So I want this to be the same size, but since this one's going to be further away now, I want it to be smaller than that. So I started out with the same size, just so I've kind of got a baseline of where to judge it from. So there we go. We've got that one. We'll move it over just a little bit more, and then we need to recolor it. So this one we'll make number three, solid three is red, so we'll drag and drop our color in there. Once again, making sure we're in that utmost yellow section, and then sliding it all the way to the right with the color drop threshold. Now we need the inner circle, so back up to our layers menu, slide this one to the left, duplicate that, drag it down on top of the red, back to the arrow, move this one up and over. Once again, I'm going to kind of use this as a guide, so I'm going to put it on top of the blue right now. So that's the same size there, so if we drop it down a little bit smaller, that's about right there. All right. Ready for the number now, so back up to the color palette, gray, black, actions menu, add text, select this, and number three, then we can go ahead and move this around. Once again, totally up to you how you want to position it. We can make it funky on the side, however you want to do it. You can make it your own here and decide on the position. So we got the three there. Now once again, we're ready to add in some of those extra highlights, so back up to our layers menu, come down to layer one, make a new layer, tap it again to set it as clipping mask, back up to my color palette, back to off-white color, back to my brush, we will go in and get a nice highlight in here. Adjustments layer, or adjustments menu, Gaussian blur again, slide that to the right, there we go, got a nice shine in there, and then once again, highlights in the center. So back up to our layers menu, selecting layer three, we'll make a new layer on top of that, color palette, changing this back to the white, and I think I want to move that three over just a tad bit, it looks a little funky there now that I'm closer into it, let's move that just a little bit before we start. Now with that layer selected, and white selected, go ahead and add in our shine there. Back up to our adjustments, Gaussian blur, sliding to the right, there we go. Alright, so that one's done, now it's time once again to add that depth of field, so we're going to pinch all those together, but the blue, we kind of move that around, so let's get that one out of the way. Pinch those together, now for layer one, red, adjustments, Gaussian blur, I think we used what about seven or eight last time, so I'm going to say probably nine for this one, get it nice and blurred, maybe even ten to bump it up, let's go nine, that looks pretty good. Alright, so there we go. Now all those are on their separate layers, I'm going to go ahead and make the yellow ball its own separate layer by pinching together, and I'm going to blur this one just ever so slightly, it just has a really hard line on the outside, I want this one to be in the foreground so I'm not going to go crazy with it, but maybe just like one or two percent, so going back to adjustments and Gaussian blur, I think two percent looks pretty good, so it takes a little bit of that hard edge off of it. Alright, so we've got the three balls, let's go ahead now and add in the pool table itself, so back up to our layers menu, new layer, drag and drop to the very bottom, back to my color palette, and I'm going to choose this first green color, drag and drop that in there, then I'm going to come back up here to my arrow, I'm going to switch over to free form now, so we'll get that, and let's pull this down to about there, so that's going to be the felt of the table itself, but now we need the rails there in the background, so back up to our layers menu again, I'm going to slide this one to the left and duplicate that one, coming down here to the bottom one then, we're going to grab our color palette, switch to this darker green for the rail, drag and drop, then back up to our arrow again, free form, pull this up for that rail, then finally we need that felt there on the top of the rail, so back up to our layers menu again, I'm going to duplicate this top one, and then we'll drag and drop this one down below to the bottom, grabbing the arrow, we'll pull this one up to about there. Alright now, of course, this is, this rail here is the furthest away from the viewer, this is even behind the three, so it looks really weird right now because it is not blurred, it doesn't have any depth of field to it, so we're going to fix that now, we're going to come back up to our layers menu, we're going to pinch all three of those green ones together, we're going to come up here to our adjustments menu again, gaussian blur, probably about 13-14% to get that really nice and blurred there in the background, and maybe 12, 12 looks pretty good. Alright, so we've got the rail in the background now, from here let's go ahead and get a little bit more in the background up here, I'm going to actually move this down just a tad bit, so back to our arrow here, we'll leave a little bit more room up there for the background. Alright, so from here let's go ahead, layers menu again, new layer, drag and drop this one below, and we're going to go ahead, go to our colors palette again, and we're going to choose black right here, fill that in with black, and then I'm going to grab my color palette again and choose that darker brown that we used in the shadow section, and I'm going to fill in about half, a little bit more than half of that with that brown. Once that's filled in then, we're going to go up to our adjustments menu again, gaussian blur one more time, and just fade that together so it's got a nice transition between those two colors. So that's going to be the background, from here let's go ahead and let's add some lights in the background here on the ceiling, so back up to our layers menu here, let's make a new layer, color palette, let's use that off-white color, I'm going to switch my brush back to monoline now, and we'll just make an oval here for the light, I'm going to grab my arrow to transform this again, shrink it down, get this here in the center, there we go. So there's one light, let's make a second one further in the background, so we're going to duplicate that one, the bottom one then, we'll move this down and back, and then smaller, so it's kind of, it's getting just like the balls, getting smaller as we go back into the distance. Now we can go ahead and blur these, that layer is selected then, we're going to go up to our adjustments menu again, gaussian blur, slide this to, let's go about 12% on that one, and then selecting the other light, adjustments, gaussian blur, we'll go about 9% on that one. So once again, we still have that depth of field back there, working in the background as well, and that's pretty much it for that. Of course now, these balls look like they're kind of just floating out there, we've got some pretty believable 3D effects going on in here, but we need to continue that here on the table itself. So let's add some shadows, to do this, let's go up to our layers menu, I'm going to go ahead now and combine all the background into one, so we've got four layers, balls on each layer, and then the background on another one. From here, let's make a new layer, come back to my color palette again, and let's go ahead and select this dark green color right here, and then once again, just an oval, hold them down to lock it in, drag and drop that, a nice shadow there, but I want to add a little bit more to it, so from here, let's go and choose this black color here, and then I'm going to go ahead and alpha lock this layer. So alpha lock, a little bit different than clipping mask, this allows us to draw on that layer without going outside, we're not on a separate layer, we're still on that same layer. Let's go ahead and draw in a shadow here, and then coming back here, I've also got a darker green here, we'll pull in another green here. Now that that's done, let's go ahead and go up to Gaussian blur, slide that so we've got a nice blur across there, and then we're going to go ahead and go back to our layers again and turn off alpha lock, so we want that off, now we're going to blur the whole thing. So adjustments, Gaussian blur, and blur the whole shadow. Back up here, now that we've got that shadow done, we can use that on these other ones as well, so if we slide this to the left and duplicate that, we can grab this shadow, pull it back here for the two, and then we can also duplicate it again, and pull it back here, oops, I was on the wrong one, let's delete that, let's duplicate this one, and pull that one back for the three here, once again just resizing, and then we can also blur that more too, so adjustments, Gaussian blur again, just blur it more since it's further back there as well. So the shadow and the blur, same kind of technique that we used for that shallow depth of field. Alright, so we've got the shadows in there, last thing we need to do, pool table looks a little bland, this is where I was talking about earlier using one of my custom texture brushes, so we're going to switch over now here to my texture pack that's available for Procreate, I'll link that down in the description as well if you want to check it out, it's available on Gumroad, I've got one in here that's a soft fabric that's going to work fantastic for this, so we're going to use that across here on the felt. Now with this, the felt, same thing as the balls with the shallow depth of field, as you move back it's going to blur more, and with the texture on the felt you're not even really going to see it, so we really only have to do the texture here towards the front, So I'm going to use this third green over here, we're going to make a new layer on top of the background layer, with that soft fabric, maxed out the size there, I'm going to start to add in this texture across here, like I said just more down towards the bottom, and this is really subtle, I'm zoomed out enough here that you're not even going to see it, but as I zoom in here, you can really pick up that texture and see the difference between the non-textured and the textured, so now that we've got that, I'm going to pull a little bit more in over here, I'm going to come back in with this darker green now, and with this you can kind of bring in some more of the texture down here, and also pull in a few more shadows to make this a little bit more believable, and obviously there's going to be other balls here that we can't see that are going to be giving off shadows, there's going to be shadows casted from, you know, overhead lights and stuff in the pool hall, so just bringing in that texture is really going to make it pop and seem a lot more realistic. So there we go, there's the finished design tutorial on making a pretty realistic pool hall design, so hopefully you guys liked today's tutorial, if you did, do me a favor, make sure you give it a thumbs up, subscribe to the channel if you haven't already, and hit that bell for notifications so you can get alerted when I post new videos, also if you guys follow along with any of these tutorials and post your work online, which I encourage you to do if you're on Instagram or Twitter, definitely tag me at BJ Dell so I can check them out, I love seeing what you guys do, also I can be found online at BJDell.com, and that's it for today, so until next time, keep creating.