Create seamless patterns in procreate | Ana Di Maria | Skillshare

Playback Speed

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

Create seamless patterns in procreate

teacher avatar Ana Di Maria, Pattern Designer

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

6 Lessons (18m)
    • 1. Intro

    • 2. Class Project

    • 3. Lesson 1

    • 4. Lesson 2

    • 5. Lesson 3

    • 6. Final Thoughts

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

In this class you’ll learn how to create seamless patterns in procreate. First will see what is a seamless pattern. Then I’ll show you how to arrange your illustrations to create the main tile you need to make the pattern, move the elements pixel by pixel and how to export it to a jpg to finally test the pattern to see if it’s working visually

Meet Your Teacher

Teacher Profile Image

Ana Di Maria

Pattern Designer




I'm Ana,  i'm a freelance pattern designer, based in Buenos Aires, i love creating in both traditional and digital media.

My work is mostly full of flowers and a little bling! you´ll find a gem in almost every piece if illustration a make, i love them that much!

You can find my latest work in Pinterest, together with process videos and updates on new classes!


Thank you for visiting this page, i hope you enjoy my classes and see you in the project gallery!








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, I'm Anna, I'm a surface designer and illustrator. And in this class, you'll learn how to create seamless patterns in Procreate. First, we'll see what a seamless pattern is. Then I'll show you how to arrange your illustrations to create the main styles, you need to make the butter and export it to a shape x. To finally difficult then to see if it's working visually. For your class project, you'll just have to create your own and share it. Have fun, and see you in class. 2. Class Project : For this class, you will only need an iPad procreate, and an Apple pencil. And for the class project, you will make your own butter and share it in the project gallery. So let's move on to the graph. 3. Lesson 1 : so there's I want to go through what? It's a seamless brother, a seamless brother. It's a repetition off a main design. You can do it in a square or rectangle tire, and if you duplicate it and put it one next to the other, you don't see any. Seems like in this case here, you can see the difference between one design that is created by a similar style, and when it's not, you can see the difference better. Once they are repeated here, you see this main tightly sign creating a seamless pattern that can we repeat it indefinitely, and you can use this patters in fabrics, wallpapers, give wraps or any other brothers that needs a seamless background. And to make the title seamless, you need to make sure that whatever element you could in the top edge, you have to put insane elements in the bottom and whatever elements you put on the left, you have to repeat them on the way in the same position. Now let's move on to making our father 4. Lesson 2 : no. All right, so start to grate the pattern. Let's create a new document. I'll make mine a square one, but you can do a rectangle title if you prefer it. Now, here in my document, I already have my elements Where the the amount off illustrations. You wanna have your pattern? It's also up to you. I like a more dance butter full off little elements, but at the same time, I didn't wanna complicated too much. So I pick only three different elements in three different versions, and I'll choose three to put on the edges. But once you understand the process, you can assume many as you like. You're gonna follow me along with one element to make it easier. For the first time you tried, I have all of them in one group as my backup. Once you have your illustrations, we can start building the main tile off the pattern. I start by the edges and to have some kind of guy where to put the elements. I make some guidelines with help off the drawing guy. You can find it in actions campus and select drawing died Next. I be good color on my favorite of brush and in a new layer, I make two lines in the left on in the right side that goes all the way to the end off the campus, on the other to chose from line to line. I do this because for me, the most difficult part, it's filling in the corners. So this way I make sure that everything I put behind the left line also covers the left corners and it's the same with the right edge. Now I can get rid off the islands on. I go back to my backup group on a creepy elements I want to use in the left edge. I duplicate the ones I want. Take them outside the group and he put them all in the same layer, make another layer imported under this one and fill it with any color. The important part is that you lower the opacity toe around 20% to create a semi transparent background, and we put both layer in a group so we can move both players at the same time. A name it left and because every element we put in the left side, you have to put it in the right side. We duplicate the group and name it right now before we move on. The recent would put the semi transparent background is because in procreate we don't have a tool Where you put the amount off fixers, we want to move on element. You have to do it manually. On with the background, we see the alignment off the element in both edges because it's semi transparent. The way it works is the doc. One helps guiding because when it overlaps, it gets darker and you don't want that. We want them to be next to each other without any gap either. This is really important in a seamless pattern. Every pixel counts. Now let me show you. Select the group with the selection tool on. Start moving it to the left. You can see already how it overlapped. Make sure you put the elements behind the black line on Once you have them where you like it, we release the group and now will do the same with the right group. Let go when they are overlapping just a big and now you have to separate them manually pixel by pixel. For this I have to top in the screen with one finger. I picked the selection tool. I want up. It moves one pixel. This is the only way you can move it and put exactly where you want it. Try to do it without moving a port around just to the left. Remember, if it opened, lapse or are too far apart, the butter won't be perfect, and you'll be able to see where the elements don't feel. Make sure you get the settings in uniform on Magnetics. Now we repeat the process with the elements off the top and bottom. - Don't forget. You can always follow. Take them or change the size to make it more interesting. - Now that we have our edges ready, we can delete the background layers in each group, and also you can hide the layer. We used a skyline. Now we can finish the center off Pale. How the elements I want grouped them on, start playing around until it looks the way like it. Finally, you can also add some little elements like gods or stars, feeling the white spaces always in a new layer in case you want to change your later. - Now we need to merge the layers to her of all the elements together in a final main tile. So we duplicate the group, uncertain now the day it's complete, but it doesn't have a background color, so we create a new layer and fill it with the color you like before committing toe. One tried different colors. I'll keep the white. 5. Lesson 3 : Now we're going to dust the pattern in a rabbit form to see if it works visually. But if there's something you want to change again, I put the main tile on the background color in a separate group in case I want to change it . Later on, I duplicate the group. I'm flat in the layer. Now I have the main tile on. What I do is to pick the selection tool and reduce the size of 1/4 off the original size. You can do this if you have the uniforms setting selected now you don't get the layer and start position them next to each other and you can start seen all the elements how they work in a bigger campus. We do these to check if the elements aligned perfectly. If they do the button, it's technically okay. So next is to check the visual part. If you're happy with the result, that's it. You can download the main tile into a shape it, but if you want to make any changes, you have to go to this section on a range again. The parts that are no working for you. And finally, when you're ready to doll Oh, your main tile Goto actions share, shape it and save image 6. Final Thoughts: Thank you for taking the staff. I hope you enjoy it. Don't forget to share your pattern. And if you want any updates on new classes, you can follow me on Skillshare by.