Write for Us    User News    Add News+

Vectorboom
Tutorials / Illustration / Comments: 19   
How to Illustrate a Tomato Using Adobe Illustrator
Oleksandr Iegupov
31.10.2011
       
Final Image Preview

You will use Meshes, Gradients and Blends for creating the resulted picture. The skills you will learn here can easily be transferred to creating various objects. So let’s get started!

Tutorial Details:

  • Program: Adobe Illustrator CS3 – CS5
  • Difficulty: Intermediate
  • Estimated Completion Time: 2 hours

Step 1

Take the Ellipse Tool (L) and create the following path.

Take the Direct Selection Tool (A) and change the path. You should have a picture the same as below.

Step 2

Take the Pen Tool (P), add the anchor point, and transform the path to the following form.

Fill this path with dark red.

Step 3

Let's now make the Mesh. Grab the Mesh Tool (U) and add the mesh anchor point in the center of the tomato form. See the diagram below for reference.

Then move this anchor point downwards.

Add the next mesh anchor points.

Step 4

Then convert the anchor points using the Direct Selection Tool (A) to the following form in order to represent a globular shape of the tomato.

Repeat these actions for both: the top part and the lower part of the tomato.

Add more mesh anchor points.

Step 5

Select one of the anchor points and change the color of it.

Change the color of the close anchor point.

Add the distribution of light to the surface of the tomato.

Step 6

Continue to change the colors of the anchor points. See the diagram for reference.

Step 7

Illustrate now two concentric elliptical paths in the lower part of the tomato. The big ellipse is filled with white and is located under the small ellipse.

Change the Opacity of the white ellipse to zero.

Then go to Object > Blend > Blend Options and set the Spacing to "Specified steps" and the quantity of steps to 100.

Select both concentric ellipses and go to Object > Blend > Make (Command + Alt + B). Send this blend to back. It will represent shadow.

Step 8

Complicate the mesh in order to show the photo-realism of the tomato's surface.

Step 9

Let's now create a stem of the tomato. Draw the first leaf. And fill it with any color.

Draw other leaves.

Step 10

Illustrate the central branch.

Make a lateral surface of the leaf.

Repeat these actions for the other leaves.

Step 11

Fill a lateral surface of the leaf with a Linear gradient. You need to achieve the following result.

Do the same with the other leaves.

Step 12

Fill the cut section of the branch with the Linear gradients.

Step 13

Draw a triangular path.

Drag and drop it into the Brushes palette. Select the Art Brush option in the dialog box.

Set the items for the brush as you can see them on the diagram below.

Take the Pen Tool (P) and draw the next path. Then apply the Art brush to it. Change the color of the path and change the Stroke Weight, if necessary.

Create another similar path.

Step 14

Then draw the following path.

Step 15

Select the first red path drawn one step earlier, and go to Object > Expand Appearance, then go to Object > Ungroup. And fill the path with the Linear gradient.

Fill the other red paths with the Linear gradients.

Step 16

Select the wine red stem, take the Mesh Tool (U) and convert it to mesh. See the diagram below.

Paint it with green hues.

Add dark green colors to the stem.

Step 17

Place the tail over the tomato. Change the dimensions of the tail, if it is necessary.

Make an Art brush which is shown in the diagram below.

Then draw the next path in the top part of the tail using this Art brush and fill it with the Linear gradient.

Illustrate the shown below elliptical path filled with the Linear gradient too.

Step 18

Let's illustrate shadow from the leaves. Draw the path filled with the following Linear gradient.

Repeat this step for the other leaves of the tomato.

Step 19

Draw the next small path looking like a tangerine segment. Fill it with tangerine. Its size in across-track direction must be several pixels only.

Then drag and drop it into the Brushes palette. Select the Scatter Brush option in the dialog box. Set the items for the brush as you can see them on the diagram below.

Step 20

Illustrate two paths shown below on the surface of the tomato.

Apply just created Scatter brush to them.

Step 21

Produce the next scatter brush filled with dark olive green.

Sketch the paths over the tomato tail.

And apply the new scatter brush to them.

Step 22

Let's illustrate drops on the tomato. First, outline the next path under the tail on the red surface of the tomato.

Repeat this.

And now create the path filled with the Radial gradient.

Sketch the following contour filled with the Radial gradient where the second color-stop (pointed by an arrow on the diagram) has the zero opacity.

Repeat this action for another path.

And repeat again.

Step 23

Illustrate as many drops as you want.

Conclusion

Bon appetit!

       
Final Image
 
  
Total comments: 19
0  
1 Luigi   (31.10.2011 15:14)
That's one seriously good looking tomato!! tongue

0  
2 jaroslav   (31.10.2011 15:16)
Thank you

0  
3 Orion   (31.10.2011 19:56)
Dude, this is waaay to awesome :)) cool

0  
4 kalimna   (01.11.2011 06:17)
Beautiful tomato! I enjoyed doing your tute. Thank you. biggrin

0  
5 jaroslav   (01.11.2011 06:20)
I am happy biggrin

0  
6 Ma Conin   (05.11.2011 01:31)
Good. Very good!

0  
7 heromind   (08.11.2011 11:50)
Awesome! very nice smile

0  
8 Hemza Benyoucef   (10.11.2011 12:36)
ThnX 4 This happy

0  
9 Samtha   (23.11.2011 00:05)
Hi, awesome tutorial and easy to learn Thank you so much

0  
10 Elena   (29.11.2011 14:56)
This is great! Shared this with fellow Illustrator enthusiasts. Much appreciated!

0  
11 len   (10.12.2011 19:23)
nice!

0  
12 99designs reviews   (12.12.2011 04:08)
Brilliant tutorial, its well defined steps and techniques to make a awful vectors.
Thanks

http://www.logocontestreviews.com/99designs-review/

0  
13 rohit   (01.01.2012 21:01)
Great
tutorial!! Learnt some important points, thank u so much smile

0  
14 yoga   (03.01.2012 03:00)
[color=orange]cooollll smile cool

0  
15 Paul   (25.01.2012 13:39)
Thanks, this I wish I knew when I had to replicate some bandit wheel images... cherries, melons etc. Very useful!

0  
16 Isaac Gamble hunts gays   (02.02.2012 07:46)
hes a batty boy

0  
17 FMYLIFE   (03.02.2012 15:18)
wacko HOW DO YOU DO THE LEAVES? THIS TOMATO IS RUINING MY LIFE cry angry surprised

0  
18 Michael   (07.02.2012 13:54)
Great tutorial but it might be worth adding a stage showing how to create the leaf shapes as I found this a difficult part of the design. I also use Xara Design Pro 7 and it's handling of shapes and curves is much more intuitive that AI.

Thanks

0  
19 Mizanur Rahman   (Yesterday 02:48)
Wonder full, excellent, one more...........

Name*:
Email:
Security Code *:
Subscribe Now!
RSS feed twitter
Username
Password
USER NEWS
7 Password Protected Photo Apps for iOS
The iPhone’s camera is a great tool and it also has the advantage of always being with you. Not all the pictures that we take are ment for the general public though. Manage you photo albums and safely secure then with these free iOS apps.
14 Must Check Free iOS Apps for Fitness Enthusiast...
Did you know that your iPhone can become one of your greatest assets when training? Well, these apps will help you eat right and keep you motivated on workouts.
40+ Best Free HTML5 WordPress Themes & Frameworks
Here are the 40+ best free html5 WordPress themes and frameworks to make your WordPress blog more semantic.
How to Create a Zodiac-Themed Portrait in Adobe Il...
This tutorial is full of helpful hints on using a variety of tools in Illustrator CS5 as well as some of the thought processes behind elements of the portrait. If you’ve any questions, please leave them in the comments and I’ll be sure to help any way I can. So let’s get on with it, shall we?
Must Have Gadgets for Your iDevices
Have you ever imagined that you can turn your iDevice into a portable big screen TV or create projections while you charge your iPhone wirelessly? Everything is possible thanks to these amazing gadgets.
Recent Consultations
 
Copyright Iaroslav Lazunov © 2012
Create a website for free