1276 Active Members
rope brush
photorealistic vector car
film reel
vector rose
retro micophone
wine glass
roulette wheel
tropical fruits
isometric house
picnic basket
Stock Photos at DepositPhotos.com

Illustrator Tutorial: How to Draw a Vector Kiwi


screenshot

Ever wonder how to make a vector kiwi in Adobe Illustrator? Well I did and here is what I came up with. In this tutorial, I will teach you how to do it using illustrator effects like Texturizer, Pointillize, Grain and Film grain. Hope you can learn some new stuff in this tutorial.

Drawing the Kiwi Shape

Open a new document. Set it at any size that you want in RGB mode. The first step is to find some colors to use in this tutorial. For that, we will go to Windows>Adobe Labs>kuler and type the word kiwi in the search box. I found some interesting color scheme that I like and I saved them in my Swatches panel. If you like other colors feel free to use them.

final effect

Next, take the Ellipse tool and draw am oval shape like the one below and rotate it a little so that it looks more natural. Fill it with the gradient that you see in the image. Colors are: (224,238,174); (175,212,34); (137,96,58). final effect

Drawing the Kiwi Fruit Pulp

Now we will start creating the fruit pulp. Go to Brushes Panel and click the Brush Libraries menu or go to Windows>Brush Libraries>Artistic>Artistic_Ink and find the brush that you see in the image below. final effect

Go to Object>Transform>Transform Each. Set the Rotate angle at different angles and press copy to get a random look. Repeat this steps until you have a circle of fruit pulp. final effect

You should have something like this. Go to Object>Expand Appearance and ungroup them by pressing Crl+Shift+G/Command+Shift+G. Continue editing the shape until you are happy with the results, like what I did. This will make our kiwi look more natural later on. final effect

Next, we will add some color. Use the colors: (163,126,78), (192,226,33), (224,238,174) for the gradient and fill the shape with a radial gradient as shown below.

final effect

Position the shape in the center of our kiwi. Set it to Multiply and lower the Opacity to 33%. final effect

For a more realistic look, we will create 2 more shapes. Copy and paste the shape that we just created and we will apply some effects to it. Go to Effect>Texture>Texturizer and set the values as shown below. final effect

Next, go to Effect>Stylize>Outer Glow and set the values as shown below. final effect

Now, position the shape on top of the first one. Set the mode to multiply and the opacity to 48%.

final effect

To give it more depth, copy and paste the first shape again. Make it half the size and position it on top of the others. Set it to multiply and lower the opacity to 40%. You will end up with something like in the image below. final effect

Now, we will make the heart of the kiwi. Just take the pencil and draw a random shape like the one below and fill it with the radial gradient shown. Colors are: (252,246,218) and (119,137,42). Next, apply the Pucker and Bloat effect. This will make the shape blend better in the midlle of the kiwi. final effect final effect

Next, copy and paste in front this shape and fill it with a radial gradient from white to black. Select both shapes, go to Transparency panel and select Make opacity mask from the dropdown menu. You will end up with something like in the image below.

final effect

Drawing the Kiwi Seeds

It’s time to create the kiwi seeds. Take the Ellipse tool and create 3 oval shapes. I colored them one dark brown, one black and one filled with a radial gradient from black to white for a different look. When you are done, group them together and drag them in the Symbols panel.

final effect

Now, select the Symbol Sprayer tool and start spraying the seeds. Also use the Symbol Shifter and the Symbol Sizer to get a more random and natural look. For a more detailed look, group the seeds together. Copy and rotate them a little so they don’t overlapp and reduce the opacity to 40%. See the image below. final effect

Drawing the Kiwi Skin

We are done with this part, now let’s draw the outside skin of the kiwi and the little “hair” on top. For that, go to the Symbols panel, click and select the Symbol Libraries Menu>Hair and Fur and select some of the brown hair symbols that you like best. I created something like in the image below. Then drag it to the symbols panel so we can use it further. Now take the brush tool and select our symbol. Start brushing the left side of the kiwi with this ‘hair’. I made some little segments with this brush so I can twist and modify each one to look more natural. Feel free to arrange them until you it looks natural. I got something like in the image below.

final effect

It’s time for the outside skin of our kiwi. Take the Ellipse tool and draw a shape of a kiwi and fill it with this color (135,98,57). Now, we will apply some effects on it. Go to Effects>Texture>Grain and set the values shown below. final effect

Go to Effects>Artistic>Film Grain and set the values like below. You will have something like this:

final effect

Now, positon this shape in the back of our kiwi and arrange it to look natural. I also added some extra ‘hair’ on top of it with the symbol that we created earlier and with the method explained earlier. Now, we have something like this as shown below.

final effect

But our kiwi seems to be missing something and the work is not done yet. It needs more texture to make it look realistic. Copy and paste in front the pulp shape of the fruit (the green one). I have moved the shape away so that you can see the effect. But you can just paste it in front of the original. Go to Effect>Pixelate>Pointillize and set the values below. Then lower the opacity to 20%.

final effect

I decided to add a few water drops. To make them, take the Ellipse tool and create the shape from the image below and fill it with a linear gradient using the colors: (192,226,33), (136,175,14). final effect

Create a second shape smaller than the first one and fill it with a radial gradient using the colors: (224,238,174), (175,212,34). final effect

Place the second shape on top of the first one like in the image below and create 3 more shapes to add more glow to the water drop. Use a white fill on one and fill the other two using the same gradient like the second shape we made previously.

final effect

Now, arrange all the shapes as shown below. Lower the opacity for the white shape to 40% and group them all. Also reduce the opacity of the group to 25-35% depending on the size of your kiwi. final effect

Go to Effects>Stylize>Drop Shadow and set the values as shown below. final effect

Now, we just have to make more copies in different sizes and place them on top of the kiwi. Adjust the opacity for each of the water drops only if necessary. The illustration is done. Here is the final image of our fresh and tasty kiwi. screenshot

Hope you have enjoyed reading it and learnt some useful techniques in illustrator.

To download the source file for this tutorial, you will need to login as a member.
Sign up today to access all exclusive members content!

[The article is for Basic Members only. Login or sign up now to read the whole article.]
[The article is for Premium Members only. Login or sign up now to read the whole article.]

Share and Enjoy:
  • Digg
  • del.icio.us
  • Design Float
  • Reddit
  • Technorati
  • Twitter
  • StumbleUpon
See the list of all Illustrator tutorials.
Learn 101 Illustrator tips and techniques for free.


About The Author: Diana Toma

I'm a graphic designer extremely passionate about my work. I discovered Illustrator a while ago and simply love it. Since then, it has kept me busy and active.

Read all articles writen by this author

35 Trackbacks

The World of Illustration – June 29/2009 | idrawdigital – Your Guide Through the World of Illustration | The World of Illustration – June 29/2009 | idrawdigital - Your Guide Through the World of Illustration
June 29th at 10:49 pm

Illustrator Tutorial: How to Draw a Vector Kiwi- Suwarto Dot Com | Illustrator Tutorial: How to Draw a Vector Kiwi- Suwarto Dot Com
June 30th at 12:54 pm

JUICY HAIRY! « A Tutorial A Day | JUICY HAIRY! « A Tutorial A Day
July 4th at 3:02 pm

Vectips Monthly Roundup: June 2009 | Colorrage Web Design Blog | Vectips Monthly Roundup: June 2009 | Colorrage Web Design Blog
July 6th at 3:48 am

PEDRO GOICO. New Media Developer´s Blog. » Archive » Kiwi en Illustrator. | PEDRO GOICO. New Media Developer´s Blog. » Archive » Kiwi en Illustrator.
July 9th at 11:53 pm

Vectips Monthly Roundup: June 2009 | Individual and Cost Effective Web Designs | Vectips Monthly Roundup: June 2009 | Individual and Cost Effective Web Designs
July 19th at 7:20 am

30 Best Inspiring Vector Figure Illustrations | Ouech.net | 30 Best Inspiring Vector Figure Illustrations | Ouech.net
July 31st at 12:29 am

This Week’s Favourites – August 7th 2009 | This Week’s Favourites – August 7th 2009
August 7th at 3:02 pm

This Week’s Favourites – August 7th 2009 – Programming Blog | This Week’s Favourites – August 7th 2009 - Programming Blog
August 8th at 7:44 am

This Week’s Favourites – August 7th 2009 « photoshop tutorials | This Week’s Favourites – August 7th 2009 « photoshop tutorials
August 9th at 6:30 pm

This Week’s Favourites – August 7th 2009 « test | This Week’s Favourites – August 7th 2009 « test
August 14th at 5:49 pm

This Week’s Favourites – August 7th 2009 | X Design Blog | This Week’s Favourites – August 7th 2009 | X Design Blog
August 16th at 12:45 am

44 Really Useful and New Adobe Illustrator Tutorials – Programming Blog | 44 Really Useful and New Adobe Illustrator Tutorials - Programming Blog
October 3rd at 4:30 am

50+ Illustrator Tutorials for Designers | bijusubhash.com | 50+ Illustrator Tutorials for Designers | bijusubhash.com
November 27th at 9:09 am

Dizzy Blog » 40 מדריכי אילוסטרייטור המובילים של 2009 | Dizzy Blog » 40 מדריכי אילוסטרייטור המובילים של 2009
December 28th at 1:27 am

50 آموزش حرفه ای با ایلاستراتور | به وبلاگ کرل دیزاین خوش آمدید | 50 آموزش حرفه ای با ایلاستراتور | به وبلاگ کرل دیزاین خوش آمدید
December 28th at 4:05 pm

The 50 Best Adobe Illustrator Tutorials from 2009 | JKookServ Hosting Blog | The 50 Best Adobe Illustrator Tutorials from 2009 | JKookServ Hosting Blog
December 29th at 4:23 pm

The 50 Best Adobe Illustrator Tutorials from 2009 « i-render | Creative Media | The 50 Best Adobe Illustrator Tutorials from 2009 « i-render | Creative Media
December 30th at 8:19 am

Professional web designers and web 2.0 experts » Blog Archive » The 50 Best Adobe Illustrator Tutorials from 2009 | Professional web designers and web 2.0 experts » Blog Archive » The 50 Best Adobe Illustrator Tutorials from 2009
December 30th at 1:55 pm

The 50 Best Adobe Illustrator Tutorials from 2009 | iDESIGN | The 50 Best Adobe Illustrator Tutorials from 2009 | iDESIGN
January 7th at 3:33 am

30 Best Illustrator Tutorials of 2009 « DESIGNGRAPHICS | 30 Best Illustrator Tutorials of 2009 « DESIGNGRAPHICS
February 12th at 4:00 am

This week’s Favourite Web Sites – February 17th 2010 | LearnersTutorials | This week’s Favourite Web Sites – February 17th 2010 | LearnersTutorials
February 17th at 4:36 am

5 Resources – June 12th 2010 | InspirationOverload | 5 Resources – June 12th 2010 | InspirationOverload
June 12th at 3:34 pm

25 Fresh Adobe Illustrator Tutorials | stylishwebdesigner | 25 Fresh Adobe Illustrator Tutorials | stylishwebdesigner
June 16th at 12:33 pm

500 Resources – 100 Days of Daily Resources | InspirationOverload | 500 Resources – 100 Days of Daily Resources | InspirationOverload
July 7th at 10:11 am

The 50 Best Adobe Illustrator Tutorials from 2009 | Vandelay Design Blog | The 50 Best Adobe Illustrator Tutorials from 2009 | Vandelay Design Blog
September 13th at 6:56 am

100+ Step-By-Step Adobe Illustrator Character Tutorials | icanbecreative | 100+ Step-By-Step Adobe Illustrator Character Tutorials | icanbecreative
September 17th at 5:43 am

The Best Illustrator Tutorials Every Designer Should See | YusraBlog | The Best Illustrator Tutorials Every Designer Should See | YusraBlog
January 11th at 6:11 am

» top 10 shit Bober | » top 10 shit Bober
February 24th at 1:08 pm

185 Informative Illustrator Tutorials to make You a Better Designer – tripwire magazine | 185 Informative Illustrator Tutorials to make You a Better Designer - tripwire magazine
May 27th at 12:24 am

185 Informative Illustrator Tutorials to make You a Better Designer | BLOG | 185 Informative Illustrator Tutorials to make You a Better Designer | BLOG
May 27th at 8:27 pm

30 Awesome Character Design | Vector Radar – Best Collection of Vector Tutorials | 30 Awesome Character Design | Vector Radar - Best Collection of Vector Tutorials
November 29th at 1:08 am

40 Excellent Adobe Illustrator Tutorials That’ll Polish Your Skills | CS5 Design | 40 Excellent Adobe Illustrator Tutorials That’ll Polish Your Skills | CS5 Design
December 10th at 1:50 pm

10 Best Adobe Illustrator Tutorials | Interesting Lists – your daily top 5 and top 10 lists, pros & cons, infographics | 10 Best Adobe Illustrator Tutorials | Interesting Lists – your daily top 5 and top 10 lists, pros & cons, infographics
December 16th at 5:16 pm

40 Excellent Adobe Illustrator Tutorials | Best Open Source Resources for Web Developers | Visibledev | 40 Excellent Adobe Illustrator Tutorials | Best Open Source Resources for Web Developers | Visibledev
January 27th at 5:00 pm

+Add Comment26 Comments

  1. Gravtar for anais
    anais June 29th

    awesome! thank you for sharing.

  2. Gravtar for Charu Smita
    Charu Smita June 30th

    Excellent work! Thanks for sharing.

  3. Gravtar for Bariski
    Bariski June 30th

    Thanks buddy, will come in handy :)

  4. Gravtar for yvaine2010
    yvaine2010 June 30th

    Great tut… simple explanation :)

  5. Gravtar for Diana Toma
    Diana Toma June 30th

    Thanks, glad you all like it.

  6. Gravtar for Rype
    Rype June 30th

    Nice tutorial! I really like the use of the Grain effect for creating texture.

  7. Gravtar for Mahallo Media
    Mahallo Media June 30th

    Cool tutorial, thanks ;)

  8. Gravtar for Dainis Graveris
    Dainis Graveris July 4th

    oh, that’s one delicious kiwi fruit, thanks for tutorial :)

  9. Gravtar for Empire Elements
    Empire Elements July 13th

    This tutorial is definitely a big help for all.

    Thanks

  10. Gravtar for Laura
    Laura August 7th

    Wow that looks good enough to eat! I see a project for myself this weekend to tighten up my illustrations skills. Thanks =D

  11. Gravtar for mocona
    mocona August 30th

    Wow !! Great !!

  12. Gravtar for John Chappell
    John Chappell September 24th

    Spooner. You did it again! You make things so easy to learn in illustrator. Wish you were a Professor at my Uni!

  13. Gravtar for Alla
    Alla November 10th

    Nice Tutorial, Thanks!

    Diana, Can I translated into Russian and published on the website, with reference to you and to the original.

  14. Gravtar for Diana Toma
    Diana Toma November 12th

    That’s ok with me.Sure

  15. Gravtar for Raju Ahmed
    Raju Ahmed May 9th

    very intelligent work.thank for u

  16. Gravtar for babor_7uiu
    babor_7uiu June 2nd

    thanks for tips.really it’ a great tutorial

  17. Gravtar for Tech-Tak-Talk
    Tech-Tak-Talk September 24th

    I hope I can do this in Inkscape. I don’t have an illustrator program.. :(

  18. Gravtar for Kimson
    Kimson December 29th

    Then drag it to the symbols panel so we can use it further. Now take the brush tool and select our symbol. Start brushing the left side of the kiwi with this ‘hair’

    I realy don’t understand that, I can’t select a symbol while using the brush tool. Please help

  19. Gravtar for Diana
    Diana December 30th

    Take the Symbol Sprayer Tool, select the symbol and start spraying following the left side

  20. Gravtar for Amy
    Amy February 24th

    How do you change the brush strokes to a gradient color?

  21. Gravtar for Diana
    Diana February 25th

    After Expand or Expand Appearance from the Object menu

  22. Gravtar for Avi Web Design Studio
    Avi Web Design Studio June 23rd

    Nice tutorial, specially the water drop creation.

  23. Gravtar for Ben
    Ben July 20th

    Whoa… Wicked! Thanks heaps for posting this. It is really inspiring. I tried illustrating a mascot design for a project of mine and couldn’t seem to get it right. In the end I decided on getting some professional help. The designers at http://www.mascotdesigncorner.com managed to realize my vision of illustrating a character design that was above expectations. I highly recommend them. For the price I paid it was indeed a steal. I guess I am not good at designing at all. Anyway, thanks for providing a source of inspiration I might add. This site rocks big time!

  24. Gravtar for Tekki
    Tekki August 2nd

    Wow! I am digging an old post like this, old yet like an antic jewel of information, there are so much gems in this post that can help me to be a web designer. Though I find it hard to follow some of the steps, I really find it amazing. Very nice collection, Thanks again!

  25. Gravtar for Malika khurana
    Malika khurana January 6th

    TOOOOOOOOOOOoooooooooooooooooooooooo gooood

  26. Gravtar for Malika khurana
    Malika khurana January 6th

    its just like waaaaaaaaooooooooow i loved it truely awesummmmm

Add a Comment

(required)

(will not be published)

rss or subscribe via email


Write an illustrator tutorial and get paid $150 for each tutorial! Your bio and website will also be included to increase your exposure.

Find out more»



About Vectordiary

Vector Diary is a popular blog offering great illustrator tutorials and tips. It was created by Tony Soh, a graphic designer, who has great passion in illustration. Tony has written one of the most popular tutorial to learn illustrator and has helped more than 20,000 people. On top of that, his tutorials and tips has helped designers improve their illustration skills and have received great feedback. So join Vector Diary and start learning today!

Write a Tutorial

Get paid $150 for each approved tutorials! Any writers who are passionate about sharing their illustrator techniques can contribute.

Learn how »

Premium Tutorials


All Content & Theme Design © 2008 - 2011 Vectordiary. Privacy Policy | Sitemap