Dec
12
2011

Creating a Simple, Snowy Seamless Pattern

If you’re in the north of the northern hemisphere as I am, it’s coming towards winter. With the holidays coming up, we’re hoping for a white holiday! In today’s tutorial, I’m going to show you how to create a very basic snowy seamless pattern. It is aimed at those who are new to Adobe Illustrator and goes over some great tools that you can benefit from in future projects.

Step 1

You’ll need to enable Smart Guides for this tutorial, as it will make things a lot easier. You can do this by going to View > Smart Guides (Command + U).

Use the Rectangle Tool (M) to draw a long rectangle. With the Pen Tool (P), grace the mouse around the center of the top line of the rectangle until it highlights the center point and says “intersect”. This is where you can add a new point exactly in the center of this line.

Then use the Pen Tool (P) to click on the top corners to remove the points so you’re left with a triangle.

Best Web Magazine   f72af0dd1e5c3b96bbdfd8b1ef5e8cbc   Creating a Simple, Snowy Seamless Pattern

Step 2

I’m going to use the triangle to create a pine tree shape. So select the triangle and Copy (Command + C) and Paste in Front (Command + F). Using the Free Transform Tool (E), move the shape on top of the other and while holding Shift + Alt, grab the corner of the boundary box and reduce the size.

Duplicate both shapes and do the same and then duplicate all four shapes and repeat until you have a pine tree shape, as shown below.

Best Web Magazine   e02c3551f6da4224ea4277aa6c4dc52e   Creating a Simple, Snowy Seamless Pattern

Step 3

Select All (Command + A) of your shapes and using the Align panel (go to Windows > Align if not visible) and select Horizontal Align Center.

Best Web Magazine   cace5ef162e0456639f3fe9a9112c753   Creating a Simple, Snowy Seamless Pattern

To combine the shapes to make them one, use the Pathfinder panel (go to Windows > Pathfinder if not visible) and select Unite.

Best Web Magazine   b6d29c5fc6eddc8d8c90ef07db32cec5   Creating a Simple, Snowy Seamless Pattern

Step 4

Adobe Illustrator comes with a variety of options in terms of color if you’re not so great at picking colors out of thin air. One of the options are it’s many Swatch Libraries. You can access these from going into the drill down menu in the top right of the Swatch panel, then Open Swatch Library > Nature > Foliage.

Best Web Magazine   02637f6b5dd77f8859a59000607adc20   Creating a Simple, Snowy Seamless Pattern

By clicking on the folder at the beginning of the groups of color, it will add the collection to your Swatch panel. I’ve selected “Foliage 1″ and “Foliage 7″. You can then close the Library with the X in the corner to give you more space.

Best Web Magazine   c5eeb0022bea9fdc3a43714719d7c7c4   Creating a Simple, Snowy Seamless Pattern

Step 5

I’m going to create groups of three trees with varied colors. So Copy (Command + C) and Paste (Command + V) the shape and use the Free Transform Tool (E) to alter it’s width and height. Alter the colors of the trees to whatever you desire and then you’ve got one set of trees, Group them (Command + G).

Best Web Magazine   c612a750156bfc03d4892c2dbf2bfe68   Creating a Simple, Snowy Seamless Pattern

As you can see, I’ve created a variety of Groups here, but only used about 4-5 different shades of green.

Best Web Magazine   8f752748bd846b4f45021fd6e7c4aed2   Creating a Simple, Snowy Seamless Pattern

Step 6

Another way of accessing further color options is using the Color Guide panel. To use this, first select a color from your Swatch panel. I’m going to be using a light gray as I’m wanting to create the snow in this scene. This will be your starting color.

Use the drop-down menu in Color Guides to then select the set of colors you’re aiming for. In this case, I’ve opted for Monochromatic, as I’d like to maintain similar shades of gray/blue.

Best Web Magazine   a64aba09ab81e9533f0109cb9446c16e   Creating a Simple, Snowy Seamless Pattern

Once selected, you can see a variety of shades and tints. You can alter this view and range by going into the drill down menu and ticking “Show Warm/Cool” or even “Show Vivid/Muted”. What this will do is give you a different selection of colors similar to the “Monochromatic” color guide you’ve selected. Yet, in this instance, I’m going to keep it on the default of “Show Tints/Shades”.

Hold down Command and select the colors you feel will fit into your scene and then go into the drill down menu and select Save Colors as Swatches. This will add your selected colors into a folder in your Swatch panel.

Best Web Magazine   4e67c272cb7939f718d248fd96726631   Creating a Simple, Snowy Seamless Pattern

Step 7

Using the Rectangle Tool (M) again, I’m going to draw a much longer, slim rectangle. Duplicate it and change the color, duplicate again until you’ve got five rectangles with varying colors.

Select all of your rectangles and use the Align > Horizontal Align Center option to centralize them all and then Group them (Command + G).

Best Web Magazine   ee085278854765354f3a0d760665bdab   Creating a Simple, Snowy Seamless Pattern

Step 8

I’m wanting to give the impression of rolling hills and as you can see, our rectangles are not so rolling! So to do this, I’m going to use Warp Options to assist me. Select the Group of rectangles and go to Object > Envelope Distort > Make with Warp (Alt + Shift + Command + W). From the drop down Style menu, select Twist and I’ve used the options shown below.

Best Web Magazine   5fe993e4ad85ff070133fe595e4d0acd   Creating a Simple, Snowy Seamless Pattern

Step 9

As I’ve got hard edges on the top and bottom, which aren’t looking so “rolling”, I’m going to use the Direct Selection Tool (V) to select one of the points and drag it down a little to create a slight curve in the top of the warped shape.

Best Web Magazine   0e36c6a10a368f8a96ddda58b971011a   Creating a Simple, Snowy Seamless Pattern

Step 10

Duplicate your Envelope shape and move it towards the bottom. Remember to use Align > Horizontal Align Center to ensure it’s all flush at the sides.

Best Web Magazine   88f5b7c5dbd8b0a6916a4744d482121d   Creating a Simple, Snowy Seamless Pattern

Step 11

There will be a gap between the two envelope shapes, so I’m going to add a Rectangle (M) in the background with the fill color of the rolling hill in the bottom of the shape. If you’ve forgotten which color it is, use the Eyedropper Tool (I) to get the color.

As you’ve got Smart Guides enabled (Command + U), you can hover over the bottom left corner until it says anchor, and has a hollow square on your cursor, then draw your rectangle accurately over the area, finishing in the top right corner.

Best Web Magazine   f4050e4a1878f30740e7f0a6c9184b3c   Creating a Simple, Snowy Seamless Pattern

Put this shape behind your envelope shapes and then Group them (Command + G).

Best Web Magazine   5afcfb63aa760e803694447fdf738fe6   Creating a Simple, Snowy Seamless Pattern

Step 12

Now to create a simple snowflake. Using the Line Segment Tool (\), hold down Alt + Shift and drag down to create a perfectly vertical line.

Hover over the line until it’s highlighted and your cursor says “path” and add some additional lines at the top of the line. As you’ve used Smart Guides and started the lines on the “path”, all lines should be flush on the main line.

Best Web Magazine   3fc53f5e8b1e19b238815042d942aedc   Creating a Simple, Snowy Seamless Pattern

Step 13

Select the decorative lines from the top of your snowflake and duplicate them. Then we’re going to reflect them and put them at the bottom of the line. Go to Object > Transform > Reflect and select it on the Horizontal Axis and click on OK.

Best Web Magazine   56e3a2cefae6110cf9c22c9429b441d0   Creating a Simple, Snowy Seamless Pattern

While your decorative element is selected, move them over to the bottom of your snowflake shape. If you grab the lines at the “V” shape, which is aligned at the top of the snowflake, you can use Smart Guides to find the end point of the stem.

Once done, Group up all the lines (Command + G).

Best Web Magazine   eb48b8868bc7a837558927cd5b24ac2a   Creating a Simple, Snowy Seamless Pattern

Step 14

Now to make the actual snowflake. In order to do this, I’m going to need to rotate and duplicate the lines we have. However we can do this without drawing any additional lines by using the Transform Effect.

Select your snowflake group and go to Effects > Distort & Transform > Transform. I’ll explain the figures I’ve placed and why.

There are 360 degrees in a circle and a snowflake has 6 prongs to them. Therefore the Rotate Angle will be 360/6 = 60 degrees.

As stated, a snowflake as 6 prongs; our initial shape has 2 prongs already. Therefore the copies value will be 6/2 = 3, then minus 1 (which is our initial shape) which leaves us with 2. We’ll only need it duplicated twice.

Best Web Magazine   ec9411c7ef1524b22605503f8d751065   Creating a Simple, Snowy Seamless Pattern

Step 15

Place your tree groups around the rolling hills and duplicate the snowflake design across the area. By using the Free Transform Tool (E) to alter the length and even the width, you can create a variety of different styled snowflakes. Remember to rotate some of them with the Free Transform Tool (E) and alter the colors as shown below.

Best Web Magazine   856640155e026daf26d324e0bec22888   Creating a Simple, Snowy Seamless Pattern

Step 16

Group up all of the elements of the design (Command + G) and then drag and drop them into the Swatch panel. This will make it a seamless pattern you can then use!

Best Web Magazine   0c4aaf1a2fb3411dc72731ccffda55a0   Creating a Simple, Snowy Seamless Pattern

Conclusion

You’ve now created a simple snowy seamless pattern, using some basic tools and effects. I hope you’ve enjoyed today’s tutorial and I wish you all the very best for the holiday season!

Best Web Magazine   43821effdade15842f7109c872c1a7d4   Creating a Simple, Snowy Seamless PatternBest Web Magazine      Creating a Simple, Snowy Seamless Pattern

Similar Posts

WEBSITE COPYRIGHT © 2012 | bestwebmagazine.com