Illustrating the Flower Pattern 247
Since Web Designer Wall was launched last week, I received several emails regarding on how I made the main illustration background. I thought I should put up a quick Illustrator tutorial so everyone can share. This article will outline the main steps on how I made the flower pattern in Illustrator. Hopefully, this can answer your question.
1. Sketch
Always draw your illustration on paper first. This will save your time.
2. Trace
The illustration was traced in Adobe Illustrator using my favorite tracing technique. First, import the scan in Illustrator and set Layer Opacity to 20%.

3. Coloring
After you've done the tracing, go to Colourlovers.com (or any color palette sites) and find the color themes that you like. What I did was copy the sample image from the site, then paste it directly in Illustrator.

With the Eyedropper tool active, select the path, then click on the image to pick the color. That's it. Quick and easy.
Design team from india for all your design work.
Has you heard of Live trace ? Even before there was streamline.
I just wanted to let you know that your sites are very inspirational. I’ve read multiple articles and hope my next design can be half as creative as yours. Thank you for all the time you put into your articles. :o)
~Achi
very good technic to make this vectorel and real… thank you
wow that is really cool let alone how hard and long it takes 2 color it
On the first sight, it to draw simply!
But at me nothing it turns out. I can not master Illustrator in any way
I draw only in the program Adobe Photoshop!
Excuse for bad knowledge of the English language.
My site on Russian….
Good luck!
What was the dpi you saved it as?
What is the usual dpi for a web background anyways?
Lindsey Richards: Use 72DPI for web graphics since monitors cannot display higher. I usually scan around 300DPI or so, but you can go much, much higher.
This is an old post but, I had to comment.
There’s a free program called WinTopo, used in engennering, that trace your sketch by itself, you don’t have to trace it manually!
And it’s a really dumb program, really easy to use.
HI,
you can also use the fantastic tool that is live trace in illustrator CS2 & CS3. (i think its on earlier versions but it doesnt work as well.)
i want basic flower illustration with example
ok thank
Great post, going to use same techniques in flash photo gallery.
so beautiful…
Good Technique, best practice to start with illustration on paper.
Web 2 Developer
wow!
nice
luv for this sketch!!!
so..beautifulll………………….
hi,thank’s about youre good subject,& special color.art is life….
Very cool tutorial! I just found your site and am bookmarking and returning when I have a little more time.
hi m a carpet designer……..(CAD).i am working on adobe photoshop…..if u want a freelencer…thn plz contact me…ur design is gud…….thanks….-nimmi