Advertisement
  1. Design & Illustration
  2. Patterns
Design

How to Create a Simple Geometrical Pattern in Adobe Illustrator

by
Difficulty:BeginnerLength:ShortLanguages:
Final product image
What You'll Be Creating

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.

creating the background

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 Angle 90 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.

creating the 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.

placing the repeating shape

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.

moving the repeating shape

Step 2

This time, press down the Alt key again and move down the RSh.

moving the repeating shape

Step 3

Holding the Alt key, move the RSh to the left.

moving the repeating shape

Step 4

Holding the Alt key, move the RSh to the right.

moving the repeating shape

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.

moving the repeating shape

Below, you can see how it looks when I tried to drag the original middle RSh 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.

how it looks when moving the repeating shape diagonally

Step 6

Holding the Alt key, drag the upper RSh to the right.

moving the repeating shape

Step 7

Holding the Alt key, drag the right RSh down.

moving the repeating shape

Step 8

Holding the Alt key, drag the left RSh down.

moving the repeating shape

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.

grouping all the repeating shapes

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:

croping the repeating shapes

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.

dragging the pattern template 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!

creating the pattern using the pattern template

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!

Recolor Artwork dialogue window

Look how beautiful it is with this sky blue color:

recolored artwork

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:

scaling the pattern

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.

Final image
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.