Procreate - Create beautiful flat art with the Selection Tool | Avraham Nacher | Skillshare

Playback Speed


1.0x


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

Procreate - Create beautiful flat art with the Selection Tool

teacher avatar Avraham Nacher, Artist & Photographer

Watch this class and thousands more

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

Watch this class and thousands more

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

Lessons in This Class

    • 1.

      Learn How to Draw with the Selelction Tool

      0:50

    • 2.

      Intro to selection tool - Part 1

      2:01

    • 3.

      Intro to selection tool - Part 2

      4:05

    • 4.

      African Daisies

      11:25

    • 5.

      Puffin: Sketching

      5:31

    • 6.

      Puffin: Coloring

      8:46

    • 7.

      Puffin: Background

      4:06

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

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

85

Students

--

Projects

About This Class

Procreate has so many amazing brushes to help you create your art. But did you know you could draw using the selection tool? In this class I will show you how we can create a cute puffin bird in a flat art style using only the selection tool!

This class first introduces you to various ways you can use the selection tool as a method of drawing. Then I take you step by step through the process of creating a rough sketch and then using the selection tool as the primary way of adding color to you artwork.

You can follow along with me, but you can also take the skills learned in this class to create a drawing of a different subject.

For this class you will need the Procreate app, and I highly recommend the Apple Pencil for best results with this technique.

It is geared towards beginners, but this class can help all skill levels learn a new drawing technique.

Meet Your Teacher

Teacher Profile Image

Avraham Nacher

Artist & Photographer

Teacher

Hey there, my name is Avraham.

I love being able to teach others with what I've learned in my art journey and love to connect with fellow artisans.

In my classes, I clearly explain how to achieve the results you are looking for, and break it down into easily digestible units. I also provide plenty of (optional) mini-homework assignments so you can practice what you've learned.

See full profile

Level: Beginner

Class Ratings

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

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Learn How to Draw with the Selelction Tool: Hi there and welcome to this Skillshare course. My name is Avraham and I'm a professional illustrator. In Procreate, there are so many amazing brushes you can use to create your beautiful pieces of artwork. I'm sure you've tried to quit a few in this course. I wanted to tell you about a different tool you can use to also make your art. And that's called the Selection Tool. You heard me. The selection tool. It's actually a very powerful tool to create art. I didn't this course together, we're going to create this cute hummingbird using the silicon tool as our only brush. That's right. So it's actually a very simple technique. And going through the steps by steps with me. In this course, we'll see that we can create a beautiful puff and bird with only one tool. We get started. Let's get going. 2. Intro to selection tool - Part 1: As an introduction to how to use the selection tool, Let's start off with a simple Canvas. It doesn't matter the size. I'm gonna use 2048 by 2048 and pick any color you want. Here we'll pick a nice red. Now we're going to do selection tool. Now in the bottom you'll notice a few different options. Automatic freehand, rectangle, ellipse. But we're gonna do is use freehand. But let me first show you how to, what happens with our rectangle, which means we will be selecting in a rectangular shape and add color film. So what happens now is as I draw and I felt like over shape, it's going to fill with that color. Okay. As long as it's highlighted like it isn't a cat now and I decided to change the color. I can change the color to whatever. Clicking on the selection tool again, we'll finalize that and now we can draw another one. Over here. It looks the same, but since it's the highlight area, I can now go and click here and change the color. Just like that. That's a really easy way to build up shapes. Instead of the rectangular one. We go with ellipse. The same thing. I notice that the ellipse, it doesn't, one thing, it doesn't give you the opportunity to do perfect shapes, unlike the assisted drawing. But if I fill in here, it'll make ellipse shapes. We're going to do though is use freehand. Do free-hand. We can do similar idea. This. If I let go though, it's still waiting for me to continue to shape. If I click where the gray circle is, build complete the shape. Another thing I can do is I can actually just hit points and I'll make straight lines between them. I can do curvy shapes and then straight and then finish it off like that. Alright, so that's the basic idea of selection tool. Now, let's go and make our first picture. 3. Intro to selection tool - Part 2: For our first drawing, Let's do something simple. We can do an ice cream cone. Let's do that by, let's clear this layer. And let's take a darker color. Start off with, let's take a color. It's more like an ice cream cone base. We're gonna do freehand. We're going to start with our cone. So I'm making it here a little bit wobbly. If you wanted, like I showed before, you can actually just do straight lines. If you want a very triangular, very straight shape. This would be a very steep ice cream cone. I'm going to do one that is more, a little bit wobbly. Just hand-drawn. He is super wildly. And then finish off here like that. That's gonna be our cone new layer. Let's make our first ice cream scoop. What cloud will make it? Let's go with cherry colored, that new layer. And now here I'm going to draw, let's make this blue. Let's bring down the opacity so I can see a little more. What I'm doing is I'm drawing the selection tool, selection tool. I'm going to first word sort of dripping down, then the circle top on top and connect it. And here we are. That's our first ice cream scoop. If I want to add in a little bit here, like I see this area here, it needs a little more so I can just go in and edit like this. Next scoop. Let's go with a in color about that. I want this on a new layer. I'm gonna reduce this opacity so I can see it a little bit with tetany here. We're going to do selection tool here. Like that. Little area, so it's a little straighter. Now since on different layers I could really move it around if I wanted to, whatever. Okay, let's bring all the capacities back up. Capacity. Now I want to show you something really cool. We turn the color fill off, we can still use the selection tool, do another type of drawing. What we're going to do for that is we're going to merge all these layers together. We're going to Selection Tool. And now we're going to draw it in. We're going to do shading, okay, so we're going to take our selection tool and draw in where we think the shadows are going to be like this. I've selected this area. It's all selected. You can see how the air is selected is not shaped. While it's still selected, I go to the adjustments and curves. And here I can make sure I'm on adjust everything. And then where the curves, and you'll see they'll add in nicely a shadow effect on everything. This way you can add shadows. Now what actually, since I like to do now is I can actually take this darker, darker brown color, select it, and we come to Newton color and go back to selection tool, freehand and color fill. And now we fling with the same color I just use as my shadow I created. I can outline here that a little bit more shadows to the underside of this ice cream. This one isn't so smooth here. Listen here. Here we are. We haven't realized. I screen that we did. Now we've got that down. Let's go to our picture is a little bit more involved during a puffing. 4. African Daisies: For something a little bit more complicated, using the selection tools are drawing tool. We're going to create these African daisies. To do that, we're gonna create a new canvas. I'm going to go with a canvas that is 3 thousand by 3 thousand pixels. To do that, I'm going to go and change the camera size to 3 thousand by 3 thousand pixels. And the first thing we're going to do is create a rough sketch. So to do that we're going to pick black color and then under the sketching brushes will take the six B pencil, but it really doesn't matter so much. Just send me you can draw with that you feel comfortable doing. Here. I'm going to first create the petals. Then the little leaves that are beneath the petals. Some stems. And let's add in another daisy as well. But this time it will be a bud, will be of course, a lot smaller. And we'll add in the leaves and petals and some stems. A little bit bigger. Because I want to add in some leaves on the stems. Few of those. Now that we have our basic sketch tone, I'm going to reduce the opacity of it somewhere around 50% and create a new layer. And on this new layer, we're going to do our actual drug. We're going to make sure that the selection tool, which is a freehand option and color fill is on. And we'll go for our first color for the African daisy petals. And we're going to choose something in the purplish range. Now we're just going to go over the sketch lines we drew with our selection tool as our drawing implement. When we've finished, includes up the shape by clicking on the circle. I will just zoom in and fill in some spots. Now we're going to go and create another layer, and that layer is going to be brighter pedals, the sun is going to be hitting them more. And again, using our selection tool, we're going to draw more petals. These will be slightly smaller in size because there'll be a little bit further away. Connect them and connect the shape. And we'll see that we have this beautiful two layers of flowers. Now, going back to the first layer, I want to add in a little bit of shading. So using that technique I showed before, we're going to turn off color shelf because we're not filling with in color at this point. I'm just going to make thin those strips representing where the shadows are going to be. After that equity adjustments. And the curves will bring the curve down, which will darken all the areas that are selected. Now let's go back to the lower layer, the brighter ones, brighter petals. And using Selection tool, we're going to go and mark off where are those going to have some extra shadows this time, but little strips of light mark those off. Go again to the curves. In this time raised the curve. So it'll be brighter. But also the back to adjustments and go to hue saturation and brightness to make them brighter. Also take the saturation down to make them a little bit more on the white side. Now that we have the flower will merge those layers together. Now we can go and add in petals. I'll make a layer for the petals and choose a green color, dark green on the color fill and start drawing in the petals based on, based on our sketch. You are sharper edges. Fill the shape. Here it looks like this time it closed nicely, but I realize it has to be above the flat panels. You can see them. Just adding the base of the leaves over there. Again, we're going to add in some more shadowy shapes. These will be yellow, mustard, yellow color. That looks really good. Let's merge those together. Now. We can repeat the same with the, with the flower bud. So we can use the same colors as before. And draw in based on our sketch, the button. We'll start with the flower petals. I'm not following the sketch as exactly here, but I think this works out well. Now we're going to go and create another layer. And that layer is going to be brighter petals. Now that we've finished the flower, Let's go and do the leaves. They're just below the flower. Green color again. Selection tool, we're going to draw the leaves. An extra spot over there. Add in a little part where the flower with the leaves connect with the stem. Now we can go and padding the yellow color and add a little bit more variety to the leaves here. Sometimes if you press one dot, then the suction tools let you continue drawing. So in that case, just turn off my selection and reset it and turned back on. And then you can start drawing again. Have all that. Let's put all those layers together. But I didn't just a little bit more. Yellow on this side. The larger flower. Now it's time to add some stems for these flowers. I knew there. And go to a color that's a little more on the darker purple color. Using our sketch as a reference, we're going to go and add in the stems. Wasn't, I didn't really follow that. Well, let's go in, thinking up a little bit. Now for the bud, give it a stem. A little more careful to have a good thickness. Here's one thing we could do also is that you can use the selection tool not only as a brush, as an eraser. To do that, you would use, you would select what you want to delete, fill in the shape, and then pull down with three fingers to reveal the a menu option and select cut. And that will remove the area that you selected. Now we have our stems from all that together. We're going to add in now some larger leaves for the stems. I'll pick a green color back to selection tool and this time color fill because we're not erasing, be trying. And we're going to draw a few leaves. These leaves are on top of the stems. The layer is a layer above the stems. Now we're going to go and add a few more leaves that are on the far side of the stem. So we'll make a layer that is beneath the stems. Now that we have that, I think we can merge all of these layers together. And the last thing that we really need to do now is create background. For this. We'll choose a different green for selection tool this time we're going to go with ellipses because I want the background to be very organic feeling, not hard edges. And I could use a free hand, but we'll just make these little circles here. Remember what I said before? As long as the selection tool is still active, you can go in and change the color for all of these selected items. Here, I'm going to make it just a little bit lighter and yellower, so it doesn't conflict with the green of the flower petals. Now let's pick another color in the Green family for variation. And add those as more circles to fill in the gaps for our background. This one here actually is too similar in color to the leaves on the stem. And if I change the color of that one, Let's change the color of all these circles. So I'll just undo that last circle. We'll put that color more on this side. Now, this could be our background and we want to do is to blur it out. So go to our adjustments, gaussian blur, and increase the blur until it looks like a nice blurred background. In this case, it looks like I'm going around 38% looks good here. And that's looking really good. Since the rest of flour has so much variation of colors and we'll say texture. The leaves look a little bit on the bare side. And so let's go and fix that up. Losing other trigger mentioned before, Let's first go and select the layer that has the flower on it. And we're going to make it into a clipping mask by swiping two fingers to the right. That means that anything we're going to do now will only affect what's on existing on the layer. Going back to our selection tool and freehand option. And we're going to outline just the smallest sliver of each leaf. The area that we want to make. Add a touch of a shadow to it. I'm going to run each leaf very carefully. On this side, we'll have the shadow on the other side of the leaf. Now, go back to the adjustments and curves and we're going to lower the color a little bit. Not I did a nice shadow leaves. There you have it. Using the selection tool as the only quote unquote brush to make these African daisies. 5. Puffin: Sketching: So the first thing we're going to do is create a new canvas. We do that by clicking on the plus button and select our camera size. I happen to like a canvas size of four thousand, five thousand pixels, which just gives me more resolution for if I want to print it later. On our new canvas, Let's start by choosing a dark color from our color picker. And for our brush, we go this sketching brush set and choose the fixed fee pencil. I'm using about 10% for its size. It really doesn't matter so much, just something you feel comfortable using to make some preliminary sketches. Before I finalize our actual picture. First thing we can do is draw our head for a Puffin burden, where the small circle added neck area, then a larger oval shape for its body. Whereas just roughing out the shapes here because we want to get an idea of where everything is. And then once we're happy with it, will go through with stronger pen and actually make final decisions. If you don't want to do a buffer and you can do any other drawing you like. The technique will be relatively the same. Looking around now, I want to refine the shape a little bit. I realized by his not exactly an oval. Got a little bit more of an angle to the main part of the breast area, the ankles down towards legs. I want to also refine the leg shaped a little bit to give it a little bit more of a feathery field because the lines around the legs aren't exactly uniform. Going to go over the webbed feet again to give it a little bit more definition. Then again, under the body of the Puffin, it's got more of a feathery feel. So we'll go and add that in and give a little bit more definition to some of the feathers in the back of the Puffin. We don't have to put in so many details because the style that we're using here is a little bit more of a minimalist style, so we don't have to put so many details to make it that realistic. But we want to make sure that it has captured the essence of what a Puffin looks like. Let's go work on the legs some more Add-ins, a little more of the feathers. I think that looks pretty good for the bottom of the puff in notes. Go back up to the head, refine that a little bit more as well. No neck which I originally drew more of. A rectangle, really connects with the body. More smooth, gentle curves. So let's put that in and let's give them also our puffer and I think needs a beak. That's a little bit like a triangle shape. The top part is a gentle curve and the bottom, bottom probably is because a little bit of a waviness world define also where the beak connects into the head of the Buffett. Next thing. Puffin seemed to have this very characteristic line going across their head and going towards the eye area. And so we'll draw that in. And of course the eye around the eye, that black area seems to extend on top and bottom. So we'll we'll mark off that errors. Do we have it for later? Just going around and giving it a little more definition, looks a little bit like a triangle around the eye, seemingly. Now, I also realized that the puffins head is not exactly a circle. It's a little more flat towards the top. So let me go narrow down the top of the puffins had a little bit, give it a little bit more of angles. So it looks a little more realistic. Coming around again to the beak where I'm going to give a little bit more pressure. And I'll finalize little bit more where the beak connects by giving it more darker lines. Then I notice here there's a type of writer's circle, the area at the bottom beak. So let's mark off where that's gonna be. On the hand or the main defining area I think is where the black feathers start to appear on the Puffin. So let's draw that in as well. Just following the contour shapes of the Puffin head. And as it gets to the front side of the Puffin, occurs down just a little bit as it gets to the front side. And now let's redefine how it connects to the beak. Pull it in a few more lines here. And now that that side of the beak part is done, let's just refine it a little bit. How the yellowy patch here connects to the beak. Few more refinements here. The head is not even though it was lower. Now I want to add a little more contouring to the top of the head. Shape. Goes around in a little more realistic look. Now for the beak to just define that a little bit more and decide where the mouth is going to be. The dividing part on the beak. For a final touch, we're just going to go here and block in the mean colored areas on the main part of the body. I'm giving it a little bit of a rough back-and-forth look because the feathers are, of course, a little bit rough. To find the tail feathers a little bit more. And the feet. I think we're good to go. We have the basic shape now. And the next part is the exciting part, is to put it in the colors. 6. Puffin: Coloring: Now that we have our Puffin sketch roughed out, we can color it in. First thing we need to do, of course, is create a new layer. We don't want to be adding colors on the same layer as a redrew. For our main dark color. We're going to take this middle black on our palette. I've included the palate and is one of the resources you can download. I like to start with the most defining areas where I'm drawing. In this case it's going to be the dark outlines. Let's go start with that neck. As I said before, is a very prominent feature of the Puffin bird besides the beak, of course. And let's draw in that to, again, following the outlines I've already created. Then align myself a little bit more freedom to add more refinements, final touches as I'm moving on. I said before the feathers are not a smooth border on the shape of the bird. So we want to make sure we add in a little bit of roughness for that. Yeah, So I forgot to put that as a lower layer. So you can actually see the lines of your sketch after you've filled in with color. Continue with that color. Now let's go to the top of the head and film a dark shape on his head. I like to use different layers for each color. That way, if I need to make any adjustments to a particular color, I don't have to worry about it affecting different one. Now let's go to our lighter gray and adding more volume and depth to the bird's head. The first error I'm going to do is just under the yellowy spines head. You can see how we can still see the sketch now because it's above this color in there. Similar gray area behind the eye. If you want to add more colors, of course you can. But I'm trying to keep it clean my palette to a more limited number of colors. While it's possible to continue making one shape after the next within the same selection mode. And as you finish each shape, it will fill them with the color. After each successful shaped I'm happy with that has been filled in. I like to de-select itself can tool that we will lock in the shape I've just drawn. And then I'll reselect the selection tool to draw the next shape. What that means is that if I had made a mistake and want to undo, each new selection fill will be, it will be it's own undo. And that way it won't be undoing multiple fields at one time. Undoing the fill, the most recent fill, the one that I wanted to change. Now let's go back to our dark black layer and select that and go back to our dark black as well. And then we'll start adding in the line that connects from the back of the head to the eye. That same black also goes under the eye. So we'll add that into our selection as well. So it all gets added at one time. The eye itself has a bright orangey tone to it. So we'll select our orangey color from the palette. And even though the orange is sort of a highlight around the eye, I'm just going to create a whole circle to fill in for that's going to be behind the eye and then we'll add in the darker part on top of it. There's no real advantage just drawing a thin rim around here since the layer on top of it, we'll just cover it up anyway for the next part, for the i, I do want to make a very round circle. And that's one thing that the selection tool cannot do. They cannot draw perfect circles. There's no drawing assist on it. So what I'm going do is I'm going to pick the monoline tool, will have the color drop as well to fill it all in. Now that we've done that, let's go back to our selection tool and continue drawing. So let's go and add in the black part above the puffins. For the bright orangey section on the puffins head, we're going to pick the brightest orange color from the palette and draw that in carefully tracing along the sketch that I had done before. Moving along, let's go and start to work on the beak. So let's go back to our dark black color and it can new layer for that. And now let's go use your selection tool and add in some shapes to define the Puffin beak. Then we're going to add in a yellow part for the Puffin beak. And since that is a different color, we'll put that on a new layer. I'm going to put the yellow layer of the beak beneath all the other black layers because I don't have to worry about covering them up when I draw the yellow layer or I can go even underneath the black part and won't worry about erasing any of the black. Adding more of the stripes on the puffins beak with the same yellow color. I'm adding angles where it, where it intersects with the mouth. Enough for the orange as well. I want to I'd like to draw that as a new layer underneath the yellow layer, so we don't have to worry about overriding the shape of the yellow. And then we will start to draw in our shape. And when we fill it in, you'll see all the yellow is still preserved on top of it. I want to add in a little bit of gray to the beak. So let's add a layer. And I think the gray is gonna be the same gray that we have currently on the back of the head. Using the selection tool again, we're going to draw and color in those areas on the bird's beak. And with that, I think we've finished the Puffin beak. I just want to add in one more color to the Puffin head, which is this lighter gray color. So it's going to select that. And since we are done with the beak, Let's merge those layers together so we can keep our layer countdown and make a new layer again for the new grade that would be adding it since the layer is underneath the other layer. So again, we don't have to be we have to worry about erasing any of the black or darker gray when we do it. With that, I think our head is done. So let's combine all the layers together because their rights income to be any more overlap between what we're going to draw now to what we've done before. And now we'll create a new layer. And we'll move that layer underneath the layer we have. And I want to draw it in again. I want to start with a darker gray. So let's go and select the darker Greg. And from our color palette, we'll draw in a wavy line to pick the rough Feather shadows on the back of the bird. And then we'll go to our lighter gray for the next layer of feathers, new layer, and we'll move that layer underneath our existing layers. We'll draw another level of color again with the line being shaky. Blue to the way the feathers fall on the birds. A body will hint to the feather texture on the front of the bird by adding in that later gray color. I'm happy with all that. So let's, let's combine all those layers. Will make another layer. This time we're going to start with, we pick the orange color and we're going to work on the feet. We're going to outline the shape of the feet. So we complete our outline, it will automatically fill in with that orange color. I could have done both feet together, but I wanted to make sure I was happy with one shape before I went on to the next one. Because when we do complete both shapes of the feet, so they actually will connect together. There won't be any differentiation between the two feet. Now that the feet are done, let's add in another layer and we're going to add in the darker feathers that are on top of the top of the feet. Let's create a very jaggedy shape. I see somehow I had much, they've selected the background color so it didn't show anythings too. While it's still active, you can just click on your color and I'll fill this suction whatever color you pick. Now let's draw and draw in the feathers on top of the second foot. Looking good. I want to add in a rim light effect onto the bottom of the Puffin. So let's go and do that now. At this point, I really like how this is looking. So if you're ready to start with the background, Let's move on to the next lesson. 7. Puffin: Background: The first thing we're going to do for crying, our background is to make sure that the background doesn't show up on top of our Puffin. To do that, we're gonna go to our background layer and turn it to some off-white color. We can see where a Puffin needs to be filled in. Let's create a new layer for our backwards to fill in for the Buffon and move it and make sure it's below all the other layers of the Puffin. We're going to choose pure white color and start trillion or Puffin. So we'll start with a head and filling in, making a big circle for the head shaped, making sure that any place where I'm seeing that background color show through will be removed. Now we're going to the main body. Large area here. So you can look quickly at the top, comes to the front edge or it go a little bit carefully. Following along the contour of that thin line. Then we get to the bottom. We can again move a little bit faster. Then close it up. Now we have our Puffin. Now that all the puppets is completely filled in, we don't see the background. We can merge those layers together. Now we can start with the background new layer and move that. But in Louisville, the Puffin start with a sky shape. To fill that in, instead of the freehand, we'll go with a rectangle because the large area will choose the top color blue. Drawing the shape of this guy. Now, we can go with more of the IC color. This is ice is not gonna be as straight. To go back to our free hand tool and make some shape for the ice. Now, we're going to add in an area for the ground. Since the IC shape, I make this layer below and just fill it in with the brown and the emergency together and that way can preserve the shape of the ice. The snow, make a new layer beneath the ice and fill it with white. And that fills in the whole area with ice. But since I want the top edge be a little bit jaggedy. So let's go back to layer that has the sky on it. And with our free-hand selection tool and the white being selected for the color fill, I'm going to add in a little bit of rocky, icy texture is at the top. Merge them all together. I think the last thing we want to do here is add a place for the penguins stand on. So we're gonna take the ice color from our palette and draw on a new layer, the ice or the rock that he'll be standing on. And then choose the next darker color grade. A little bit of shadows. Put the clipping mask on that layer by swiping with two fingers to the right. Since I don't want to show is to go outside of the original shape. Here we have a shadow. With that shadow, I think we've now finished our puppet. Thank you again so much for joining me on this Skillshare course. I hope you've learned a lot about how to use the selection tool and how powerful it is as a drawing tool. While we made this puff and bird using only the Selection Tool. Remember, it's only one of the many quote-unquote brushes available to you in Procreate. So you can use this in combination with all the other multi-tool with brushes. And I look forward to seeing what amazing things you've created using the selection tool alone or with other brushes. Please share them below in the project section so that I can comment on them. And you can inspire other people taking this course as well to see how easy it is to create things using Selection tool. Looking forward to seeing you in another class.