Seamless Patterns in Procreate 101: A Simple & Intuitive Approach to Pattern Design | KERRI WINTERBURN | Skillshare

Playback Speed

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

Seamless Patterns in Procreate 101: A Simple & Intuitive Approach to Pattern Design

teacher avatar KERRI WINTERBURN, Pattern designer - illustrator - crafter

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

9 Lessons (39m)
    • 1. Introduction

    • 2. Class Project

    • 3. Setting Up Your Canvas

    • 4. Design and Placement

    • 5. Creating Your Pattern Tile

    • 6. Checking Your Pattern

    • 7. Edit and Save

    • 8. Conclusion

    • 9. Bonus: Where To Go From Here?

  • --
  • 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

This beginners class in seamless patterns in procreate is designed to take you from zero to hero when it comes to surface pattern design. Even if you have never used procreate or created a pattern before, by the end of this class you will be designing patterns with ease and complete confidence as well as learning some great tips and tricks in procreate.

We will cover:

  • Setting up your canvas and optimising it for your needs
  • understanding a seamless pattern tile
  • visualising your pattern layout
  • design and placement
  • creating perfect shapes in procreate
  • adding drop shadows
  • creating a seamless pattern tile using a simple but intuitive quadrant method
  • layers, snapping and magnetics
  • how to check your pattern tile 
  • editing your final tile
  • saving options to suit your needs

We will delve in to the mentality of pattern design and really come to understand how seamless patterns work. This is going to allow us to visualise our composition and speed up our work flow.

This class is all about simplicity and with the quadrant method I am going to teach you, pattern design has never been easier.

There will be no end to the creative possibilities you can achieve with the skills you will learn in this class and I can't wait to share it with you!


Meet Your Teacher

Teacher Profile Image


Pattern designer - illustrator - crafter


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. Introduction: Take a look around you. What do you see? Pattern? Pattern is everywhere. It's in our clothes, are decor stationary everywhere you look patterns around us. Now how would you like to be able to create your very own seamless pattern from the comfort of your own sofa. And you'd need nothing but your iPad perforate. And just a little bit of curiosity. No experience with Procreate or graphic design. No problem. All you need to do is come and join me in this class. Hi, I'm Carrie from gray forest creative. I'm a pattern designer, illustrator and lover of all things creative. I have a passion for creating unique designs for my clients, as well as designing fabrics are more papers and various other products for print on demand site such as Spoonflower and reparable. All of my free time is spent expanding on my skills and knowledge. Um, I am so excited to be able to share some of that with you today. This kras is absolutely perfect for beginners. And you do not need any prior experience in Procreate illustration or graphic design to follow along and create a really fantastic pattern. With ease and simplicity, we're going to delve into the mentality of pattern design. I'm really understand how a seamless pattern tile works. This is going to allow us to really visualize our composition and understand how the placement of our motifs will look inauthentic design. I will teach you a simple quadrant method using layers and snapping lines to create a perfectly repeating pattern. Every time we will be working on a really fun and easy geometric shape design. So we really don't even need to worry about any fancy drawing skills. And I'm going to talk you through some really handy tips and tricks in Procreate. And this is really going to help speed up your workflow and help you get to grips with the program. From setting up your canvas to editing and saving. By the end of this class, you're going to have all of the skills you need to complete this with complete confidence. There is going to be no end to the creative possibilities you can achieve with the skills that you're going to acquire in this class. So why don't you come join me in the first-class and we'll get started. 2. Class Project: For our class project, I would like you to design and create your very own seamless pattern. Now this can be as simple or as vast as you're comfortable with, as long as you're having fun, that's the main aim here. Now, I recommend that you follow along with me. But if you'd prefer, feel free to go it alone once you've watched this class, there are so many things you're going to be able to do with your pattern. I know you're just going to not be in a stopped making them. Let's get into it and don't forget guys, upload your progress and final projects to the project gallery for feedback. 3. Setting Up Your Canvas: Okay guys, let's get started. So for anyone who uses procreate regularly, you'll probably know how to do this, but as this beginner's class, we're going to start from the beginning. So once we've open Procreate, we're going to click the little plus sign, which will open up this panel showing the predetermined Canvas settings. We're going to use a custom size. So to do that, we click this little folder and it opens up the settings. It's really important to consider your canvas size carefully, procreates raster based. So anything you create will be in pixels. This means that if you want to enlarge it later, then you're going to be at risk of losing quality. Now, if you have programs such as Photoshop or affinity is not as much of an issue. But if working purely in Procreate, then always go a bit bigger. Now, I like to work in inches, so I'm going to click inches here. And then I'm going to set both the width and the height to 12. I'm going to check my DPI is set to 300, which I'd always recommend. And this gives me a layer allowance of 47, which is more than enough what we need. I'm using an iPad Pro. So depending on your model, you may get a few less, but that's not a problem at all. I often not for 12 inches as a lot to design wallpaper which has a standard width of 24 inch. And second, my canvas to that size just would leave me were very, very few layers. So no, by huffing map, my design is still going to fit perfectly. Once we have our dimensions. Let's click over here to color profile. This is another important thing to consider before we get going and would depend on the application that you're designing for. Rgb is best when being used for digital work. And provides a much wider and bolder range of colors. If you plan to print, then I almost always recommend choosing CMYK as this is the color scale most printers use. Now, just to confuse you, there may be exceptions to this. If you're planning to use print on demand sites, always check their recommendations. Spoonflower, for example, uses a printing system which works best with RGB, where it's red bubble recommends the standard CMYK. So always check before designing for print on demand. That said, I designed primarily for Spoonflower. So I'm gonna go ahead and choose RGB. And we're going to click Create. And there we have our canvas. In the next lesson, we're going to learn how a pattern tile works and get started on our designs. So I'll see you there. 4. Design and Placement: Welcome to our next lesson. In this lesson, we're going to learn all about design and placement. We're going to learn the fundamentals of how our pattern towel is going to work and how our design is going to work in relation to that. We're also going to learn some simple tips and tricks on how to make your workflow cool game for a Create. Let's get going. Before we get started with our design, It's important we understand how repeating pattern tile works. When the target is put into a repeat, sit side-by-side, a stacked one on top of the other. So when repeated, this edge is going to sit against the opposite edge and the top is going to join on to the bottom. You want to keep this in mind when drawing up your design. And I'll show you why. Let's take a look at this example. And I would like you to pay attention to these CircleCI and also these here. Notice that they are placed directly opposite one another. So locker mentioned before when repeated, the toe sit side-by-side. And you can see now that these two circles look a little odd and they kinda throw off the overall aesthetics of the design. And now when we place the tau one on top of the other, you can see the same thing happening here. Later on in the class, I'll teach you how to edit your pattern. So don't worry if you noticed this in your designs. But considering it early on will make the overall process much quicker. So let's make a start on our design. Now the most important thing to know before we get started is that none of our design can touch either of these four edges. If it does, then the repeat simply won't work. For this design, we're just going to use some very, very simple shapes. So firstly, let's select our brush. I'm going to use the monoline brushes is one of my favorites. I'm going to click and just ensure this streamline is turned all the way up. And this is going to give us a really nice smooth line to work with. Now I've got my color selected. Let's start getting some shapes down. So I'm going to start with a circle, which is through a really rough shape. If we hold the pen down when we close the path, procreate will turn into a perfect shape for us. We can twist and resize nodes. You can see that's more of an oval. I want a circle, so I'm going to hold my finger down here. And that's gonna give us a perfect circle that we can resize. You can do this with any shape. Every guy. Now I want to fill the circle with color. So I'm gonna go up to my color hair, hold the pen down and drag straight into the center. While it's still how down? Poor slightly to the right to increase the threshold must just going to ensure we get a really solid fill. Let's go ahead and add a few more circles and then we'll go on to another color. So when you're filling, you won't always see it, but sometimes it won't fill completely. And you'll end up with a little white line when you zoom in. So that's why I like to drag out the threshold. It just ensures it fills the entire circle. Now not happy with that placement. So I'm just going to double tap two fingers to edit that out. And we're just going to add some polygons. Again, rough shape, rectangle. I'm going to purposely add some areas here which are never going to want to change later on so I can show you how to fix that. So I'm going to add a blue either side. So when it repeats, they're going to be next, whichever which we don't want. Let's add another even space. I'm just going to fix up this line a little better. Let's go in and pick our green, and we'll add some triangles. Now, I don't know if it's me or Procreate, but it doesn't seem to love triangles when I try, but we'll give it a go anyway. Spoke too soon. Remember if you make a mistake, you can always double-tap U2 fingers. And that's going to go back. And you can also as an area that might edit your shape. And it's going to bring up these nodes. You can just move it around until it's perfect. And every guy, now I feel at this triangle here is a little bit too big. So I'm just going to grab my selection tool. Go all the way around up to my move tool. I'm just going to move him this movement around until I'm happy. Let's select a new color. We start trying to add some little curves. We'll just add some fun. Think when you're learning, it's just nice to do something light and simple isn't. Over here. How about we see if we can get a bit more dimension and add some shadow. When I say firstly, we want to go to our color. We'll just select a medium to dark gray scale around there. And then we want to come to our layers panel and we need to duplicate this layer. So we're going to swap to the left and hit Duplicate. Come down to the bottom, double-click and we're going to turn on Alpha Lock. Click again. And this time we're going to fill layer. Now you can't see this happening, but behind here all these shapes and now our gray color we selected. So when I get back in, and this time we're going to turn off alpha lock. And we'll move up to our move tool. And we'll just drag this slightly to the side. Just down a tad. Maybe guy. Looks about right, we can turn that off. As had backup to our toolbar. And we're going to select the adjustments tab. Now we're gonna go down to Gaussian Blur layer. And now what we want to do is holding a pen on the screen, just pull it slowly to the right. You see that starting to blur out. We just take that to wherever we're happy. Yeah, I think about this. Perfect. Now if you don't notice the blood, you might want to just go back in. Just check the Alpha Lock is an O1. And now we want to combine these layers. So we get to our layers panel and we pinch them together. And now we're ready to create our repeat. Come and join me in the next lesson, where I'm going to teach you a super-simple quadrant technique to create the perfect seamless pattern tile in minutes. I'll see you there. 5. Creating Your Pattern Tile: Hi guys and welcome back. So now we have a design. We're happy wave is time to start creating our repeat. Now there are several ways to do this, but I find it easiest for beginners is the quarter method, which involves moving our design into each of the four corners. Now if we come up to our toolbar and click on Move tool, we'll notice that our bounding box isn't the entire size of the canvas. And this is because it's only picking up the shapes they inside the layer we're currently working on. Now, we don't want this. We want to be able to select the whole area. So what we need to do is create a connecting layer. So to do this, let's click the Move tool again to de-select. And we're going to come up here and we're going to create a new layer. Now, let's select a completely different color. Let's say red. And we're going to drag the color into that layer. And I'm going to open the layer up. And we're just going to pull down the opacity just to around 30 percent. Now we need to group these layers. So we're gonna give a quick swipe. So they're both selected and hit group. So next we need to duplicate this group. When we do this in Procreate, it has a tendency to become blurry each time you do it. So to avoid that, we're going to always duplicate from the original which will be at the bottom. Now we're going to need four copies of this. So we're gonna go ahead and duplicate it three times, always from the bottom group. Now we want to hide the first three of our groups and make sure we have the bottom group selected. We're going to click on Move tool. And you can see this time that we now have the entire canvas and our bounding box, we want to click on the snapping icon. This ensure magnetics and snapping a both on. Now we're going to drag this group down to the bottom left corner until we see these lines appear. Now we want to make sure both lines are orange. And this is going to ensure we are perfectly in that quadrant. So let's just check a few times and then de-select. Now we're going to go up to our next layer, turn it on, select that layer, and move it up to the top-left. Again, making sure we have our orange lines. And you see, you can't see any line there. And that's exactly what we want. We're going to go ahead and do this with the rest of our layers until each one isn't its own quadrant. Check for orange lines. Perfect. Now for laser in their quadrant, we can just have a look and just make sure you can't see any gaps in any of the red. If you do, you can just double tap with two fingers and just go back and readjust. Now we want to get back into our layers panel and we want to delete each of these red layers. So just swipe to the left and delete. And now we want to combine these layers like we did before. Pinch them together. Now we should have a perfect repeat. Join me in the next lesson where we'll learn how to check our pattern. 6. Checking Your Pattern: Okay guys, let's get into checking our pattern. Checking our pattern not only ensures it repeats perfectly, it gives the opportunity to have a good look at the overall design and make sure everything looks good or not. Motifs are all well-placed. Now, I can already see here that we're going to have some areas that we need to change. Just here. We didn't like the blues together. Again, the yellows here. And if you can see where we didn't go right up to the edges of our canvas. We have this line. This can all be edited and sorted out later. So we already know there are parts of this design that need changing the blues here that we purposely placed. This yellow is a little bit too close to the triangle and also too close to this yellow. And well, we didn't go up to the edges of the canvas. We have this blank line here. We could edit this point, but we're going to just leave it until we get to our editing class later on. Now, we need to duplicate this again. This time we need a total of five layers. So we're going to duplicate it four times. Again, always from the bottom layer, one-to-many. And we're going to hide this bottom layer here as this is going to be on master layer. So we don't wanna do anything with that one right now. Now we need to resize all four of our visible layers. We don't want to include this ones. We're just going to click to the top to de-select that and quickly swipe across. So all four layers are selected. Now we're going to click on Move tool. I'm going to use this node here. And we're just going to scale it, wrote down again until we find our orange lines. You can see that's taken all four layers. They're just double-check and de-select. Now we're going to get back into our layers panel. And we're going to select our first layer up to the move tool. And we're just going to move that up until it's in his own quadrant. And again, we have to look for are snapping lines to just keep checking. Make sure that that and then de-select. Now you will notice this little bit here. Don't worry about that. It's just currently where we have three layers remaining done here. So it's just making the area darker. Now we want to go ahead and do this with all other layers so that each quadrant, it can be really easy to nudge a simple click and that would nudge that out. So just keep checking and just make sure it's snapping lines up perfectly in place. So now we can see men have a good look around. Make sure all our shapes and matching up perfectly. We have no white lines running through any of our shapes. Yeah, everything looks great. So there are a few areas we want to clear up here. So let's jump straight into the next video. 7. Edit and Save: Hi guys and welcome to our final lesson. We're so close now it's having our patterns completed. In this lesson, I'm going to show you how to edit and tweak any parts of the final design that we're not quite happy with. And towards the end of the lesson, I'm going to talk about all of the options we have for saving and which option is going to be best for you. Let's get going. So when editing pattern, what we need to remember is we want to touch these around the edge as little as possible. Now you can't do it. It's just a little bit more difficult, so we'll get to that later on. Let's start with these objects here. The arm touching any sides. So I'm going to click my selection tool. And let's go with this one here. Because we don't really want that directly next to the other blue. Make sure we're on the right layer first, click on Move tool. And I go down and I'm going to turn these off to see we got bit more freedom with moving around. Now. We can edit the shape little bit, change the dynamics. This moves everything around nicely. We want to try and fill as many of the white areas as possible. So we want to keep that in mind. Let's move this one slide. Now we're really just going to play around and move things. You were to take one out. You can just drag it to the side, drop it there, and then you can replace that with something else. But we don't wanna do that today. Double-tap to go back and put that back in. This is probably my favorite part of the process. Just gets have little play around. Just make sure you're picking up everything in the shape you want to move and you're not touching anything else. And we're just going to go ahead and move these around. They really like these yellows being too close to each other. So we're going to shift them. Scale that up, Melissa. And I'm going to move that because I already have the lines here with the yellow, which I don't really like. So don't wanna go ahead and create another obvious line of yellow there. So I'm going to place that here for the time being. You can see we now also filling out this line. We don't want any really obvious spaces. Make sure nothing's touching. Now what we can also do is select an object and then copy and paste Move tool. And then we can add that in. I'm going to play around with the shadows. They're not all in exactly the same direction. I'm going to combine that there. And again, I don't want the shadows looking exactly the same. So what I'm gonna do here, I'm going to do the same again. I'm going to select this one, copy and paste. And then I'm just going to move that. I'm just going to change the shape. A uniform. I just want to make sure it's not too in line with these. We want to ensure again, we're not touching any of the edges here. And what I am going to do seeing is this area has no shadow. I'm just going to adjust the shape ever so slightly, just to give it a little bit different. Guys. So we gradually filling in all of our areas and we just keep moving things around until we're happy. Okay, we're looking pretty good. I'm just going to copy the shape. Copy and paste. And I'm going to move it down here. And make it nice and small. Change the angles up. Just to fill this gap. Lso, remember we don't want any part of it touching the edge. Now, like I mentioned, is going to be possible to edit these areas here ever so slightly. We're not going to be able to enlarge or rotate them at all, but we can move them up and down. So I'm going to quickly make sure my snapping and magnetics back on for this recombinase. Make sure on the right layer, choose our selection tool. And then we're going to select this area here. And then the entire of the area directly opposite zener repeat this is all one shape. And then we can move these up and down. When we have them positioned where we want them, make sure we have the orange snapping lines in place. So that's going to throw off our repeat. We go, Let's do the same with these here. Just to fill up some of this area. Make sure we have a snapping lines. You have to be very careful, for example, with this hair. As not only is it repeated on the side, there's also repeated on the bottom. So I would leave that one alone. He's ones here looking. Okay. So I've one last look around, see if there's anything I can just have a little play with. Fill up as much gaps as we can. And I think that's looking pretty good. Well, maybe just here. We could do is filling that gap little. Perfect. So you can see now we don't have anything to close really. We don't have that white line down the middle. Everything's nice and spaced and even. And we are ready to go on and save our pattern. So let's hit up to our toolbar. And we're going to click on the Actions tool, which is this little spanner right here. And we're going to go across and select the Share tab. You can see it gives us several different options to share our work. Now, we want to pay attention to the shared image ones as these are for sharing layers for editing. So we have Procreate, PSD, PDF, JPEG, PNG, and tiff. So procreate does exactly as it says on the tin. And it will save your file specifically for use in Procreate. So if you want to come back and edit later, this is a really good option. But you're not going to want to use this if you're planning to print or upload to a website. Psd again is good if wanted to come back and edit. This is a Photoshop file. So save all your layers as they are for editing and photoshop and a few other software such as affinity, PDF. We have no room useful when it comes to pattern. There are very few, if any, times we would save as a PDF. So let's move on from that one. These last three files are the ones we're going to want to use for our finished designs. These files can be printed and most print on-demand sites will accept all of these forms of file type. Jenny pig is the most well-known. You can lose a very small amount of detail with JPEG as it's a compressed file, but the loss is very minimal. Png is the option you're going to want to choose. If you have a transparent background with a PNG, you can overlay the design on any background, which is not possible with JPEG. Unlike JPEG, PNG is lossless, so no quality is lost when you save it as silicon press file, but it will be larger than a JPEG overall. This is the far top. I recommend you save your work as just ensure that if you would like your fall to have a transparent background, you heard any background layers before saving. Tiff is another lossless file format. It's also a layered file, so it works well for editing also. But this file can be extremely large, so definitely take that into consideration. So with all that said, I'm going to save my design as a PNG. And I want this to have a transparent background. So I'm going to come over to my layers and I'm going to hide this background layer. And he can now see the transparency. Click backup to the actions layer, share, and click PNG. And now just choose where you'd like to save your phone. I'm going to save mine to File. And then click here to rename. Let's call funky shapes. Done. And then we just choose where we'd like to save it. And save. And we're done. Well done on creating your first pattern in Procreate. 8. Conclusion: Well done guys, you did it. You have successfully completed your very first seamless pattern in Procreate. We've learned how to optimize our canvas, design and placement, checking our designs, editing our phone or designs, and how to best save our files for our needs. You now know everything you need to know to continue creating your very own beautiful designs. All that's left to do now is upload your class projects which are just cannot wait to see and decide what you're gonna do with your patterns. Bye guys. 9. Bonus: Where To Go From Here? : Hey guys, I thought I'd sneak in a little bonus class just to help you figure out where to go from here. Firstly, practice, practice, practice. Really get to know the process inside out. With each new pattern you create, you will really start to develop the ability to visualize your patterns. I'm really getting an eye for the little details that are going to make or break your designs. When I first started out with pattern design, the thing that really helped me develop my skills the most was entering in design challenges. Spoonflower. How did weekly contests, which is open to applicants of all different skill levels, different theme each week. And it's a really, really great opportunity to just try something new in step out of your comfort zone. On top of that, you'll get an endless supply of inspiration from some truly amazing artists and designers. So now we know how to create a really fantastic pattern is tons of salt. What we're gonna do with them. So let's have a little brainstorm and have a look at some ideas of what we can do with our patterns. So I find the easiest and most accessible option is print on demand. There are lots of options. The spoon flower, red bubble, Zazi, contract, and the list just goes on and on. But the beauty of print on demand is that you upload your work and that's it. The site deals of everything else for you and you can choose to upload to one side or all of them, whichever you prefer. You could open an Etsy store and sell digital paper downloads. Of course, if you have the capabilities, you can print your designs and sell physical kraft papers. If you're a craft or Sarah, you can purchase the fabric yourself in your own designs and make your own range of products. You could open another kind of e-commerce stores such as Shopify. You then have the option to license your work. So someone would pay you to use your designs on their products. But you're still going to end the rights to that design and set the boundaries for when and how that design can be used. You also have the option to sell your work outright. So the buyer would then hold all the rights you design and how it was used. So there's just a little food for four on some of the options we have for utilizing our designs. Happy creating.