Tuesday 17 Aug 2010
Patterns are everywhere. Look around and you’ll probably see one right now. It might be a pattern on a tie, a shirt, trousers, a paper cup, bathroom tiles, an umbrella, on a bag, a sofa, wrapping paper… the list goes on and on.
Patterns add decoration and beauty to many consumer products. If you look closely at a true repeating pattern you can see the ‘repeat square’, the area of the image that repeats along vertical and horizontal seams where one section flows into the next.
In this tutorial we will use vector elements to create a four-way repeating pattern swatch in Adobe Illustrator and then mask the pattern into several mock products. So, let’s get started!
Step 1
The key to a four-way toss are the seams of the ‘repeat square’. By arranging elements within a square making sure the top/bottom and left/right seams match, Illustrator can generate a flawless repeat pattern swatch.
Basically, anything that overlaps each side (I’ll be calling the sides ‘seams’ from now on) of the square must also cross the opposite seam of the square in the exact same spot. I’ll refer to these doubled elements as ‘mates’. The file included with this tutorial shows the seams of a repeat square with basic shapes. You can use that square and the shapes as a guide for creating your own repeat with your art.
Step 2
The success of this project has everything to do with exact precision, so take a deep breath, try to remember all those geometry lessons from school and say to yourself “the grid and guides are my friends”. You’ll see that this is very important in a few steps. In Illustrator choose File > New. Pick a size you feel comfortable with, I like 44cm so I have space around the square. Turn on the Grid and unlock the guides.
Tutorial continues...
Jump to page :
[ 1 ] [ 2 ] [ 3 ] [ 4 ] [ 5 ] [ 6 ]
Read more tutorials by this author
Read more Classic Illustrator Tutorials
Learn about our amazing creative tutorials as soon as they're published -- click here follow @digital_arts on Twitter.
Submit to:
Submit to:
Comments
What are your views on this subject? Use the form below to post a comment on this article up to 1000 characters.
Comments received
Linda Vich said on Mon, 30 Aug 2010
Great tutorial! My only wish is that you might have included the pattern shown as a downloadable freebie . . . it's AWESOME!
Click here for the latest reader comments
Disclaimer
Opinions expressed here are those of the writers and do not reflect those of Digital Arts. Digital Arts accepts no responsibility legal or otherwise for their accuracy of content.
Click here to read the terms and conditions.