Aug 05

Tagged in: , Comments:Add

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.

flower sketch

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%.

layer option

Then trace it with the Pen tool.

tracing 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.

color palettes

Now fill the path color by using the Eyedropper tool.

eyedropper

With the Eyedropper tool active, select the path, then click on the image to pick the color. That’s it. Quick and easy.

Delicious Stumbleupon Digg

Simple Double Quotes Trash All IE Hacks

Comments

Pages: « 1911 10 9 8 7 6 5 4 3 2 1 » Show All

There are 183 comments (+Add)

  • 43 Livingston Samuel http://www.xatre.info/

    Great tutorial. Thanks for sharing. I’ll definitely try my hands on this. :)

  • 42 Ranjani http://inscrutableingenue.blogspot.com

    Thanks a lot for sharing!I really love your page.It’s awesome and looks quite cool.

  • 41 ling http://lingdezign.zidean.com

    could i have source of this image ? means AI. file !
    thanks for share
    Ling

  • 40 eshark http://esharkdesign.com

    Good tutorial! I’ve done the same too when it comes to draw a vector drawings.
    to dunk js : usually Chinese people are very talented when comes with art, for you I think keep more practice + enjoy your drawing, dont give up!

  • 39 dunk js http://hi.baidu.com/hjs398

    I am chinese.I like you desion and i aslo be interesting in illustration
    bu I have never learned to paint.how can i do

  • 38 Paula http://planetab.blogspot.com

    Hi! tanks for sharing :)
    I really love your page, it’s so beautiful, sometimes i visit it just to stare at it ^_^!

  • 37 Alex Newman http://www.dexxtop.comunfinished

    your site is amazing - i love the detail in the comment box. Do you code all of your CSS / Wordpress PHP yourself? amazing

  • 36 Fireproof83 http://www.fgingras.com

    You know what… this could be done with some old cheap wallpaper found in 1-dollar shops, if you can’t draw. ;)

  • 35 PHP Scripts Directory http://www.search-scripts.com

    This is an outstanding tutorial about tracing images in adobe illustrator. Thanks for sharing it with all of us. By the way, the background image is really very nice.

  • 34 Suren

    Hi!
    I’m suren.I won to be a web designer.can u help me.please
    send me illustrate photo file.

    Suren.

Pages: « 1911 10 9 8 7 6 5 4 3 2 1 » Show All

Post Your Comments

(required)

(required)

Comment Guidelines

  • Please keep comments related to topic. And be nice, don't spam!
  • Basic HTML tags are allowed:
    <a href> <abbr> <acronym> <blockquote> <code> <em> <strike> <strong>
  • Note: un-related or spam comments will be deleted.

Live Comment Preview

Back to top