Skip to content

Digital Design Passive Income

Making Seamless Patterns with Photopea Online

by Tanya McCarthy 13 Aug 2019

Have you ever looked at a pattern and thought, "Golly I wish I could do that!" 

Well you can, and pretty easily too. You don't need any fancy software to accomplish this either, although it does help. 

Previously I wrote a post on Free Design Programs you can use. One of my favorites being Photopea

I generally design most of my patterns here and then import them into Silhouette Studio to use in my designs. It's a very useful tool. I have created a video about this here if you don't want to go through the steps. 

Step 1: Create a New Project for your Tile

When you load up Photopea this is the screen you will see. 

Click on Create a new project and set your tile size. I know a 12"x12" paper is 3600 X 3600 pixels at 300 DPI so I generally set my tiles to 900 pixels (or three inches) at 300 DPI. The DPI is important because you want a high quality file. 

Step 2: Open your desired images and resize to fit the tile

Open up your .png files you want to include in your paper. For this demo I am using a pumpkin and a ghost I created. You'll want to size them down to fit in your tile. In my case I adjusted them to 2 in by 2 in or 600x600 pixels. 

Step 3: Duplicate your images into the Tile

Once you have done that you need to duplicate your images into the tile. Right click on the layer image and click duplicate into. 

You'll see everything you have open but you want to make sure you duplicate into the tile. 

Your images will appear as below. I generally then use the guidelines to place them in the middle. 

Step 4: Arrange and Offset your Images in the Tile

After placing them in the middle of the tile you're going to want to offset them. This will create the seamless look you are going for. In this example I am going to offset the ghost. If you only want one image you can duplicate it in twice (as seen in the video below)

Since we know the pixel size we want to offset horizontal and vertical at half the width (450 pixels)

Click OK and you will see your ghost offset. Once you get your desired layout, you can move to the next step. 

Step 5: Define a New Pattern

Completed Tile so just simply click on define new pattern as shown below. Before I did this I added in a grey color to the background. If you don't do this, you will have whatever background color you choose in the final paper fill step. 

Step 6: Create a Blank Paper

Just as before Click on New and define your paper. Since we know we want 12x12 at 300 DPI we set it at 3600X3600 pixels. 

Step 7: Insert your Pattern and Export

Double click on the background of the paper and the following screen will popup. Click on pattern overlay and select your pattern you just defined. 

Go to the paint tool and click on it. If you haven't added a background color choose it now in your color pallet 

Click on the background and your pattern will appear!

Finally, export your image as a JPG. 

Ensure your dimensions are accurate and change the quality to 100%


Here is the one I created in the video. Cute Huh?

Pretty simple right? You can easily Import these into Silhouette Studio (which is in the video as well) by opening your library and loading the patterns into the program. Once they're loaded you can use them as fill options when you're designing your work. 

I hope this helped some of you. As always comment below with questions or feedback. Don't forget to join my Facebook group for updates on new posts, free files, and other tips and tricks.


Prev Post
Next Post

Someone recently bought a
[time] ago, from [location]

Thanks for subscribing!

This email has been registered!

Shop the look

Choose Options

For awesome tips and tricks on how to grow your business and change your life, enter your email below.

Recently Viewed

Edit Option
Back In Stock Notification
this is just a warning
Shopping Cart
0 items