In this Quick Tip tutorial, I'm going to show you how to create a simple and trendy geometrical pattern, the quick and easy way. First, we will create a special repeating shape, and then we will move this object using the Smart Guides tool. In the end, we will have a pretty and modern pattern that we'll recolor.
Using this technique, you can create many simple but beautiful geometrical patterns. Get your inspiration at Envato Market!
I'm showing you an old method in case you have an older version of Adobe Illustrator. However, if you have a more recent version of Illustrator, you can create a seamless pattern using the Pattern Options function.
1. Create a Background for the Pattern Template
We will start by drawing a background for our pattern. Select the Rectangle Tool (M) and click on your art board. In a new dialogue window, enter 100 px Width and 100 px Height. Then click OK.
I chose a mint color, but if you'd like something else, feel free to make a square using any color.
2. Create a Repeating Shape for the Pattern
Step 1
Now let's create a repeating shape for our pattern. Delete the fill color and set a black stroke color. Later we will change it to white, but now we want to see it clearly.
Take the Ellipse Tool (L) on the Tools panel and click on the art board. In the new dialogue window, enter 20 px Width and 20 px Height, and click OK.
Holding down the Alt (creating a copy) and Shift (moving straight) keys, move down your circle. See? Now you have two of them. Keep them selected. Hit the Rotate Tool (R), and then on your keyboard, press the Enter key. A new dialogue window will pop up asking how many degrees you want. Enter Angle90 degrees and press Copy.
We're almost done making our shape—just need to turn them into one shape. Go to the Pathfinder panel and press Unite. Now we have our repeating shape.
Step 2
Place the shape on the mint background that we created in the previous step. Change the black stroke color to white. Set the stroke Weight on the Stroke panel to your liking and when you are satisfied, expand the stroke of the repeating shape (Object > Expand).
Let's align everything here. Be sure to check the Align to Selection option on the Align panel. Keep these two objects selected (the background and the repeating shape), and press Horizontal Align Center and Vertical Align Center.
3. Create the Pattern
Step 1
Now we want to move our repeating shape freely. But to move it precisely, we need to enable the Smart Guides. So let’s go to View > Smart Guides (Control-U).
Press down the Alt key and move the repeating shape (now we will call it just RSh) from the middle of the square upwards. You need to hold down the Alt key, because this helps to create a copy. The Smart Guides will help you to put the center of the RSh exactly on the upper side of the square.
Step 2
This time, press down the Alt key again and move down the RSh.
Step 3
Holding the Alt key, move the RSh to the left.
Step 4
Holding the Alt key, move the RSh to the right.
Step 5
In this step, I didn't take the original RSh from the middle, because it's hard to drag the shape exactly diagonally. That's why I took the left RSh and dragged it up.
Below, you can see how it looks when I tried to drag the original middleRSh diagonally. You can see that dY is not 50 px, but 49.67 px, which is not precise. If yours looks like mine, just take another RSh that you can move straight, not diagonally.
Step 6
Holding the Alt key, drag the upper RSh to the right.
Step 7
Holding the Alt key, drag the right RSh down.
Step 8
Holding the Alt key, drag the left RSh down.
Step 9
If you select everything (Control-A), you will have the same picture as
below. Select all the RSh (first select just one, then go to Select >
Same > Fill Color) and group them together (right-click > Group). We want to group them, because later it will help us to crop easily.
Step 10
Now select just the mint background and make a copy in front (Control-C, Control-F). Then cut out this new copy (Control-X) and place in front of everything (Control-F). Keep it selected and then select the grouped RSh. Go to the Pathfinder panel and press the Crop button. Your result should look like this:
Step 11
To create a pattern from this, you need to drag the entire pattern to the Swatches panel (Window > Swatches). Select everything (Control-A) and using your mouse, move it to the Swatches panel.
4. Create the Pattern
Step 1
Since you've created a new swatch pattern, you can safely delete everything from your art board. Then take the Rectangle Tool (M) and create a square with 600 px Width and Height. Go to the Swatches panel (Window > Swatches) and choose the new pattern that you just created. Look how adorable it is!
Step 2
Now, let’s see how we can change the color of the pattern.
Select the square with the geometrical pattern and go to Edit > Edit Colors > Recolor Artwork. In the new dialogue window, press the Edit button, and then press the tiny button that looks like a chain, Link harmony colors (located at the bottom right), and then simply drag the color handles to your choice of color. Enjoy how the color is changing on your pattern!
Look how beautiful it is with this sky blue color:
Step 3
If you want the same pattern but with smaller RSh, select this pattern and right-click > Transform > Scale. Enter the following options in the new dialogue window:
Yay! You're Now Done!
We are done! Now you can call yourself a master of geometrical patterns. Because you have learned how to create an original shape for your pattern template, you now know how to make a swatch template from the pattern template, recolor and even scale your artwork! I'm certain that you are an expert already.
