Tutorial: Seamless Pattern. Illustrator.


In this tutorial I want to show you how to create a seamless pattern in Adobe Illustrator.

Final image :

Tutorials details:

Programm – Adobe Illustrator
Estimated Completion Time: 1 hour – 1.5 hours


Open a new document. Using the Rectangle Tool (M)  create a square.  I am using a square that is 200 px by 200 px. Fill the square with a base color and take off any stroke.


Fill the square  with elements  of your future pattern. Important : elements should be without any stroke.


Copy elements going beyond edge to opposite side using Move command.

For example, select heart on the top. Object – Transform – Move and put settings: horizontal 0 px, vertical 200 px, and press “Copy“.

If you selected left heart, settings will be “200, 0″; right heart – “- 200; 0″; low heart “0, -200″.

Elements shouldn’t disturb each other. If it’s happened move your central element to other position.


All  elements are done and now we can create a pattern swatch. We have to cut every part of our elements leaving for edge of artwork.


Create a new square or rectangle bigger then your artwork and cover all elements.  Fill out the rectangle with a color doesn’t exist in your artwork. I use blue.  Copy background and put it on the top(Arrange – Bring to front  or  Shift+Ctrl+] ).


Select both the square and use Minus Front command in the Pathfinder palette. As result you will see blue frame around your pattern.


Select all artwork (or select your frame, background  and elements crossing edges). I selected only blue frame, background and hearts crossing edges.

Use Divide command in the Pathfinder palette. Take the Magic Wand Tool (Y).  Click on your frame (blue area in my example) and delete.  So, we have now  the basis of our seamless pattern.


Only check if our pattern is seamless.
To add this pattern as a Pattern Swatch, choose it and navigate to Edit – Define Pattern, and it will appear in the swatches palette.

To test it works, draw a simple shape, big rectangle and  go to the Swatch panel and chose the swatch that has just appeared.  At scale of 100 % there should not be visible seams.

Voilà… seamless is done …easy? I think yes.

Below is the final seamless pattern.

How did you do? Post links to your results or your questions in the comments!







Leave a Reply

* Copy This Password *

* Type Or Paste Password Here *

7,146 Spam Comments Blocked so far by Spam Free Wordpress