How to create seamless patterns in Procreate and turn them into a procreate brush | Muhammad Bilal Moten | Skillshare

Playback Speed


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

How to create seamless patterns in Procreate and turn them into a procreate brush

teacher avatar Muhammad Bilal Moten

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 (38m)
    • 1. INTRODUCTION: How to create seamless patterns in procreate

      3:45
    • 2. Creating the basic shape/design for your pattern

      4:33
    • 3. Creating the pattern swatch/square

      4:00
    • 4. Creating the pattern and the procreate pattern brush from the swatch

      6:44
    • 5. Pattern number 2: full walkthrough

      18:42
  • --
  • 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.

131

Students

1

Project

About This Class

My name is Muhammad Bilal Moten. I am a self taught hand lettering artist and graphic designer.

Even thou its not long since I started calligraphy and hand lettering, I have grown quite fond of these in a relatively short amount of time.

PLEASE SEE: this is my first class on skill share, and the very first time that I am teaching like this on an online platform, I am scared but willing to teach and edit my setup etc as per your(students’) feedback. The class is not perfect but i can make it better as per the response from whoever takes the class and gives reviews and feedback, even if its negative and you’ll think there is need our chance to improve please do mention in the review and I’ll be more than happy to work on that part and try my best to improve the class by editing and especially making note of that issue in my next class. Thankyou


For me, calligraphy is a lot more than just a way to express yourself or write a couple words. Its a medium carefully curated by art and science. The feel of learning following and then carefully breaking the rules and making new ones is an adrenaline rush of its own.

Personally, I rarely love my finished pieces, what I rather value and love, is the process and the journey to the creation of the piece. Whether its just simple 2 lines quote, or a project that requires long hours of sketching, detailing, composition, flourishing and finalisation.

One thing I struggled with in start is patterns and textures to use as my backgrounds.

Even though you can find a ton of backgrounds online, making your own seamless pattern is way too much fun and is another level of excitement.

This is why in this skillshare class, I'll be teaching you how to create a seamless repeat pattern in procreate from the very basics.

You do not need any extra or prior knowledge for this course.

As for the class, it is divided into three parts,

  1. Making the base design for our pattern,
    1. Here you can either make you own geometrical, illustrative, textured etc design, or simple skip this step and take your previous artwork or an online image.
  2. Converting the basic design into a swatch that can be repeated.
    1. More whatever your design be, it needs to be edited to form a swatch that you can use as the repeat pattern swatch.
    2. You can use this swatch directly by copy pasting it multiple times and arranging it, or even import this design to a software like photoshop to use the pattern fill feature.
    3. Or, as I’ll teach in the third part, you can make a procreate brush
  3. Using the swatch, as direct pattern and procreate brush
    1. In the last part of this class, I’ll show you how you can use the swatch we created earlier as a pattern directly in procreate.
    2. Next I’ll also show you the complete way of converting this swatch to a procreate pattern brush, where you can just select a color, size and just start painting your pattern, today or any day, and always have it saved just beside your other procreate brushes, to avoid any and all finding, copy pasting, transforming and any other hassle

I really hope that you will love this class, and it would be great if you could follow along and it would help in your class project as well, as for the class project you have to submit a .PNG file of your pattern. You can use the pattern swatch however you want. One thing that helps me and will help you and your fellow learners in the class is if you upload s snapshots of your journey towards the final class project, so please share your progress throughout, it will keep you and others motivated as well as give me a chance to look at your preliminary designs stages and comment on them so the final result is even better.

Thankyou and lets get started.

Meet Your Teacher

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
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.

Transcripts

2. Creating the basic shape/design for your pattern: Hi everyone. Today we'll be learning how to create a simple pattern and then create a procreate pattern brush. Along with this. The First thing that we need to do is find or create the basic pattern and basic design of the button that is going to repeat. Then we'll repeat the baton and create the base for our brush that will serve as a green, sort of Procreate pattern brush. And then in the final stage, we create the brush using the shape that I made as green. So let's discharge them. First of all, I'll start with a few basic circles using a monoline brush. I'll select size that's slightly big enough. And then I'll create a circle. Don't worry about the colors, will change it. Later on. I'll press from my other finger on the screen so that the, that it's regular. Then I'll go here and make it fit to screen so that we have a purpose into it. I'll duplicate it. Go to move and make it a bit shorter. And then again, bring it to the center. I have stone turned on. That is why it's not being properly, so I'll turn it off. Now. I'll make a duplicate again and continue with about two more duplicates so that I will take it back in. Like this. I'm thinking about making it patents till the center so that I can maybe from the Sentinel. Let's see. Like this. Now what I'll do is I'll create a group of all these lead and create a copy so that I do not lose by previous work when I'm editing it. Now flatten this. Then what I'll do is I get my color palette. And I'll sell these colors like from the center, pivot alternatingly. Like this. I think I'll remove the last layer is not the good part, the packing. And still it's removing it by an eraser, but you can do is go to select freehand year. You can also use automatic, but I think we end this way because let me show you what happens when you flip the automatic. Let's let automatic. What you do is when you debacle color. Now we can see it actually drove it. And again, this, you can go here, we can select and move it and move it out of the damage. Sometimes what happens is like this. See, here, it leaves a trace behind the edges because when you select Automatically, it is not a full selection and does not take into account the signings. That was why I go with the freehand selection. It's easy. When you have a clear ending, clear gap between. You can just stop or you can just go with it. Collect the last person, and then again go to move. And you can see they cleared of all the bladder, blade lines, etc. So I'll use this as my brush. Based off my brush. 3. Creating the pattern swatch/square: Okay, so for the next part, we will now create a background, a seamless pattern from this base design that we created earlier. For that, the first thing that we need to do is introduce a transparency layer. Layer is that you select and make a new layer and you select any color. I just used the calendar I have right now. And similarity. Then you reduce the opacity so that it's a pretty transparent layer and you make it under your pattern. Now what you do is group these to create four copies. Okay? Now what you'll do is you will have to move each of these copies black, only one quarter each copy remains on our kindness. That what you'll do is you'll go to the group. You select the move that. And what do you know that from this corner to this corner that you want? This part, this one on the site. Like all the opposite corners, which Lew as you like, if you want a few filling, this part will drop from the opposite corner here. And you will make sure that you're snapping is on. So that you have these golden lines, then you are on the exact center. And you have successfully made the small part. You'll do the same for each of the groups. So if you go to More and then I am, in my mind I'm selecting is respired. Drag it from the opposite corner. Drag it here. And I'll see the golden lines on both sides of my canvas like this one, on the vertical side and on the horizontal side. Now I know that it's perfectly corner. I'll do the same for each group and fill all my groups. Now I'm filling this corner from here and the intermediate. Okay? So I move this again to the very poignant. Now, as you can see. Now what does transparency layer does is that he see here I know that the last corner of mine is not properly aligned because I see a white line here as well as this darker line. This means that my shape on the corner is overlapping double bond and is not in line with the one beside it. And now, here you need to understand one thing that when you create, when you select or move something out of kindness experienced. So now if I move this back, what you see is a tiny wavelength here. I select it, move it a bit here, and you'll select a fine white line here. In order to not get this, we will not use the move tool again, but instead, we will use the undo feature. Now, once you have it on the full January. So again, let's go to move. I move it. And then since it's a slightly trickier part, and you can see, it's all good. 4. Creating the pattern and the procreate pattern brush from the swatch: Now we have the base for our pattern. I'll do is I'll again create a group in order to preserve my settings and deleted it. Sorry. Thank you. I create a duplicate and I'll flatten. I have hidden the below one that Eigen work with this. Now the first thing that we need to do is we need to fill in. We need to change. In fact, what I'll do is I'll just delete this one. I will not save this. Now from each group. The transparency. And once that's done, what I'll do is I'll alpha lock each of the lens. Once I've done that, I'll go work why I selected white color and the background and select a black kid. And you're making a Procreate, gosh, procreate only says what is selected, what is painted in white, procured pains it, and what Tolkien doesn't seem to make the background black. And we select the vehicle and fill it in all of these layers. As we've painted earlier. Now, this can be used as a pattern. I use it as a virgin in the next part, but I'll duplicate it and show you that it works. How that is. We duplicate these. And then instead of moving these, we'll just take it to each corner. And you can see the bottom edge. Now. I'll just undo it. And I'll delete the rest that we have the base shape of a vacuum. Once you have this new copy it. And then now in this same canvas, I create my brush. To brush a new folder. I'll call it one. I'll go to go. I'll add Mencius has a green. I go to Edit and void and paste. This will be my back-end. Now, you see that it's backing. I'll just clear the drawing pad and you can see when a band, it pains to bargain. Now, there are few settings that you need to keep in mind. The first is escape. If you want a very big margin. Now, your brush size won't determine the battery size, which is why you need to select the size from here. And I'll give it out of the scale. The next thing that you need to do is go to the Apple pencil or, and what you do is produce the best feet. Dependence on brushes to 0 so that it is not paint lighter, dark, and pains the same way. Even if you bend it multiple times with a different pressure at every single time. The next thing that we need to do is remove the offset. Here we go to green again and we will turn this off. Why? Let me see if I paint a button right here and then paint it again. It means different things. To the move that issue. We will move this and now we can see that even if it been a 100 times, It's not going to shift the budget. It's going to continue with the exact same way. That pretty much completes the back-end. One thing that I like to do with my brushes because I usually use these brushes, the background. And so that it's a pretty large canvas that, so instead of having two for each part from a very small brush, I go to Stroke and I did increase the spacing. And then from the Properties panel, I increase the maximum size, that it's a bigger brush. Now what I do is I go to Layers panel and use a new layer. And I'll show you like this. You can see the backend. If you think the battery is not large enough, can just go to the brush settings, green and scale it down. So I have a 20 percent scale and you can see the face of a large bucket. You can also say n columns. If I choose a red column. Remains, said earlier to my design. I usually reduce the opacity when I'm using it as a bedroom. And I sometimes also change the mode to multiply. And then this is important. You need it to be lighter color at the background so that it shows up and see. It's a really nice, pleasing color here. So that completes the class. Thank you for watching. And please don't forget to make sure that you upload your class projects. 5. Pattern number 2: full walkthrough : Hey guys, welcome back to the last part of the class. This is a bonus video where I'll be showing you an entire walkthrough of the, I create a pattern using a watercolor theme. I'll be creating watercolor flowers and repeating them into a bargain. So let's get started. For this. I'm using a watercolor brush. This is simply watercolor brush that you can create yourself. I'll also be teaching this in my next class. Hopefully. For this, I have taken apart in color palettes on the Internet. I searched for watercolor flowers. And I liked what a good illustration that I used this and created an imbalance from it. You can always create a new battery from any picture and procreate automatically, takes away images and colors that it finds an image, and you can use those values. The next thing I'm going to do is I'm going to be changing colors and meaning again, so I keep this handy and I'll move it from here so that it stays on AdWords. Now as this pink color and size. Now I'll take the smudge tool and make this into a pattern look like this. See this gives it a very nice watercolor. Now, I think this one looks a bit weird. So that's something that's very easy in Procreate that you can easily edit demonstrates. Again, get this much tool and make it a bit smoother edges. And again take the trash and reduce the opacity because I think the color fades away too much. Data columns and a bit larger side so that I can add another layer so that I can play with the blend modes that I would like it to be. Though, Let's go. Now we begin with the smudge tool. I really like this much tool when I'm working with watercolors in Procreate. It really gives me the ability to play with the colors and mix and match. Like this. Now gives better Ito's watercolors and you know, givens. It gives a darks and lights shades, which is usually what you get when you're dealing with. Actual watercolor is not every stroke is entirely the same when you are using watercolors. And yeah, I think the buttons are pretty much done. The petals. Now I make the center. For the center, I'm choosing a greenish blue color, this one. And this, I will increase capacity but reduce the size and I'll put some dots. And then these two, I'll also put a bit of purple in it like this and then smudge. When I use lunch, I usually do use it very lightly so that it does not completely makes it transparent. I paint a bit more lately too. Yeah. Now muscle is pretty much done. I just need a better use a blue color. Same brush. But I make it on unless that I can move the layer down. So I don't want my lead. We had some that part. Now I make a list, please. You have two options. Either be made, creating two different parts. So now first of all, I select all of these and I need to duplicate it. One option is to group and then create a duplicate. But I think this is a very tangled him because I know a shorter method, so I'll do that. Sick. Let's see. I can undo this. And I can do is I basically drag these over to the Ghana's. And this replicates layers directly. Now I select all three and move these a bit, and I'll flip them horizontally so that this creates a defense. And now what I'll do is I make different pattern. The friend, please on model these. But this one, I'll create small, please play days. So watercolor brushes, one thing that you need to keep in mind is that you always need to have, you have to try to do it in one stroke. Because usually when using watercolor brushes and when we are making watercolor brushes, the settings that when you have one stroke like this, and then you have a second stroke overlap and they give you a darker shade like this one here. Like this part. This is why I tried to make when he is in one single go like this. You can play with the pressures settings and you can increase and decrease the pressure to get a bit more realistic watercolors and release. But that's how I do. Now as you can see, this part is left and I haven't included, but I leave it because since it water it's water colors. It's usually like this. You don't get a very consistent look. Usually, I don't like this one. And here we go. For this one. The next one, I'll make a bigger set of leaves, which is like my leaves. I'll take a different color. I'll take the darker color. Yeah. And I mean, one thing that I will do to my watercolor brush is to reduce its pressure sensitivity. Because I think I don't need the brushes and sensitivity in this brief. Yeah, that'll do. So. One thing that I think I have to do radio is again, because that's something that I can edit afterwards, like this. And make very short number of leaves because it's very large, least as compared to the ones we did in the lab. Just make three or four slides, I guess. One thing that I will do to create a more realistic look is I'll go to the race and I use the same brush. Again. These are the appropriate settings, the beginning. And now I can use the watercolor brush again. I can reduce its opacity and create a very gentle line in the middle dark. But it gives it a very nice field. As you can see, I'll reduce eyes to very fine point. That allows me to give it more actual scene like this one. And I guess, Yeah. I think this makes the leaves look more realistic. So I usually do is you can make just the lines if you want, or you can just make a couple of lines like this. Or you can make these wins type like this. So now I have Mendel's levels. What I'll do is I'll reduce the size of One so that they don't look very similar to each other. And I'll make them say stick to each other so that they look as part as a single thing and not two separate elements. And here I will go to the increased size bag and properly make them stick together. Now, I have the face of my drain. Now I'll give it a slight backgrounds that I then make another layer. In procreate, I usually make a lot of layers and so that my things are editable and I can easily change things later on as well. And I've selected this very light color and see how it looks. Or maybe this, no. I think this one looks good, but I reduce its opacity, I think. Yeah, now it looks fine domain. Now clozapine, because I'll be working more on the agile illustration. And were two ends meet me back in. I'll drop all these layers together so that my entire pattern is on one layer. And I can easily work with it. One thing that I will do now is increase the size of my slab. Now, later on I'll be calling the whole king as individuals, others because now it's the basic shape of my bagging. So when I go to the moon and I choose to just screen, I think this is a bit larger than I would like, so I would reduce the size and same to it. Okay, Now once you're done with this, now we'll work on making, converting it into a vacuum. So for data suggesting that we need to do is duplicate. Now it's highly possible that you are unable to duplicate because we have so many lives. If you do feel that it's not an issue and you can just let me show you again just created obligate. So the first one, so that you have an editable set of layers and you can hide those. And then you can just flatten one said and use that in the next step. Now once you for design, for what you will do is you will means each of these and do separate corners, as I explained in previous videos, like this, I'll just take the first one and I'll see where it lines up perfectly with the same term. Here. I have all the golden lines them looking for, and this is the exact same center. One thing that you can do because I have been making budgets so long, I again do this easily. But if you cannot, you can, you should go to the first layer that you duplicate it. And you're going to reduce the opacity so that you can easily see what's behind. And now duplicate this so that all of you for layer's opacity that you can easily watch. Now you can see what you moving rate. Here. You can see that you have move it to the center. I'll do this with all my layers. And then we'll make it into the boardroom like this. As the pigmented layer on the top right corner. And my fourth layer on the bottom right. Like this. Now one thing that you can check for is you should be able to see very smooth and sign background and not see any overlap in lanes. For example, is had I not done one of my moves correctly, you'd see an overlapping line like this. Is it this one? So if you see any of these, you know that you've made a mistake and your transmission. And you can work. Again. Once you have this swatch, this is my fault that I can easily use in any of my other software. If I want a bad design, patents feature in Photoshop or Illustrator. So we'll be working on this and I'll create I group all these again. Again, I like to save my list for the future. That's why again, duplicate this and hide one said Slack, it's editable for me later on. I'll flatten this. Now to check Asthma button works properly. I'll duplicate this layer is about 99 lagers. Or you can make it an N4 time the sign anything easily ejected. Now instead of moving these over to one side, I'll reduce the size to 1 fourth of the gametes. And you'll see that you can easily see how the back-end repeats itself. This is one of the most satisfying part. So me because this is where I feel like yeah, that I have completed the thing that I meant to do. Easy this. You can also again see, once again that you can, if you want a back-end, now, you can choose not to make a pattern brush with it. I will make about and lush. But officially is not true. And you want to increase the number of ladders and make the pattern smaller. You can group all these. Again, flatten this, and duplicate it four times again. And repeat the process as many times as you want. And this will give you a bigger and bigger and bigger backend that you can use. For any of your illustrations like this. The furthest part, we had only one cell in the center and the rest of it was in the background and insights. And now we have nine in the center and therapy, the classes you will have 16 in the center. Now, what you can do is you can just keep on repeating the same steps again and again until you're satisfied with the result, you just need to replicate your four times and then produces eyes to one-quarter of your camera's. It'll be this stuff as much as you want. And new pattern gets smaller in size and more number of repetitions. Thank you for watching the class. That back.