Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Save 70% on Plus Maybe Later
How to Make a Seamless Pattern in Procreate
  • By Design Bundles
  • 03 Jul 2021
  • 14 Mins
  • Procreate Tutorials

How to Make a Seamless Pattern in Procreate

Discover how to create a Seamless Repeating Pattern using Procreate.

Let's learn how to create a Seamless Pattern in Procreate. You can use your patterns for many exciting purposes like fabric design, wrapping paper design, etc.

In this tutorial, we are using Summer Clipart by Paper Starr Studio.

Step 1: Create the base document

First, we need to create our base document that needs to be a square so it will be easier to tile. In the Procreate Gallery screen click on the + button on the top right corner, then click on the other + button (with a black background).

Create New Canvas in Procreate

Create New Custom Canvas in Procreate

In this case, we are making the Canvas 3000 x 3000 px @300 dpi (or 10 x 10 Inch). Click Create.

Add measurements to custom canvas in procreate

If you plan to use/upload your design to a Print on Demand site that doesn’t create a seamless pattern by itself, you need to have a larger pattern tile.

The problem is that in Procreate, the larger the file is the fewer amount of layers you are permitted, so you need to keep this in mind while creating your design. Is a good idea to check their specifications beforehand.

* So, you have two options, you can start with a larger file or check out the instructions to create a second version afterward at the bottom of this tutorial in the Save/Export instructions.

You can make a rough sketch of your artwork placement and import it into your document to save time. This is especially useful if you plan to create the design from scratch.

Add the background

Start by adding the Background color first. Use a color that works well with your chosen artwork. You can create a palette with different options so you can test them once you finished the design.

Remember to place each element in a separate layer.

Color Background in Procreate

Place the base elements

Once you have your design elements placement ready, select all the layers (except the Background) and create and group them together. You select more than one layer by slightly swiping each one to the right and clicking on Group on the top right corner.

Group design elements in Procreate

Step 2: Create the tiling design

Duplicate your Group (swipe left and choose Duplicate) and deselect the original one. We are doing this to have the original artwork saved in case we want to start over. Name each Group for identification purposes.

Duplicate Group in Procreate

Flatten your elements and create several duplicates

Flatten the Group you are working with (click on the group layer and choose Flatten).

Flatten Group in Procreate

Duplicate the flattened design a couple of times and keep it as a backup. Remember to rename each layer for identification purposes.

Duplicate Layers in Procreate

Create the lateral tile edges

Hide the original layer and create an empty layer on top of everything.

Create New Layer in Procreate

Use a bright contrasting color to mark the edges on the empty layer.

Mark corners in Procreate

Select the edges layer and one of the design layers and go to the Transform Tool (Arrow icon on the top menu bar).

Select two layers in procreate

Make sure that Uniform is your choice, tap on the Snapping button, and enable Magnetic and Snapping. Distance should be around 19 and Velocity should be set to Max.

Select Tool Settings

Reduce your Canvas leaving some space around so you can have a better view. Move your selection to a side until the center coincides with the edge and you see an orange line on the edge. To deselect, click on the Transform Tool again.

Move selection right

Deselect the repositioned design layer, select another one, delete and recreate the edges layer. Select both of them as you did the first time.

Select two layers in procreate

Repeat the process but this time move your design to the opposite side.

Move selection left

Turn on the layers on both sides. If you see too much blank space in the middle of the design, fill it with some design elements to make it more harmonious.

Turn on side layers in procreate

Merge layers into one after you are done but leave the edges layer out (pinch down all the layers you want to merge with your fingers).

Fill design gap in procreate

Create top and bottom tile edges

Duplicate the flattened design again a couple of times and keep it as a backup. Remember to rename each layer for identification purposes and hide the original one.

Duplicate layer in procreate

Select one design layer and the edges layer, choose the Transform Tool, and repeat the repositioning process but this time move them up or down until you see the orange lines.

Select two layers in procreate

Move selection up in Procreate

Repeat this process in the opposite direction. You can delete (or hide) the edges layer now.

Select two layers in procreate

Again, turn on the top and bottom design layers. If you see too much blank space in the middle, fill it with some design elements to make it more harmonious. Merge layers into one after you are done (pinch down all the layers you want to merge with your fingers). Name this layer Pattern Tile.

Fill design gap in procreate

Verify that the pattern is seamless

To verify that your design is a Seamless Pattern, Duplicate your layer, rename each layer (for identification purposes and hide the original one). Select the Transform Tool (with the Magnetic, Snapping, etc. settings set as before) and reduce the design to ¼ of the Canvas.

Reduce selectivo in procreate

Duplicate it and move the duplicate to the side. Make sure that the design is seamless and then, merge both layers.If you notice a gap or any other inconsistency, fix it before merging.

Move selection to side in procreate

Fix gap in procreate

Create a Duplicate of the merged layers and move to the top or bottom (depending on where the other layer is placed) to fill up the entire Canvas. Again, check that everything works and merge the layers. You can save this layer as the pattern reference.

Duplicate and move layer in Procreate

You can hide everything except the Pattern and Background layers.If you don’t want a background color, leave the Background layer out.

Hide layers in procreate

Step 3: Exporting/Saving your Pattern

If you are going to use your Design with a site or software that automatically creates the Pattern (like spoonflower), just go to the Actions menu (small wrench icon on the top menu), click on Share, choose JPEG as the format and choose the location you want to Save or Share to.

Share as JPEG in Procreate

Select save destination in procreate

Enlarge the file

If you find yourself needing to enlarge the file you've made, you can duplicate your file in the Gallerybyswiping right on it and choosingDuplicate.

Duplicate Canvas in procreate

Rename canvas in procreate

Delete all the unwanted layers and go to Actions (small wrench icon on the top menu), click on Canvas, and then on Crop and Resize. In Settings (on the top right side) change the measurements to 20 x 20 Inches (make sure that Resample and Snapping are Not checked) and click on Done.

Resize canvas in procreate

Change canvas measurements in procreate

This will resize your Canvas but not the design.

Resized canvas in procreate

Now, to create the pattern design, duplicate the Pattern Tile layer, move the duplicate to the side using the Transform Tool (with the Magnetic, Snapping, etc. settings set as before).

Duplicate layers in procreate

Merge them together, duplicate again and move the duplicate up or down and finally merge them again. Now, Share your file as a JPEG.

Flatten layers in procreate

If you want to make a seamless pattern using your own hand-drawn designs, check out the Free Procreate Brushes available on Design Bundles.

Make sure you don't miss our guides on using Procreate stamps and creating a marble effect in Procreate.


6 Related Procreate Tutorials

In our tutorial we will show you how to make a simple seamless pattern in DesignScape. A great online editing option to Photoshop and Illustrator, DesignScape gets you creating in no time. Want to try DesignScape but not a Gold Plus Member yet? Then check out our free 30 Day Trial ...

Seamless Patterns are very useful design elements. They can have multiple applications like fabric for cushions and other home decor items, tote bags, or phone cases, and even as web elements. In this tutorial we will show you how to make a seamless pattern in Illustrator. Basic information about Illustrator ...

For this tutorial, we are making a seamless pattern. You can use it to print at home to make scrapbook paper, use with printable vinyl, or sublimation. A seamless pattern allows you to join multiple copies side by side without a visible seam to make a larger design.If you ...

For this tutorial we are making a seamless repeating pattern that you could use to print at home to make scrapbook paper, use with printable vinyl, or sublimation. If you are using an outside source like a print company or manufacturer, you would need to make sure you follow the ...

For this tutorial we are making a seamless repeat pattern that you could use to print at home to make scrapbook paper, use with printable vinyl, or sublimation. If you are using an outside source like a print company or manufacturer, you would need to make sure you follow the ...

Instagram Carousel posts are a type of social media post that can gain you lots of engagement. Whether it's swipe-worthy information posts, seamless posts that all fit together, or one design shown in different colors – Instagram Carousel posts are gaining in popularity!You can use Carousels to promote a new ...

You may also like

Help Center
ol image