Category

seamless patterns

how to make seamless patterns in procreate

How to Make Seamless Patterns in Procreate | Free Tutorial

By procreate, seamless patterns, tutorial

How to Make Seamless Patterns in Procreate

Hi, I’m Kris, and today I want to show you the easiest way I know to make seamless patterns in Procreate.

If you have ever struggled with your patterns not lining up properly, this simple method will fix that for you. And once you learn it, you will be able to create endless designs in just a few minutes.

In this tutorial you will learn three easy pattern styles: a sweet little flower repeat, classic polka dots, and a fun overlapping circle design. I will also show you a neat trick for creating a mirrored, reverse pattern once you have your basic tile down.

Watch the full video above, or follow along with the written steps below.


Part 1: Follow Along With the Video

What You’ll Need

  • Procreate on your iPad
  • A brush you love (I’m using the oil paint brush from my Illustrator Starter Kit)
  • The Pattern Maker tool to preview your tiles as you go, plus my full Procreate For Beginners course, both free inside my Goodie Bag

Step 1: Start With a Square Canvas

This step matters more than you might think, so do not skip it.

Open a new canvas at 3000 x 3000 pixels. Keeping it square and nice and big means you won’t run into pixelation issues later, and a square canvas is what makes a clean, seamless repeat possible.

Step 2: The Basic Four Corner Method

This is the technique behind every pattern in this tutorial, so once you have it down, you can use it again and again with any little motif you like.

Draw your motif. Pick your color and draw your design somewhere near the middle of your canvas. Keep it simple to start, a little flower, a dot, a heart, whatever feels fun. Keep your design inside the bounds of your canvas. Nothing should touch the edges yet.

Turn on snapping. Tap your arrow tool and make sure you’re set to Uniform, then head into your snapping settings and turn Snapping on, with distance and velocity set to max. You’ll see yellow guide lines pop up as you move your layers around, and they’ll snap your design right into the center.

Duplicate to all four corners. Duplicate your original layer four times (always duplicate the original rather than a copy, it keeps things from getting pixelated). Then drag one copy into each corner, watching for those blue dots and yellow snap lines to confirm you’re perfectly placed. It won’t look like much yet, that’s okay, keep going.

Flatten and preview your pattern. Tap your wrench, then Add, then Copy Canvas, then Paste. This flattens everything into one solid layer. Now open the Pattern Maker tool inside your Goodie Bag, drag your flattened image in, and choose the grid layout. Scroll down and you’ll see a preview of your actual repeating pattern. If the lines connect cleanly with no odd gaps or breaks, you’ve got a successful seamless pattern.

Style 1: Simple Floral Pattern

This is the pattern we just walked through above using a small hand drawn flower. Once your four corner flowers are duplicated, flattened, and tested in the Pattern Maker, you’re done. A simple motif like this is the easiest way to get comfortable with the four corner method before trying anything more detailed.

Style 2: Classic Polka Dot Pattern

For this one, start with a colored background layer (I went with purple). On a new layer, draw a simple circle using your monoline brush, holding your finger down after the first tap to make it perfectly round.

Follow the same four corner method: duplicate the original circle, snap each copy into a corner, and check your yellow guide lines each time.

Here’s where you can have a little fun. Add a new layer and fill in the gaps between your dots with smaller, irregular details, extra dots, tiny hearts, little squiggles, whatever feels playful. Just keep everything inside your canvas bounds so your repeat stays clean.

Flatten with Copy Canvas and Paste, then test it again in the Pattern Maker.

Style 3: Overlapping Scale Pattern

This one creates a really pretty layered, scalloped look.

Draw a large circle using your monoline brush, positioned so it touches your canvas edges as evenly as you can manage. It takes a bit of fiddling to get it centered, but keep adjusting until it feels close.

Fill the circle, then duplicate it and change the duplicate to match your background color so it becomes invisible against it. Move that duplicate halfway across your canvas, then mirror it horizontally and drag it to the opposite side.

Flatten with Copy Canvas and Paste and preview it in the Pattern Maker. You’ll see a lovely overlapping, scale-like repeat appear.

Bonus: Creating a Reverse (Mirrored) Pattern

Once you have any motif duplicated into your four corners, try this: select your original layer and use the horizontal flip tool on it before you flatten. This flips the direction of your design and gives your pattern a completely different feel with barely any extra work. It’s a lovely way to get two pattern variations out of one drawing.

A Few Tips Before You Start

  • Snapping is your best friend. Always double check for the yellow guide lines before you trust a placement.
  • Keep your design inside the bounds. Anything touching the edge will break your seamless repeat.
  • Duplicate the original, not a copy, to avoid extra pixelation.
  • Test often in the Pattern Maker. It’s the easiest way to catch a misaligned tile before you commit to a full design.

If your colors are looking a little flat or dull while you’re working on this, I have a tutorial on why your colors look dull in Procreate that pairs nicely with this one.

I hope you had fun making these patterns with me. If you would like all the brushes, palettes, and tools I used today, they’re waiting for you inside my free Goodie Bag, along with my full Procreate For Beginners course. And whenever you’re ready to go further, I would love to have you inside one of my premium courses, where I walk you through creating beautiful artwork step by step, the kind you can turn into patterns, products, and so much more.

Happy creating!

Kris x


Part 2: A Few Extra Things Worth Knowing

(Not covered in the video, added here for anyone with more questions)

If you’re looking to build out a bigger library of pattern motifs beyond what we covered today, it’s worth browsing my shop for brushes and toolkits that work well for hand drawn pattern elements.

And if you’d like a few more quick wins for your Procreate workflow, my post on 10 quick Procreate tips and tricks is a sweet little follow up read.

FAQ

What canvas size should I use for seamless patterns in Procreate?
Start with a square canvas at 3000 x 3000 pixels. Keeping it square is essential for a clean, seamless repeat, and the larger size means you won’t run into pixelation issues.

How do I check if my Procreate pattern actually repeats seamlessly?
Flatten your design with Copy Canvas and Paste, then drop it into a pattern preview tool set to grid layout, like the Pattern Maker inside my Goodie Bag. If the lines connect cleanly with no visible seams, your pattern is seamless.

Do I need special brushes to make patterns in Procreate?
No, you can use any brush you like, including Procreate’s own default brushes. Softer brushes like oil paint or monoline give a hand drawn feel, but the four corner method works with any brush.

Can I sell products made with patterns I create using this method?
If the design inside your pattern is entirely your own artwork, yes, you’re free to use it commercially. If you’ve used someone else’s clipart, illustrations, or artwork to build your pattern, you’ll need a commercial license from that artist first, and even then, that license typically covers using the artwork on products you sell, not reselling the pattern itself as a standalone digital product. Always check the specific terms of any license before selling.

Why does my pattern have a visible seam or gap?
This usually means your motif touched the edge of your canvas, your snapping wasn’t turned on, or your four corner copies weren’t placed precisely enough. Zoom out and check your yellow guide lines carefully before flattening.

bunny clipart

Valentine Bunny Clipart

By bunny clipart, illustration, seamless patterns

This Valentine Bunny Clipart is so cute!

Valentine Clipart, Bunny Clipart, Bunny Line Drawings and Valentine Seamless Patterns

No matter what time of year it is the next Valentine’s day is always coming up!

To help all of you that are looking for Valentine clipart for your next creative project I commissioned Kris to create the cutest Valentine Bunny clipart that you can use for your Valentine’s themed creatives.

You’re welcome!

Okay, I didn’t really commission her to make the collections of Valentines bunnies and hearts but it did sound good for a minute.

Anyways, I want to point out three collections of Valentine clipart and patterns that could save you time by turning your search for Valentines art into a one stop shop!

So, without further adieu, let me show you some very cute Valentine clipart.

bunny clipart

Love Somebunny Valentine Clipart Collection

Okay what can I say about Love Somebunny clipart?

Cute hand illustrated bunnies – check

Whimsical cupid bunny – check

Cute trees with hearts for leaves – check

Illustrated umbrellas with hearts – check

Flowers, hearts and branches – check

Premade wreaths – check

Lots of other illustrated elements – check

An illustrated vespa for the bunnies to ride on – check

All in PNG format with transparent background – check

Perfect for Valentines creative projects – check

Can be used for other love themed projects – check again

I mean what’s not to like about the Love Somebunny clipart collection.  If you are looking for Valentine clipart this collection really has it all!

Love is in the air and if it isn’t then this art will certainly help.

If you don’t believe me go check out the previews Kris has done that will give you some great ideas of what you can do with this clipart that will truly inspire your own projects.

Alright, moving on…

bunny line drawings

Valentine Bunny Line Drawings

Maybe the love themed creative project you are working on doesn’t require fully colored bunny clipart.  Instead you are looking for sketched line drawings of bunnies or bunny outlines that you can use.

St Valentine himself would be proud of the Love Somebunny Line Drawings and Outlines collection!

Remember all those cute bunnies you just checked out in the Love Somebunny Clipart collection…?  Well you can get all those bunnies in outlines and line drawings in this collection.

21 sketched outlines in AI, PNG and EPS format so you have got tons of flexibility for what you are going to use them for.

Wander on over and take a gander at these bunny line drawings for yourself.

And last but not least…

bunny seamless patterns

Valentine Seamless Patterns

I love a cute and stunning pattern that really helps to bring a project together.

You can certainly make your own seamless patterns from the Love Somebunny clipart collection but why not save time by using he premade Valentine patterns in the Love Somebunny Seamless Pattern pack.

The pack comes with 26 super cute seamless patternsCheck them out!

Okay hope that helps you with your Valentine’s Day creative projects!

Talk soon,

Matt

seamless pattern

How to Make Cute Seamless Patterns in Photoshop Tutorial

By seamless patterns

How To Make Cute Seamless Patterns in Photoshop

Today I’ll show you two ways to make a custom seamless pattern in Photoshop. Let’s get to it!

Hey guys, I’m Kris, and I’m an illustrator, and I love helping you make your creative projects easier. If you’d like to learn more tips and tricks and just up your design skills, I’d love to help you in any way I can, so hit that Subscribe button, and that bell for notifications so you don’t miss out.

Alright, let’s get to it and open Photoshop and get going on this first pattern. See you there. Okay guys, full disclosure. I am doing a voice-over, because I did record this with audio and it turns out I can’t work and talk coherently all at the same time, although it is yet to be seen whether I can do this coherently this way too.

So, anyways, let’s get to it and start by going into Photoshop, I’m going File New and I’m gonna make a new document that is 4000 pixels by 4000 pixels, nice and big, and 300 DPI. And I’m gonna push okay.

Okay, and then I’m gonna go into my finder and grab some elements from my Snow Adorable pack here… I’m gonna grab… Let’s see… I’m gonna grab… I’m gonna get some trees and… Let’s see what else, let’s scroll down… And some, and more of these… And some triangles. I’m just gonna drag and drop into Photoshop.

Alright, now let’s change the background color to a nice blue so we can actually see what’s going on.

It always helps.

I’m gonna take this blue and make it a little bit darker. Perfect. Alright. I’m just gonna drag these guys around to make an irregular pattern. And just tweak them a little bit just by going Command-T to scale them. And then I’m going to take my lasso tool to get these little triangles here… I just want one of them to make… I don’t want that pattern always, so I’m gonna select the triangles layer and go Ctrl-C and Ctrl-V to paste so now I have a new little triangle on its own layer and I’m gonna duplicate that by going Command-J and moving it.

Command-T to transform to just make it a little bit on a different location, perfect. And then I can just use that guy and dot them around wherever need be. Fill in the holes, fill in the gaps.

Okay, I’m gonna select all these and move them up to the left hand corner. Then Command-J to duplicate and Command-T to move over, which I really didn’t need to do Command-T, but anyways… Habit. Just Command-J to duplicate, and then I’m just gonna move them around.

And then we’ll just fast-forward a little bit while I just place all these little guys around.

I’m gonna select everything I’ve put on the canvas here…

and move it up to the top left hand corner, so that just the outer elements just touch the edge.

You can see they overlap the edge there. Then I’m gonna take my selection tool and just select the very edge, so anything that touches that very edge at the top, I’m just gonna grab those and then do Command-J to duplicate, Command-T to transform, and at the very top.

You’ll see that in the Y-axis, I’m gonna take that duplicate and move it down by 4000 because I know this canvas is 4000 x 4000, so I’m going to move it down that full 4000 pixels. Gonna do the same to the left hand side.

Select the very edge and Command-J, Command-T to transform and move it over to the other side in the X-axis this time, and that way it repeats perfectly ’cause I know the dimensions and I realized there was a gap at the top there, so I’m just gonna place another leaf and I’m going to Command-J and Command-T, transform in the Y-axis, so I will move it down exactly 4000 pixels. Now I’m just gonna fill in the holes.

Just to make this pattern look like there’s no big gaps. So now I’m gonna take this one, I think I need one over there, so I’m gonna take that and Command-J duplicate, Command-T on the X-axis, 4000 pixels over. It’s starting to fill in nicely.

Okay, so now I’m gonna take all my layers…

And just group them so it’s not messy. And then I’m gonna go Edit and Define Pattern… And you can name it whatever you want.

And then I’m going to go Layer, New Fill Layer, Pattern, click Okay, and then I’m gonna scale it smaller, so I can see if how this pattern has worked out. And this is just my test, so that I can see how it repeats and if it’s repeating perfectly or if I’ve missed anything.

It looks like we’ve got everything just so, so you can see it’s a perfectly repeatable seamless pattern. So this is one way to make a pattern and I’ll show you another way in the next little section.

So, of course you’ll wanna save this, save it as a Photoshop file and save it as a JPEG as well. So the JPEG is the finished pattern and it is a tileable seamless pattern that you can just repeat and repeat over and over.

So then, next what I’m going to show you… Actually, I’m gonna do some stripes first. And this isn’t very new, but I always found stripes to be a little bit confusing.

I don’t know why, ’cause it’s really actually simple,  once you do it a couple of times. But here we go. What I’m gonna do… And this is gonna be an irregular stripe so it’s actually not something that I want to be a perfect line.

I’m gonna use this Kyle Webster brush…

that comes in Photoshop and it’s just like the speckley one. You can see I’m going to make it 800 pixels, that’s the size of it.

So I’m gonna go across here, and I didn’t like that, I want it to go so it’s full on either side. So first of all, I’m gonna actually make this so that it does repeat perfectly because I want the edges to match up and I’m gonna move it over on the X-axis to zero and then I’m gonna duplicate it, so Command-J and I’m gonna move it over 4000, just like I did before, ’cause I wanna make sure that the edges match up perfectly and they do.

And because it’s irregular it actually wasn’t too difficult. So if there were any gaps or anything that looks weird, I could fix it then with a clone brush or something like that, or the stamp tool.

And so I’m gonna take this and I’ll move it up to the zero, the Y-axis there, and then I’m gonna duplicate it, and I’m gonna move it down 800 pixels, and that way I’m gonna get an even stripe because it’s 800 pixels and it divides it nicely into 4000 so I’m just doing multiples of eight… Doing my times tables, trying to remember them…  It’s not that hard.

Anyways, it’s all good.

We’ve got one more to go, and…

There it is at 4000 and now we have a nice stripe pattern. So I can just merge these all together and that’s Command-E, then we’re gonna define the pattern just to check to make sure it all worked out nice… Go over to… Not there… Layer, New Fill Layer, Pattern… And, yep, and I’m going to scale it down and that looks good to me.

Awesome, okay, so that’s the backdrop I want for this pattern. That’s not the new part I want to show you, it’s this part. So I’m gonna go grab some elements from Snow Adorable again, and grab these cute little bears in hot chocolate cups… Mugs… Right?

Okay, I’m gonna scale them, ’cause this is too big and I’m just gonna make sure that the mugs are the same size, so this top guy can scale up a little bit. There we go, getting better. Okay, so pop these guys in the middle, and this is the part that’s important.

And then go Filter, Other, Offset and the settings are going to be half of the width of your canvas. So we know it’s 4000, so it’s going to be 2000 x 2000 and it’s going to be wraparound. And then this little guy can just stay right where he is, and that’s perfect.

And so now you have all those four quadrants…

Perfectly done, you know they were right and the way they’re supposed to be.

Now we’re gonna go and grab some little snowflakes from the snow globe here and this is just gonna add a little bit more texture. You’re not going to see them too much, it’s just gonna be a little bit more subtle, but I think it just adds… Adds a little bit more to this little project.

That looks… Good. I’m gonna take them and I’m going to group them and I’m gonna duplicate the group and I’m gonna take the original group and I’m going to do the same thing, just gonna merge those and go Filter, Other, Offset because there you have it set up, it does it perfectly anyways.

And that just scattered them about to the corners, touch the edges and that repeats perfectly, and I’m gonna bring back the other ones and just move them around just a touch. And… I’m not gonna do that, because then I will have to repeat it and you’ve already seen that box.

Alright, let’s just move these guys around, and that looks good. So now we can go and just tidy those up, merge them together… Edit, Define Pattern, say Okay and then go Layer, Fill Layer, Pattern and test this out just to see how we did, so I’m gonna scale it down and here we go, and so you can see how easily that this type of pattern is to create with the offset method, and that looks good.

Perfect. I love that little bear, so cute.

So that was two ways to make a seamless pattern in Photoshop. I hope you found it useful and you can use that in your next project. If you haven’t already, hit Subscribe, that really helps me out and then you don’t miss out on any of the upcoming videos. So, I love you guys, I appreciate you so much, and hope to see you in the next one.

 

 

 

how to design your own fabric

How To Design Your Own Fabric Easily

By seamless patterns

How To Design Your Own Fabric Easily!

 

Hi Everyone!

We don’t know about you but it always seems like there are too many things to do in the day and not enough hours to do them!  With that in mind we are checking off one of the many things that has been on our to do list and that is to write this guide on how to design your own fabric and be fabulous!

We don’t know why we added “and be fabulous” on the end but hey, if you are going to do something you might as well be fabulous right?  We like to think that if you are feeling fabulous than your fabric will be that much more fabulous!

And for the record, because we haven’t said it enough already, can we just say it one more time…fabulous!

Alright, enough of the pleasantries, let’s get right into it shall we?

Come Up With Your Theme

 

The first step in designing your own fabric is deciding on your theme.  Are you looking to make a spring floral fabric, ballet themed fabric or spring bunny fabric to name a few?  It sounds obvious, but having a theme will help you in either making your own art or finding artwork by illustrators that is all related to your theme.

Take a minute and think about it!

how to design your own fabric

Make/Get Your Art

 

Once you have your theme nailed down you are now ready to start getting the art together that you will use to make your seamless pattern.  We won’t go into how to create your own artwork here.  If you are new to creating your own art then there are many courses and tutorials out there that you can find to help you with that.

design your own fabric

An easier and just as fun way to get your art is to use someone else’s!  Ahhh yes, it is great to let someone else make the art, especially, well, if they can just flat out do a better job than you can!  The good news is that there are lots of places to buy art for commercial use or just personal use to make your seamless pattern for your fabric.

In fact, there is lots of lovely art for all sorts of themes on Pretty Little Lines you can check out here!

A word of advice is that if you are going to create fabric that you are going to sell and you are using someone else’s artwork than you must purchase it with the right license.  Usually a standard commercial license will have you covered for under 500 sales so read over the licenses and choose the right one for you.

Make a Seamless Pattern

 

All of the clipart collections you will find on this site include premade seamless patterns.  However, there are many individual elements you can use in the collections to create your own seamless patterns if you want something more custom.

If you don’t know how to make a seamless pattern already check out this very helpful video by Kris Lauren on how to make a seamless pattern in Adobe. (Check back! It will be out soon)

how to design your own fabric

Send Your Pattern To Your Fabric Print On Demand Site

 

After you have your seamless pattern completed you will be ready to head over to one of the many print on demand sites, like Designyourownfabric.com or Spoonflower.com, to have the fabric made.

Some sites may ask you to create a profile first.  You will need an account so you can save your design and so you can enter your billing and shipping information.  After that is out of the way, you will start by uploading your seamless patterns file.  Most sites accept .jpg, .png or .tiff files however, designyourownfabric.com does not accept .png files so if you are using them make sure you save your seamless pattern as a jpeg file.

You will want to make sure the seamless file you have created is at least 150dpi but we recommend 300dpi and 4000px x 4000px so you get the best results. 

Here is a great little guide for sizing your image on Spoonflower.

design your own fabric

Order A Test Yard of Fabric

 

Once you have uploaded your pattern you will want to select what kind of fabric you want and make sure to select that you want a test swatch.  You can play around with the size of your image on Spoonflower by selecting bigger or smaller to manipulate how often you want the pattern to repeat.  The setup on Designyourownfabric.com is very similar.

Once you are happy with the results go ahead and order that test swatch and wait for it to be delivered to your doorstep so you can see it with your own eyes!

Order Your Fabric

 

If you are not happy with the test swatch then make the necessary adjustments and order another test swatch.  If you are happy with the test swatch then go ahead and order your custom fabric and wait in anticipation for your beautiful fabric to be delivered to you!

We hope that helps you in designing your own fabric.  Of course, there are other tips and tricks but this really gives you the gist of it so you can get started and cross designing your own fabric off your to do list.

Happy Creating