Draw In Procreate: Let's Draw a Butterfly! | Allyson Johnson | Skillshare

Playback Speed

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

Draw In Procreate: Let's Draw a Butterfly!

teacher avatar Allyson Johnson, Illustration Artist

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

5 Lessons (24m)
    • 1. Intro

    • 2. Sketching the butterfly

    • 3. Drawing the butterfly

    • 4. Adding color to the butterfly

    • 5. Outro

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

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.





About This Class

Are you ready to learn how to draw a fun and whimsical butterfly? If so, you came to the right place!

In this class we will cover:

1. Sketching the butterfly design by drawing simple shapes

2. Drawing the line art for the butterfly design

3. Adding in color for the final butterfly design

This is a fun 3 step process I follow for every single design I create. In all my years of creating artwork, I have found that starting with a sketch truly helps to develop a better result. For this class, I'll be showing you how putting together simple shapes like ovals, triangles and circles can create a beautiful butterfly illustration.

Here's what you'll need for this class:

You will need an iPad, the Apple Pencil and the Procreate app.

I hope you have fun with this class and are able to learn a few new tips and tricks along the way. I can't wait to see what you create!

- Allyson

Meet Your Teacher

Teacher Profile Image

Allyson Johnson

Illustration Artist


Hi! I'm Allyson Johnson, and I'm a digital illustration artist with a heart for creating fun and whimsical artwork designed to help make life happier. Though I've always loved art from a young age, I have been working full time as an artist for 10+ years now. It's a super fun journey!

Over the years, I have sold my artwork on various products ranging from apparel to home decor on Society6 + DENYdesigns, but my most recent passion over the years has been my printable art and pet portrait brand, Shop Happies.

In addition to Shop Happies, I started building a graphic illustrations shop on Etsy in 2020, selling my work as clipart for other creatives to use in their own projects.

I hope you enjoy the classes here and are able to get your creative j... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

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.


1. Intro: Hi everyone. I'm Alison Johnson and I'm a digital artist and illustrator. And in this class, I'm going to teach you how to draw a fun and whimsical butterfly in procreate. In this class, we will use simple shapes to create a butterfly design in a three-step process. From sketching to drawing line work into adding color. I will show you some of my own personal tips and tricks and we will create this design together. And I believe no matter what skill level you are, you can do this class. So I hope you enjoy it and I hope you have fun with it. And I will see you in the class. 2. Sketching the butterfly: Okay everyone, welcome to the first section on how to draw a butterfly in Procreate. I'm super excited, you're here. And in this section we're going to focus on sketching our design. This process of drawing this butterfly is super simple. I believe anyone can do it. The main focus is to draw shapes, to put the design together. And you'll see as we go along, what shapes we will draw out like triangles and circles and ovals. Super simple. And by the end of this class you'll have your very own butterfly design by following these steps. So we're gonna get started. We're going to use the 6 B pencil brush for our sketch layer. You can use any of these sketch brushes that's already available in Procreate. I always go with the B pencil. We're on a new layer to size your paper like this to whatever's comfortable and you can draw whatever angle. But for what we're gonna do first is we're going to start with the body of the butterfly. So we're going to start with the head, and that's just going to be a circle. So just a simple circle there. And I love angling. My design around. This is one of the reasons I love digital design. It's just so much easier to me than doing it in real life. I really should practice more in real life. We'd like pens and paper, but I just loved the digital because of the many features you have of just moving your paper around and undoing any mistakes or anything like that. So starting here with the butterfly, this is the head of the butterfly is just a circle. And now for the body, I'm going to do like an oval shape here. So just like an like a skinny oval. Then we'll add one more. On the bottom. Kinda pointed at the bottom. Does not have to be perfect. It's just your sketch. Then we'll go ahead and add these in tennis. Now for the wings, we're going to make a new sketch layer and we'll show you a trick I have for drawing wings on the opposite sides. And what we're gonna do, we have a new layer for the wings. So just turn your butterfly around and we're going to draw an angled triangle like this. So we're going to start here at the base of the body. Straw and I'm like an angle up, come down and come inward. So it's like an angled triangle, kind of looks like a slice of pizza. Now I'm going to get hungry. So for this part is just an angle, triangle. You can make it as skinny or as wide as you'd like. The process is still the same. I've tried it with super skinny wings and then wider and longer. So now that we have our triangle, I feel like I want to angle it a little. Someones have the cursor. Tool here. And then you can just angle your layers. This is why I love sketching first so I can get everything right before I add the line work to at all. So you can position everything the way you want it first. So we're going to put this guy right here like that. So next we're going to draw a circle right here, kinda close to the edge of the wing shapes coming together. Then starting here at the point of your triangle, we're going to draw a line and connect it down like this. And then we have a wing. And then out here we're just going to kind of draw a curved line there. So we have our wing shape and what we're going to do now, we're going to duplicate this wing layer. Tap this cursor tool, hit Flip Horizontal. And we're going to move it over. First. We're going to redo this. We're gonna we're gonna flip horizontal, turn the snapping layer magnetic snapping. Move it over and as we'll see, we need to turn it around. Then we're gonna take magnetics and snapping off. And we're just going to turn it so it matches up with this other wing here. And just position it on this side. That way you don't have to draw the wing again and they'll match. Sometimes I found if I tried to draw the left-wing freehand, it doesn't match up as well as the right. Maybe it's because I'm right-handed. I don't know. But I found like this is a good hack for the sketching part. And even when we do the line work, we're gonna do the same thing. So I like that pretty well. So we're going to merge. And now I'm looking at the wings and deciding what I want to make them a little fuller. Do. So you want to make your sketchbook or just add more and go along. You're already made sketch. So I'm just going to add a little bit more at the bottom mainly to kinda make it filled out a little bit. Let's go along what you've already done. Okay? So as you can see, this design is mainly made up of shapes of circles, ovals, and triangles and lines. Super-simple. How like all these shapes and come together and make a design. So this will be your guide. And Next we will make a new sketch layer. And we're going to turn the opacity on this one down a little bit. And we're going to sketch out our wing pattern details. So you can do this any way you want. Butterflies. They all have their own unique patterns and you really can't go wrong. So I'm just going to show you what I'm gonna do with this guy here. So we're just going to draw like an oval down, kinda like a heart shape here. So you can tell that the heart shape. And then we're gonna add some little circles at the corner here. Let's draw some ovals, cricket circles. You really can't go wrong with a butterfly wing pattern. You can even look up online different patterns to get ideas. You, but you really can't go wrong. So just make some like oval shapes freehand. Follow along. You're already sketched wing shape so it stays inside the wing. Like to draw some little circles on the edges here to fill in the pattern. Freehand. Okay, so as you see now we have a wing pattern And we're gonna do the same thing we did with the wings. We're going to duplicate this. Hit the cursor tool, lipid horizontal. Turn it to match. And we can put a close right here to see and then move it over until it looks good to you. They would go. So we're going to merge these and then we're going to hide this right now, are in turn the opacity on this layer backup. And we're gonna kind of erase on the inside in here just to clean it up a little. So when you're drawing your line work, you'll be able to see your wing details better and you'll see that in a second. So we're just going to erase this because we don't need those anymore. Because since we have our wing shape, as you can see, there we go. Maybe you don't want to erase. You can also take the selection tool and go on the inside and select what you don't want anymore to have that little circle. And drag that out of the way a lot quicker than erasing. So you have two options there. So now we're going to turn our wing details back on and as you can see, we have a butterfly sketch. So we're going to merge these together and our sketch layer is ready. So I will see you in the next section of doing the line work process. I'm excited and I'll see you there. 3. Drawing the butterfly : Okay everyone, welcome back to the draw, a butterfly Skillshare class. In this section, we are going to do the line work for the butterfly. As you can see, we have our sketch ready to go. And what we're gonna do first is we're going to zoom out on this canvas. As you can see, I do that sketch really small. But I want to size it up so that I'll have a large design. When I'm done. Just turn it around a little bit. Because when your sketch layer, you don't have to worry about sizing up because that's not going to be your final design. So whatever's comfortable. So now on our sketch layer, we're going to turn our opacity down. So this will just be our guide. And we're going to make a new layer. And we're going to use my line brush here. And I have this available for you in the resources section of this class so that you can download it and use it for your butterfly design as well and any other designs you want to do. It's just a basic line brush and you can size it up how ever you want. So I'm just going to size it up a little bit. I wanted to be a little thicker than what I had it set as we go. So on our new layer, we're going to create our line work for the body of the butterfly first. So what we're gonna do is we're going to start with the head. So just zoom in real close. It makes it so much easier. So this is just a circle. If you hold it, it'll snap together at its shape and move it around however you like. We want it to be more oval, more around and then hit the brush again. And there you go. So now we're going to do the body. So it's just like an oval shapes and just follow your sketch. Does not have to be exactly your sketch at all. That's just your guide. And you don't like it is hit two-finger tap to undo it and do it again. That two finger tap feature is my favorite because there are so many times where I have to undo something. I'm still not liking that, so we're just gonna do that one more time. There we go. And there were ended bottom. And the same process except it's a little shorter. And we'll point here at the bottom. There we go. So we have our body and then we're going to add these little antennas. There we go. Now for the wings, we're gonna do a new layer. And just like we did in the sketch, and we're going to draw one wing and then duplicate that layer and then move it over to the other side. It makes it so much faster and easier that way you'll have an even design. You can also draw each wing individually if you'd like. But for this, we're gonna do the same way as I did it with the sketch. So just turn your design around whatever's comfortable and follow along you're sketch. It doesn't have to be exact to the sketch here. Just connected up to the body. They would go to. Now we'll end the wing pattern inside. This pattern right here is like a heart shape. Some little circles. With the pattern. You can just have fun. It does not have to be perfect shapes. Butterflies, they all have their own unique patterns that you really can't go wrong. And it can be any style you want it to be. Keep filling in until you're happy with it to just move. I just like to wiggle my pencil around to get kinda like a hand-drawn feel. Just to fill in the wing design. Almost there. There we go. Alright, so now that we have one wing drawn, we're going to duplicate this wing layer in our curves. Cursor tool wear here and hit Flip Horizontal. And we're going to turn on magnetics and snapping right here. That way, I can move it over evenly just until I get it over there. Turn it off, and then just move that down a little bit. And as you can see, there we go. Okay. We can connect it because the body is a little hand through the whole body. It's a little different on this side and we're just going to connect it up. And there we go. So now we're going to delete our sketch layer and we have a butterfly design. So we are going to merge all of this and that's one layer. So there we go. As you can see, by drawing the wing on one side and duplicating it and moving it over a looks the same on both sides. Both sides. So what we're gonna do next and the next section is we're going to add color. So I'm super excited about that and I will see you there. 4. Adding color to the butterfly: Okay everyone, welcome to the final section of this butterfly drawing class. In this section, we're going to focus on the color. So we have our line work ready to go on its own layer. So make a new layer and drag it underneath your butterfly. And what we're gonna do is we're going to use my same line brush to do the color fill. Typically in the classes I've shown you already in the bumblebee, in the cone flower and in the pet portrait class, I would drag the color into the design. Like this. Not like that. On the layer, I would turn the reference layer on. And on the new layer, I would drag color in like this, so it fills the InDesign and everything's constrained into the design. But for this class we're going to do something a little different. We're not going to have reference on, on our new layer. We're going to draw our color underneath, so it's expanding outside the lines. It gives it kind of a more hand-drawn, kind of a watercolor feel, but not at the same time. And that makes sense just because the colors expanding outside the lines, it just gives it that like painted look, which I love. So that's what we're gonna do today. On our new layer, we're going to start with the body color, which I think I want it to be like a dark gray, almost black. So just zoom in as close as you can. Size of your brush a little. Pick your color. T fine, that works from the color wheel. And just go along the edge so your color comes outside the lines like this. Does not have to be perfect. And then in the center you can fill it. There we go. So just go down. Just follow the lines of your line work and go outside the lines and then fill. And we'd go to spill by dragging the circle up here, down. And I'll fill it for you. So we have the body. And now the next layer we're going to add the main wing color. And this can be whatever color you want it to be. I think today we're going to go with a pink color. We're going to drag this under the body. So I already have a pink color down here. And you can just find it with color. We'll kinda like a peachy pink. I think I'm going to make it a little bit lighter. So just follow along, you're winning. Just go outside and design. And then make sure it's connected. And drag your color. And we go and maybe you decide you want it to be a different color. You can just go to your color. We all want to be like a lighter pink and drag that over what you've already done. So you don't have to do it again. So just maybe and design around. And this will do it again. And then connect it. Dry. There we go. Now we're gonna make one more layer on top of this wing layer. And we're going to add the details for these patterns of color. I think I'm gonna do like an orange for some of them. And then we're going to add white. So let's see. Here we go. So just follow along your line work and just go outside the lines. It's okay. But you can also do like what I said earlier in, during your linework layer on reference and then set a new layer and just drag the color into it if you want everything to be in the lines. This is just a fun way to give it that hand-drawn feel. So these bigger pieces, I'm going to stick with this orange color. But you could do multiple colors even if you wanted to. Oops, and there you go. Two-finger tap. Drag your color. When we go. Just keep dragon and coloring until you're done. So these will be the last ones, orange. And then we're going to add white to the others. Okay, So these little circles, I want to be white. Let's see, they're so small you can just color in like this. You don't have to drag anything over. Just keep on color and it's really therapeutic for sure. Creating a therapeutic and coloring in. I love that we can zoom into on this program like this to get down in the details. Almost done. And I think what I'm gonna do here is duplicate these patterns and move it over to the other way, other wing, just like we did before. Alright, I'm loving that. So we're gonna do this here. We're going to duplicate this pattern in our cursor, cursor tool up here and then flip horizontal. Turn snapping on 2. We move it over until it fits. And then we're going to turn this off. And we're just going to drag it down. It doesn't have to be as exact on the other side. Just want it to fit. And there we go. Zoom out. And we have our butterfly. I hope you have enjoyed this class. This would be the final design. I'm excited about it. And also if you want to, you can turn your line work layer off and see everything without the lines. As you can see, it took the antennas way. But it's also a fun way to get that like flatter. Look for sure. But I like the line work. So we're going to leave that. We're going to merge the colors together. And there we go. So I hope you've enjoyed this class and had fun creating a butterfly. Please make sure you check out the other classes I have available like the cone flower and the bumblebee. And then once you learn the butterfly tuning, you can create a design with all of those elements together. You can create like a parent or some wall art or anything like that. But your class project is to create a butterfly like this by following the steps in this class. And I'm excited to see what you create. I'm excited to see what wing pattern you choose, what colors you choose. And i'm, I just can't wait, but thank you so much for joining me. I hope you've enjoyed it. 5. Outro: So much for joining me for this procreate drawing class on how to draw a butterfly. I hope you enjoyed it and I hope you had fun with it. Your class project is to share with me a butterfly design that you've created by following the steps in this class. You can create your own wing pattern and your own colors and just make it your own. I'm excited to see it and I'm thankful that you've joined me for this class and I can't wait to see you in the next one.