How to Create a Seamless Pattern in 10 Steps

This Illustrator tutorial was written by Asmaa, graphic designer and illustration artist behind Aivault.com.
I know there are plenty of seamless patterns tutorials out there which will tell you how to create them. I myself have found most of them confusing and limited to the basics. When you really start working on creating seamless patterns you might have difficulty getting it quite right.
The process does involve some additional steps. This tutorial is not merely how I create seamless patterns , it is probably a recording of my own process for myself ! How selfish!
Considering that you already have a few symbols in your library which you would like to use to create a pattern start off by dropping them up on your art board.
Step 1
Place the symbols on the art board

Step 2
Draw a filled square and send it to back. ie right click > send to back.

Step 3
Lock the square which is the background of the pattern. This can be colored if you are using any colors for the background.

Step 4
Arrange the symbols within the square. These may flow over lines as well , we will look into the arrangement later.


Arrange over the exterior lines as well in order to create seamless intigration


Step 5
Arrange your work space , there are few points to check. Make sure that these are covered up.
1- View> Snap to point.

2-Show rulers.

Step 6
Drag guides from the rulers and drop them over the bounding outline of the square.



Step 7
Rearrange / arrange flowers over the edges if running throughout the pattern . In this step we will not only select and copy the symbols but we will be using guidelines to do the job.
Select the corner symbol of a flower along with the horizontal guide , which you can do while pressing the SHIFT key. Now press ALT as we are going to take a copy of the “corner flower & horizontal guide ” ALT will create a copy , press SHIFT at this point which will keep the movement parallel , move the symbol copy alongwith the guide downwards.


Repeat for the right side. Remember in a seamless pattern the flower which is showing in the upper most right hand side corner is the one which will run in all the corners. Keeping in mind which part will show and which will not show continue creating a copy and dragging whilst pressing shift and alt.




See if you need further seamless intigration of small flowers or petals or whatever over the side. Repeat the same process , SHIFT select guide and symbol , ALT to copy to the other side.

Fill up empty spaces if any.
Step 8
Select the background box , unlock it if locked. give it no-outline.

Step 9
Creating a bounding box.
Create a copy of the background square.

Paste it to back

Give this copy no fill-no stroke, this is our guide for the pattern and will be our bounding box.

Lock the bounding box.

Step 10
The process , converting to a swatch.
Hide the guides view> guides > Hide guides.
With the bounding box locked, select the background square along with the flowers. and group them
Check! if symbols they must be expanded at this stage!

Again paste a copy of the sqare box in front , remember! It is already copied when we pasted it back for the bounding box?

Bring the pathfinder window , while selecting the group and the front square press crop!

Voila! a perfect seamless pattern! wasnt that easy? and why i forget the process Everytime i am creating a new one after a while i dont know!!

Convert to a swatch!
Pick and drop in the swatches window!!

There you are! a seamless swatch which can be used in ANY form of shape fill out the text and shapes with a seamless pattern !




Monday, October 12, 2009 at 10:09PM



Reader Comments