15 MAY

Using Repeating Patterns In Adobe Illustrator

Using repeating patterns is a great way to add design and texture to any of your work, but can be tricky to get right. The keys are to make sure everything lines up – and that it looks good.

There are many ways to build repeating patterns. Here is a quick and easy way to make your own, using Adobe Illustrator.

Step 1

Create the elements you’d like to use in your pattern. Set them to one side, ready to drop into your artwork. Create a square (400 px x 400 px is usually a good size to work with). This will be the boundaries of our pattern.

Step 2

Start laying out your elements, around the edge of your repeating pattern. You want to only do the top and left sides (we will repeat these to the opposite sides). Bare in mind that anything you put in the corners will have to be applied to all corners.

Step 3

We will begin by repeating the left hand side to the right. Select all the objects on the left and copy (cmd+c) and paste over the top (cmd+f). This will create a copy of the objects directly over the top of the current ones.

We want to move these objects to the right. We know our pattern box is 400 px, so we should move our objects 400 px to the right, so they are in the same position for the repeat on the right. To do this, right click the selected objects (the ones on top only) and choose transform > move. In the horizontal field, type 400px, and vertical 0 px.

Now, select all objects that overlap the top line. As before, copy (cmd+c) and paste over the top (cmd+f). Right click, select Transform > Move. This time, we want to move them 0px horizontal and 400 px vertical.

You should now have all sides covered with the same shapes.

Step 4

Fill in the middle however you would like.

Step 5

Illustrator needs to know where the boundaries are for our repeating pattern. The easiest way to do this is to select your background box, copy (cmd+c) and paste over the top (cmd+f); then send it to the back of all of your artwork (cmd+shift+[. You then make this box have no outline and no fill.

Step 6

Select all of your work (including background and transparent box) and drag to your swatches panel. You will now see it appear as a swatch, in the panel.

Step 7

Draw a box and fill it with your new pattern, in the swatch panel. Your pattern will now repeat seamlessly. You can adjust how large the repeat pattern is by right-clicking on the box then selecting Transform > Scale. Adjust the uniform scale percentage to make larger or smaller.

Written by Jen Potter

Hailing from the bonnie north east of Scotland, Jen is a a graphic designer here at Evoluted. She likes nothing more than a new challenge and learning new design techniques. Self confessed music geek; in her spare time, you can find her taking photos at gigs, playing in the Sheffield Samba Band, driving her VW camper van to the next adventure, or spinning fire in the local park. Read more posts by Jen Potter

Free social media icons for every subscriber

Sign up to our mailing list to have new updates delivered straight to your inbox. Every subscriber will get a free pack of social media icons!


Leave your comment