Advertisement
  1. Design & Illustration
  2. Global Influences
Design

How to Create a Winter Fair Isle Pattern in Adobe Illustrator

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

In this tutorial, you will learn how to create an ornamental traditional winter pattern (similar to the ones on your cozy sweaters) within the grid, using just the squares. This pattern is seamless, so it can be used on fabrics, wrapping paper, surface design, and much more!

Why not try looking for winter pattern inspiration on Envato Market.

1. Draw the First Design of the Pattern

Step 1

After opening your Adobe Illustrator and creating a new document 600 x 600 px Width and Height, we need to adjust a few options. Go to Edit > Preferences > General and adjust your settings using the image below.

setting the general preferences

Step 2

Go ahead and enable the Grid (View > Show Grid) because it will help you to draw the pattern. Adjust the grid options: press Control-K and choose Guides & Grid from the pop-up menu. Enter the settings you see in the image below. After that, go to View > Snap to Grid—this will help you to draw within the grid.

setting the grid

Your art board should look like in the image below: six big grid squares horizontally and vertically, which consist of many smaller grid squares.

how the art board looks with grid

Step 3

For the pattern, we will use the two colors shown below. To make the colors easily accessible, drag each color to the Swatches panel.

colors which will be using

Step 4

Ok—so everything is all set, ready to go! Let's get started!

We will start the pattern from the top left corner of our art board. We’ll take the green fill color from the Swatches panel and use the Rectangle Tool (M) to draw four green squares diagonally.

Before setting the position of the first square, be sure to count how many grid squares you want to leave from the top and left side of your art board. Your finished First design should be exactly in the middle of the one of the six big grid squares. I left five small grid squares from the top and the left side of my work space.

starting to create the First design

By the way, did you notice how easy it was to lay the green squares over the grid? That's because you checked Snap to Grid!

Step 5

Choose the red fill color and with the Rectangle Tool (M), draw a few red rectangles as shown in the image below.

creating the First design

Step 6

Create more red rectangles.

creating the First design 2

Step 7

Now, we want to reflect our design vertically. Select everything you created before and press the O key on your keyboard (to create a reflection) and then the Enter key. In the new dialogue window, enter Axis Vertical, Angle 90 degrees and press Copy. You will get a reflected copy of your design. Using the keyboard, press the Right Arrow key 17 times and you should have a design element similar to this:

creating the First design 3

Step 8

Select everything you created before this step, press the O key and then the Enter key again. We will now create a horizontal reflection. In the new dialogue window, check Axis Horizontal, Angle 0 degrees and press Copy. Again, press the Down Arrow key on your keyboard 17 times. You should have something like this!

creating the First design 4

Step 9

Add a few more green squares for further decoration.

creating the First design 5

Step 10

Select all the elements and press the Enter key. When the Move window pops up, enter the following options and press Copy.

moving the First design

Keep pressing Control-D on your keyboard four more times to fill the line.

finished First design

2. Draw the Second Design of the Pattern

Step 1

Count down six grid squares (from the First design we created) and draw a red square. Add a green square diagonally to the right.

creating the Second design

Step 2

Select the two squares that you just created and press the Enter key. Enter the following options and press Copy.

duplicating the Second design

Your result should look like this:

duplicating the Second design 2

Keep pressing Control-D until you fill in the whole width.

finished Second design

3. Create the Third Design of the Pattern

Step 1

We will now begin by creating a quarter of what will be our whole design—we will create the rest by making copies and reflections.

Referencing the image below, carefully arrange the green squares.

creating the Third design

Step 2

Select all the green squares from the previous step, press the O key (reflection) and then the Enter key. Make a vertical reflection of the design just as you did for the first element. Press the Copy button in the dialogue window. 

creating the Third design 2

After that, using the Right Arrow key on your keyboard, move the copy to the right. Your result should look like this:

creating the Third design 3

Step 3

Create a horizontal reflection of the design you got from the previous step. Move the copy down.

creating the Third design 4

Voilà! You should have a design like this:

creating the Third design 5

Step 4

Select the entire design that you just created, press the Enter key (moving) and then make a copy of it horizontally.

moving the Third design

Press Control-D a few more times to fill up the line.

finished Third design

4. Create the Fourth Design of the Pattern

Step 1

Draw the design you see in the image below.

creating the Fourth design

Step 2

Select the design you just created, press the Enter key, and move the design horizontally.

moving the Fourth design

Press Control-D until you fill up the line.

finished Fourth design

5. Create the Fifth Design of the Pattern

Step 1

Draw three diagonal lines like the ones you see in the image below.

creating the Fifth design

Step 2

Follow a similar process—press the O key and then the Enter key.

creating the Fifth design 2

Move the copy using the Right Arrow key on your keyboard until you get a triangular form like this:

creating the Fifth design 3

Step 3

Select the triangular form from the previous step and press the Enter key. Use the following settings to move the design.

moving the Fifth design

Keep pressing Control-D and your result will look like this:

finished Fifth design

6. Create the Sixth Design for the Pattern

Step 1

Draw the design you see in the image below.

creating the Sixth design

Step 2

Move it horizontally:

creating the Sixth design 2

Press Control-D twice more.

creating the Sixth design 3

Step 3

Select the design from the previous step, except for the line of four green squares on top, and move it vertically:

creating the Sixth design 4
creating the Sixth design 5

Step 4

Add a few more red squares:

creating the Sixth design 6

Step 5

Select the design from the previous step and move it horizontally:

moving the Sixth design

Press Control-D a few more times.

finished Sixth design

7. Create a Copy of the Second Design

Now that you have created several different design elements, feel free to reuse them. For example, I took the Second design element, created a copy and then moved it down using the Down Arrow key.

creating a copy of the second design

8. Recolor the Copy of the Third Design

Step 1

You can also take a copy of the design element and change the color. For example, I took the copy of the Third design and recolored it.

recoloring the copy of the Third design

Step 2

Then I moved it horizontally and made copies just like I did for the Third design.

finished copy of the Third design

9. Create a Copy of the Second Design Once More

You can create a copy of the designs you like as many times as you want.

creting a copy of the Second design 2

10. Create a Copy of the First Design

Create a copy of the First design and move it down.

creating a copy of the First design

11. Create a Copy of the Fourth Design

Create a copy of the Fourth design and move it down.

creating a copy of the Fourth design

Awesome Work, You're Now Done!

Let’s finish off our pattern now. Create a big square (Height and Width 600 px) behind everything—this will be our background. Set the fill color to R=241, G=240, B=219.

Grab the whole pattern with the background to the Swatches panel. Draw a few basic shapes using this pattern and enjoy! Don’t they look like Christmas ornaments?

creating the background

Congrats on finishing this winter fair isle pattern! You just learned how to draw a pattern using the grid. Why not get more inspirations and create even more winter patterns? Hope you are having a warm and cozy winter!

drawing basic shapes using the created pattern
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.