Patterns are widely used in lots of website . If you have nice pattern for background it can make your site attractive. Last I gave out 30 free patterns and I promised to make a tutorial on how to easily make a pattern using Pixelmator . If you saw a nice a pattern on a web site and wanted to created your own patterns here is you chance. You do not have to be a web design genius to create your own pattern. All it takes its just few clicks of mouse and your love and imagination for design. In this tutorial you will find how to easily create 3 types of  patterns and 3 free patterns download.

PS: Ignore my desktop wallpaper and the mess

Bamboo Type Pattern

First, Lets look at the first pattern we are creating

Download > Seamless Colorful Patterns (396)

Create a document 200 x 200 .

Fill up with gradient .I am using two color for gradient #dfdfdf and #dfdfdf from left to right.

Go to Filter>Tile>Affine

You should see the following window, I Kept my scale to 0.004 and 0.06. What this does that it squeezes the the gradient into lines it creates a simple bamboo type pattern. You can also drag the rope to adjust the pattern properly, but it it will tile even if you don’t.

That’s it for this patterns .You have successfully created a nice pattern.

Creating a Cloth -Type Pattern

First, Lets see What we are Creating

Download> Download Surface Textures (579)
Again Create a new  document 200 x 200 .

Fill it with Dark brown color #2A1B14.

Then, Go to Filter> Quartz Composer> Stylize >Pixellate

You can play around the setting pretty much as you like. For this tutorial purpose I am keeping the the amount to 0.13 and Soften 0.35. If you move the soften to a higher or lower number the effect will change.

Here is the final result.

How to create color stripe patterns

Lets see what are you creating.

Download > Twitter Icon PSD (302)

Again Create a new  document 200 x 200 . Choose two colors  for Background color and Foreground you like. It could be any color you like.

Go to Filter>Generator>Stripes

Which should Give you the following screen. The stripe is generated but you need to adjust it. The width is size of each column of the color.  Keep it as you want.I kept it two because it looks nice to color wise.

Move the Patterns around, so when it repeats it tiles.

Here is the final result. Do not change the sharpness. It blurs the pattern.