Aug 05
Illustrating the Flower Pattern
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%.
Then trace it with the Pen tool.
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.
Now fill the path color by using the Eyedropper tool.
With the Eyedropper tool active, select the path, then click on the image to pick the color. That’s it. Quick and easy.
Simple Double Quotes Trash All IE Hacks
Comments
Pages: 10 9 8 7 6 5 4 3 2 1 » Show All
There are 91 comments (+Add)
Pages: 10 9 8 7 6 5 4 3 2 1 » Show All
Post Your Comments
Loading ...
91 naveen
July 22nd, 2008 at 5:35 am
i want basic flower illustration with example
90 j3media
July 21st, 2008 at 10:16 am
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.)
89 Flavia
July 19th, 2008 at 11:06 am
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.
88 steelfrog http://www.steelfrog.com
July 16th, 2008 at 8:31 pm
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.
87 Lindsey Richards
July 14th, 2008 at 4:42 pm
What was the dpi you saved it as?
What is the usual dpi for a web background anyways?
86 Aleks http://photo.ageset.com
July 7th, 2008 at 1:58 pm
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!
85 Alexa
July 4th, 2008 at 6:47 pm
wow that is really cool let alone how hard and long it takes 2 color it
84 Ipec Group http://www.ipec.com.tr
July 4th, 2008 at 9:15 am
very good technic to make this vectorel and real… thank you
83 Achi http://www.legendfire.com
July 1st, 2008 at 2:05 pm
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
82 APOKA http://www.apoka.com
June 24th, 2008 at 5:01 am
Has you heard of Live trace ? Even before there was streamline.