Quick Tip: Create a Damask Pattern Using the MadPattern Illustrator Template
Tutorial Details
- Program: Adobe Illustrator CS4
- Difficulty: Intermediate
- Estimated Completion Time: 1 hour
Final Product What You'll Be Creating
Damask is a style of pattern that is easy to recognize, but not so easy to replicate. In this tutorial you will learn that with the right tools, anybody can make their own damask pattern that looks just as good as the ones you see on fancy hotel wallpaper, with the help of a template file.
The template used in this tutorial can be downloaded for free from: http://www.madpattern.com/

Recognize that:
- The symmetry is specified as CM (more information on Wikipedia – Wallpaper)
- The image only has two colors
- The main components of the image lie within a triangle which is then mirrored and moved to generate the pattern (see image below)

Notice how anything that lies along the right edge of the white triangle gets mirrored, and anything that lies along the bottom left edge of the white triangle gets mirrored and moved vertically (so that it appears at the top left edge). Noticing these features is what gives you the power to create this type of pattern. Note that there is one more component to the damask style, and that is the floral element. This is a bit harder to explain in words, but the important part to understand is that everything you draw should have nice french curves that appear to grow/emanate from one point (giving the quality of a leaf or petal). With a little practice, anyone can master this.
Step 1 – Open the Template
Begin by going to file > new from template and open the template from the "madpattern 1.0" folder entitled cm.ait. When you load up the template, it has a few extra features turned on for beginners, we can turn those off.

Turn off the two layers at the bottom of the layers panel ("Template Elements" and "Info"). Now on the screen you should see a triangle towards the top left. Zoom in on this triangle, this is where we will spend all of our time drawing.

Step 2 – Draw Along the Mirror Plane
There will be two main components to this drawing, the part along the right edge of the triangle and the part along the bottom left edge edge of the triangle. Lets start with the right edge (the mirror plane). Select the "Clipped Elements," then choose the pencil tool and change the appearance so that the fill is set to any color, and the stroke is 0. Begin by drawing a few lobe shapes that intersect with the right edge of the triangle outline. You will see that when you let go, the template automatically fills in the pattern. next draw some floral shapes emanating from the lobes that you just drew.
It’s important to notice as you go how your pattern looks cooler than what you are actually drawing. It’s likely that just after a few shapes have been drawn, your pattern is already starting to look like a damask. When you are satisfied with this set of shapes, it’s time to move on to the bottom left edge. Notice that if you draw a shape that intersects with the bottom left edge, it gets clipped off. I set up the templates this way because illustrator has a few quirks with it’s transform function, but luckily with damask patterns (because they are two toned), there is an easy workaround.

Step 3 – Make a New Layer
Make a new layer that is adjacent in the stack to the "Clipped Elements" layer. Label it "Unclipped Elements".

Step 4 – Draw Along the Bottom Left Edge of the Triangle
Now when you draw in this layer, the artwork will not be clipped along the edges, and it should be easier to focus on the design. Start drawing floral elements that flow along the bottom left edge of the triangle.

Continue in this manner until you have filled up the pattern to your liking. here’s what mine looks like at this point

Step 5 – Add a Background Color
Now that our design is finished, its time to worry about colors. select the "Background" layer and give it a random fill color. now target the "CM" layer as well as the "Background" layer and open the "Color Guide" panel.

Step 6 – Use the Color Guide to Adjust Your Colors
Click the Edit Colors icon in the color guide panel and it will pop open a dialog that gives you complete control over the colors of your pattern – I find it to be the best tool for designing color schemes (note that the color guide automatically ignores black and white, so you might have to click in the New column to force it to adjust those). Select the color you want to change and then adjust it at the bottom of the panel. Note that you can also click Randomly Change Color Order to randomly assign colors to your pattern, and there are also many other cool things you can do using the Color Guide panel. once you are happy with the colors you have chosen, click ok, and now it is time to save your repeating tile.

Step 7 – Select Artboard 2
The templates come with an artboard that is already set up with the right dimensions of the repeating tile. Select the artboard selector tool and then select 02 – Artboard 2.

Step 8 – Save for Web
Go to file > save for web & devices and when the panel pops up choose the Image Size tab on the right and make sure you have Constrain Proportions and Clip to Artboard selected.

Here’s the best part, you can choose any size to export your tile to. That means you can export a smooth high resolution image that could tile a billboard, or an image that could tile the background of a website, you get to decide. After you enter in the size that you’d like to export at, click Apply, and then Save. You’ve created your first damask pattern tile.

Conclusion
So there you have it, a simple way to make complex patterns. Once you’ve finished you can upload the patterns you make to the The Wallpaper flickr group.

Thanks – really helpful :D
Great to see your templates demonstrated so well. Keep up the great work!
The pattern shows some really interesting symmetry I wasn’t aware of group cm
A really cool pattern, but I think it can be better.
Am i the only one seeing a face (like some kind of tribal mask) as well? Is it intended?
Well, it looks like I’ve been doing this the hard way all these years! Nice tutorial.
Very interesting!, thanks for sharing.
OOh, this is so AWESOME!
I used to make these kinds patterns by hand, it was a pain.. this is gonna save me so much time!
Really, super awesome
What a wonderfull tool to experiment ! I’m just start to play with and the results are impressive.
Your Mad pattern tool is amazing : thanks a lot
Well, this is interesting.
I’m using CS3 ahd here’s how I do my patterns:
http://bit.ly/dbBEXq
Cool tutorial. I always created this kind of patterns in Fireworks manually, using simple guides, and then saving them and loading them as a texture.
And you can also to make transitions over them, especially for web backgrounds.
when you do it sounds simple, but I’ve tried some patterns and it took me a while to get something decent. anyway, great tutorial.
This is great! I was able to complete a quick design with a repeat in 5 minutes flat! Of course something more detailed will take time & precision. This should really help with spoonflower.com submissions. Thanks!
Wow nice tutorial its good to see a few tutorials on how create vector patterns, i need to play around with madpattern it seems pretty cool.
Funny thing, sometimes when you sit down to draw one thing, you come out with another! Started drawing leafy things for a damask pattern, ended up with a mounted jackalope…
http://www.flickr.com/photos/2is3/4880138290/
That’s really cool Amber, that kind of thing happens to me all the time ;)
I’ve been looking for this for sooo long. THank you very much!!
Great tutorial, thanks for sharing. I tried the templates and they work just fine. Though, it´s hard to generate a vector pattern.
That was great!! I am having trouble filling the background with color. Right now it is saved as transparent. Anyone have a suggestion? Thanks again!
having a hard time isolating the pattern after I make it. I dont know all the tools in illustrator yet. could someone clarify which layer to select to isolate and which tool will do that. I dont know what artboard selection took is. thank you
Fantastic! Excellent tutorial. I’m currently playing with the templates and making some weird stuffs. :D