Advertise    Write for Us


Illustrator Tutorial: How to Create Quickly a Realistic Vector Orange

posted by: Iaroslav Lazunov, in Illustrator Tutorials / Illustration/ Comments: 4
Final Image Preview
Realistic Vector Orange





After reading our today's tutorial you'll learn how to create quickly a realistic vector image. Have fun learning our new Adobe illustrator tutorial!

Step 1

I will use the photos of a laurel leaf and an orange from Shutterstock as my reference images.

In case of ready images usage, you should choose some isolated images. Surely, you can create similar images on your own. You'll need an inexpensive digital camera and a light box. If you want to create a light box yourself, check out this video tutorial.

Most likely, the objects on the picture will have some shadows. You'll need to delete them in Photoshop. The following video demonstrates one of the ways of this process.

Step 2

And now place the image into Inkscape. I prefer particularly this free vector editor for image tracing. In my tutorial "How to Make High Quality Vector Texture" you will find detailed instruction in tracing, and you'll learn about the benefits of Inkscape.

Every element of the future composition should be traced in separate documents. After the tracing is done, we'll get the vector in excellent quality.

Step 3

Save the files in SVG format.

Let's continue our work in Adobe Illustrator. Start the application and open the vector images with our orange and laurel leaf in it. Now delete the background in both files.

Step 4

Proceed to optimize the sizes of the vector images, i.e. to reduction of points. To delete overlapped points use the script Marge Overlapped Anchors, which you can download here. Select all the objects of the laurel leaf, then go to the Object > Path > Simplify…. Then select settings in such way, that the number of points was significantly reduced without making the quality of image much worse.

You need to make the same actions with the second file.

Step 5

Copy the vector orange and paste it into the file with the laurel leaf. And now we can create a simple composition from the existing objects.

Let's begin creating the shadows. Copy the whole vector leaf and paste it to the front (Cmd / Ctrl + C; Cmd / Ctrl + F). Keep the upper leaf selected and click on the Unite button in the Pathfinder panel.

Go to the Object > Compound Path > Release and click on the Unite button in the Pathfinder panel once again.

Step 6

Temporary turn off the visibility of the created leaf form in the Layers panel. Create a rectangle with the help of the Rectangle Tool (M) and rotate it at some angle. Apply the linear gradient and the Multiply Blending Mode to the rectangle. The colors of our gradient should be controlled after blending mode application. Our task is to create some shadow on the lower part of the leaf. Move the rectangle in the Layers panel so that it is located between the orange and the leaf.

Step 7

Create a circle with the help of the Ellipse Tool (L). Fill the circle with black-and-white radial gradient and apply the Multiply blending mode in the Transparency panel. This circle created some shadow from the orange on the leaf.

Step 8

Turn the visibility of the leaf form back on, and place it so that it is located above the rectangle and the circle, but not lower than the orange.

Select the leaf form, the circle, and the rectangle; then click on the Cmd / Ctrl + 7 shortcuts creating the Clipping Mask.

Step 9

Create two ellipses with the Ellipse Tool (L). The big ellipse is located below the smaller and has 0% opacity. Select both ellipses, and then click on the Cmd / Ctrl + Opt / Alt + B shortcuts creating the blend object. Click twice on the Blend Tool icon (W) in the Tool panel and set the necessary number of steps in the dialog box.

And now you can work on the colors of both ellipses to reach the desired color and saturation of shadow.





So, you must perform the following steps to create some realistic vector image.

  2. Create isolated pictures of the objects, of which our composition will consist. It's better when you create them yourself, because when downloading this vector file to the microstock websites, you'll also need to download the Property Release.
  4. Tracing of raster images in Inkscape.
  6. Optimization of vector images in Adobe Illustrator.
  8. Creation composition and shadows in Adobe Illustrator.

Good luck!

Total comments: 2
1 Sandra Smith   (2013 Apr 07 13:03)
Loads of hard work go into creating a piece of masterpiece like this. I am certainly going to give this a try. Thanks for the share of course.

2 Karan Menon   (2013 Apr 10 10:53)
great post thanx smile

Only registered users can add comments.
[ Registration | Login ]
Subscribe Now!
RSS feed twitter
Recent Consultations
The Vector Caricature from Glenn Jones
9 Ways to Minimize File Size in Adobe Illustrator
How to Create an iPad Interface in Adobe Illustrator
How to Create a Clean Vector Outline with Adobe Illustrator, in Five Minutes
Shortcuts for VectorScribe (PathScribe): Part 3