2364 Active Members
rope brush
photorealistic vector car
film reel
vector rose
retro micophone
wine glass
roulette wheel
tropical fruits
isometric house
picnic basket

Illustrator Tutorial: Realistic Vector Orange



In this step-by-step Illustrator tutorial, you will learn how to make a photo realistic vector orange using Adobe Illustrator CS3. We will cover lots of Illustrator effects like sponge, plastic wrap and accent edges. A very good Illustrator training tutorial for beginners on drawing fruits.

Let’s start by creating a circle, use the ellipse tool or press “L” on your keyboard. It doesn’t have to be a perfect round shape, but one that suits for the shape of an orange would suffice. Set the Line Color to “None” and the Fill color to Brass Radial 7. Edit
the Colors of the Brass Radial 7 by clicking on the edit/apply color icon.

Duplicate Layer 1 by dragging it to the New layer button on you Layer Palette.

Rename it to “Orange” by double clicking on the layer, and then change its fill color to black.

We are doing this so we can apply all effects on this layer then change its layer opacity to achieve the look of an orange.

Apply Sponge Effect to the Layer “Orange”. Go to Effect> Artistic> Sponge….

Apply Plastic Wrap effect to the same layer. Go to Effect> Artistic> Plastic Wrap…

Now change the opacity of layer “Orange” to Soft Light 100%. Make sure that the layer with the Sponge and Plastic Wrap effects is on top of “Layer 1″ and that layer “Orange” is selected.

After changing layer “Orange” opacity it should then look something like this.

Now let’s start doing the skin of the orange. Create a new layer, rename this layer to “skin” and use the Pen tool to draw around the orange core. Again this doesn’t have to be a perfect circle. Change the Fill color to none and the Line color to FBB040 and the Stroke to 10 pt.

Apply Sponge Effect. Go to Effect> Artistic> Sponge…

Apply Plastic Wrap. Go to Effect> Artistic> Plastic Wrap…

Apply Accented Edges. Go to Effect> Brush Stroke> Accented Edges…

Feather it to 2pt. Go to Effect> Stylize> Feather…

Then it should look something like this.

The good thing about Illustrator is that all the effects that you applied to a layer can be change. All of the information of a certain layer are saved and can be edited on the Appearance Palette, like its fill color, line color, effects etc. To show your Appearance Palette go to Window>Appearance or press Shift+F6 on your keyboard. Duplicate the layer “Skin” and rename it to “Skin1″.

Duplicate the layer “Skin” and rename it to “Skin1″

Scale it down to 99%

Change the layer opacity option to Color Burn 78%.

Go to Appearance window and change its line color to D08F25. Edit the feather effect and change it to 4.

It’s should now look something like this.

Duplicate the layer “Skin1″ and rename it to “Skin2″ scale it down to 98%. Go to Appearance Palette, Delete the Sponge Effect, Plastic Wrap Effect and Accented Edges Effect.

Change its line color to White, Stroke size to 8 pt and change the Feather to 3 pt. Also change the opacity to Overlay 100%.

Again it should look something like this.

This is the final step for the process in creating the skin of the orange. Duplicate the layer “Skin2″ and rename it to “Skin3″ scale it down to 96%. Go to Appearance Palette and change its line Stroke size to 4pt, Feather to 1 pt and change its opacity to Lighten 60%.

Create a new layer and name it “inside”. Using the Brush tool draw a shape similar to this. Set the line to none and the fill to white and change the layer opacity to Normal 80%.

Duplicate the layer “inside” and name it “inside2″ change the Fill to Gold Radial and change its opacity to Hard Light 47%.

Scale it down to 75%…

Let’s add more details by drawing lines inside our orange Create a new layer and name it “lines”. Again use the brush tool and set its stroke thickness to 2 pt.

Go to Effect> Blur> Gaussian Blur and blur it by 5 pixel. Apply Accented Edges, go to Effect> Brush Stroke> Accented Edges…

Duplicate the layer “lines” and rename it “lines2″. Change the opacity to Screen 41%.

Now let’s rotate the lines, to rotate the lines make sure that the Direct Selection tool is selected, point the anchor to the lines edges and press Ctrl on your keyboard and rotate it.

We will now add more details by drawing some droplets to the orange use the brush tool and draw some droplets of water. Set the fill color to “Cyan Radial 3″ and the line color to none. Go to Effect> Stylize> Drop Shadow. Set the opacity to lighten 55%.

Now your orange is done. Just play with your creativity and add more slices. Also to increase its color, rasterize all the Layers, Duplicate it then change the duplicated layer opacity to Multiply 25%.

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: Allure1991

Read more by

44 Trackbacks

Back-to-School With 40 Excellent Adobe Illustrator Tutorials « Smashing Magazine | Back-to-School With 40 Excellent Adobe Illustrator Tutorials « Smashing Magazine
September 23rd at 6:35 am

Back-to-School With 40 Excellent Adobe Illustrator Tutorials « Tech7.Net | Back-to-School With 40 Excellent Adobe Illustrator Tutorials « Tech7.Net
September 23rd at 9:55 am

Back-to-School With 40 Excellent Adobe Illustrator Tutorials » Shai Perednik.com | Back-to-School With 40 Excellent Adobe Illustrator Tutorials » Shai Perednik.com
September 23rd at 10:41 pm

Back-to-School With 40 Excellent Adobe Illustrator Tutorials » Shai Perednik.com | Back-to-School With 40 Excellent Adobe Illustrator Tutorials » Shai Perednik.com
September 23rd at 10:41 pm

Back-to-School With 40 Excellent Adobe Illustrator Tutorials – Webreweries.com | Back-to-School With 40 Excellent Adobe Illustrator Tutorials - Webreweries.com
September 24th at 9:01 pm

Devils Backyard » Blog Archive » Back-to-School With 40 Excellent Adobe Illustrator Tutorials | Devils Backyard » Blog Archive » Back-to-School With 40 Excellent Adobe Illustrator Tutorials
September 27th at 9:03 pm

Back-to-School With 40 Excellent Adobe Illustrator Tutorials – Programming Blog | Back-to-School With 40 Excellent Adobe Illustrator Tutorials - Programming Blog
September 28th at 9:38 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:31 am

Back-to-School With 40 Excellent Adobe Illustrator Tutorials « Web Design Blog | Back-to-School With 40 Excellent Adobe Illustrator Tutorials « Web Design Blog
October 6th at 6:22 am

typoglyphic.com » Smashing Article: 40 Excellent Adobe Illustrator Tutorials | typoglyphic.com » Smashing Article: 40 Excellent Adobe Illustrator Tutorials
November 13th at 9:18 am

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

50 آموزش حرفه ای با ایلاستراتور | به وبلاگ کرل دیزاین خوش آمدید | 50 آموزش حرفه ای با ایلاستراتور | به وبلاگ کرل دیزاین خوش آمدید
December 28th at 4:04 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:22 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:18 am

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

30 Amazing 3D Illustrator Tutorials Collection | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net | 30 Amazing 3D Illustrator Tutorials Collection | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
January 19th at 2:22 pm

40 Detailed Drawing Tutorials for Illustrator – Speckyboy Design Magazine | 40 Detailed Drawing Tutorials for Illustrator - Speckyboy Design Magazine
March 17th at 7:56 am

40 Detailed Drawing Tutorials for Adobe Illustrator | Yooxe | 40 Detailed Drawing Tutorials for Adobe Illustrator | Yooxe
March 17th at 8:21 pm

40 Detailed Drawing Tutorials for Adobe Illustrator | Web Development News | 40 Detailed Drawing Tutorials for Adobe Illustrator | Web Development News
March 17th at 10:05 pm

40 Detailed Drawing Tutorials for Adobe Illustrator | DesignerLinks | Home to Web design news, jQuery Tutorials, CSS tutorials, Web Designing tutorials, JavaScript tutorials and more! | 40 Detailed Drawing Tutorials for Adobe Illustrator | DesignerLinks | Home to Web design news, jQuery Tutorials, CSS tutorials, Web Designing tutorials, JavaScript tutorials and more!
March 17th at 10:37 pm

Adobe Illustrator Drawing Tutorial Collections | Design | Web Risorsa | A Web Resource Abode | Adobe Illustrator Drawing Tutorial Collections | Design | Web Risorsa | A Web Resource Abode
March 19th at 3:34 am

30 Küsür Tane Vektör(Vectors) « SistemBlog | 30 Küsür Tane Vektör(Vectors) « SistemBlog
April 11th at 3:08 pm

40 Best Detailed Drawing Tutorials for Adobe Illustrator | AMC | 40 Best Detailed Drawing Tutorials for Adobe Illustrator | AMC
April 28th at 12:28 am

Vita valen | Konst, filosofi, poesi, noveller, bloggar, recensioner, evenemang, DIY | Vita valen | Konst, filosofi, poesi, noveller, bloggar, recensioner, evenemang, DIY
September 6th at 5:27 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:55 am

40 Hướng dẫn vẽ chi tiết về Illustrator | Freelancers.vn – Hành Trang cho Freelancers | 40 Hướng dẫn vẽ chi tiết về Illustrator | Freelancers.vn - Hành Trang cho Freelancers
October 6th at 9:39 pm

20 Useful 3D Illustrator Tutorials for Best Practice | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net | 20 Useful 3D Illustrator Tutorials for Best Practice | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net
October 17th at 9:18 am

Realism in Vector Drawings | Realism in Vector Drawings
November 1st at 8:49 am

40 Детальных уроков Adobe Illustrator | 40 Детальных уроков Adobe Illustrator
February 10th at 11:26 pm

Improve Your Illustrator Skills – Noupe Design Blog | Improve Your Illustrator Skills - Noupe Design Blog
April 15th at 4:40 am

» Improve Your Illustrator Skills – 346th Edition Akira Designs | » Improve Your Illustrator Skills – 346th Edition Akira Designs
May 23rd at 12:56 am

» Improve Your Illustrator Skills – 371th Edition Akira Designs | » Improve Your Illustrator Skills – 371th Edition Akira Designs
May 27th at 9:49 am

» Improve Your Illustrator Skills – 396th Edition Akira Designs | » Improve Your Illustrator Skills – 396th Edition Akira Designs
June 2nd at 1:53 am

» Improve Your Illustrator Skills – 418th Edition Akira Designs | » Improve Your Illustrator Skills – 418th Edition Akira Designs
June 5th at 2:00 am

» Improve Your Illustrator Skills – 441th Edition Akira Designs | » Improve Your Illustrator Skills – 441th Edition Akira Designs
June 8th at 10:31 am

32 Great Adobe Illustrator Tutorials | Most Inspired: Design Inspiration Blog | 32 Great Adobe Illustrator Tutorials | Most Inspired: Design Inspiration Blog
June 16th at 9:12 am

80+ Amazing and Useful Illustrator Tutorials for All Designers | Web and Graphic Design Blog | 80+ Amazing and Useful Illustrator Tutorials for All Designers | Web and Graphic Design Blog
July 18th at 11:01 am

Eiencafe.com | Eiencafe.com
September 20th at 3:16 pm

30 Wonderful Character Design | illustrator Radar | 30 Wonderful Character Design | illustrator Radar
December 1st at 12:24 am

36 Fresh & Useful Adobe Illustrator Tutorials | 1step web design: Best for developer and designer | 36 Fresh & Useful Adobe Illustrator Tutorials | 1step web design: Best for developer and designer
January 11th at 10:10 pm

Web Design » Realism in Photoshop – Tutorials | Web Design » Realism in Photoshop – Tutorials
February 14th at 4:09 pm

Los Mejores Tutoriales Online de Adobe Illustrator | CreativaSfera | Los Mejores Tutoriales Online de Adobe Illustrator | CreativaSfera
February 19th at 1:36 pm

Los Mejores Tutoriales Online para Aprender Adobe Illustrator | Blog Diseño Web | Los Mejores Tutoriales Online para Aprender Adobe Illustrator | Blog Diseño Web
April 24th at 3:15 pm

Tutorials for your Ilustrator Designers | Th3me | Tutorials for your Ilustrator Designers | Th3me
June 29th at 4:24 am

+Add Comment21 Comments

  1. Gravtar for Kisan Bhat
    Kisan Bhat July 21st

    Wow it looks so realistic. I ill try it out myself.
    Thanks Greg.

  2. Gravtar for Bariski
    Bariski July 21st

    This is really exciting stuff. Thanks buddy.

  3. Gravtar for tutorialslounge
    tutorialslounge July 21st

    amazing work there.

  4. Gravtar for shibu john
    shibu john July 21st

    but many of the comments are confusing, and not clear

  5. Gravtar for Photography
    Photography July 25th

    Awesome tutorial!!! THANKS!

  6. Gravtar for Liz
    Liz July 29th

    Attempting your Oranges tutorial – but in Step #1 – WHERE do we find or get the color for the fill of “Brass Radial 7″?

    Thank you!

  7. Gravtar for Ghada
    Ghada August 3rd

    It’s a great tutorial undoubtedly, but I had a problem with the gradients u used. I’m usin’ illustrator CS4, could this be the problem??

  8. Gravtar for sandeep
    sandeep August 4th

    gread job!

  9. Gravtar for Rose
    Rose September 15th

    This is fantastic! It was very thorough and not hard to do! (Though I had trouble finding the right filters and such, because I’m german and using the german CS3, of course. So that’s not your fault!)
    Nicely done! =D

  10. Gravtar for sebastian viju
    sebastian viju September 28th

    Excellent tutorial!
    thanks..

  11. Gravtar for Raúl
    Raúl September 28th

    Gracias esta bastante bien esplicado y es un trabajo escelente

  12. Gravtar for Alri
    Alri October 5th

    Thanks for sharing idea.

  13. Gravtar for Kim
    Kim October 25th

    oh , good job , I like this tut , thanks man

  14. Gravtar for Nate Balcom
    Nate Balcom September 8th

    Wow that’s awesome. I’m more of a photoshop user, but tutorials like this make me want to get to know Illustrator better. Great job! I’m gonna try this.

    -Cheers

  15. Gravtar for Raj Dimudng
    Raj Dimudng February 17th

    Its so nice! You r greate

  16. Gravtar for santhoshini
    santhoshini May 18th

    great work.thanks for your ideas.

  17. Gravtar for Murali
    Murali July 8th

    This tutorials are very nice and very useful to me. I learn a lot with these tutorials, thank you very much…. thanks

  18. Gravtar for belinda
    belinda September 12th

    thanx, this is awesome for people who are teaching themselves to animate and draw.

  19. Gravtar for Samira Maghsoodloo
    Samira Maghsoodloo April 21st

    Hi
    This is great work…………

  20. Gravtar for James Buccelli
    James Buccelli May 20th

    I really enjoyed reading this article. I’m actually committing Sin #2 ‘Waiting too long to comment’! However, I felt compelled to express appreciation, since I think many of these you enumerate are unconscious mistakes that can easily be rectified.

  21. Gravtar for enaldro
    enaldro August 8th

    only fault eat flavor magnific didactic tutorial.Enaldro

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 - 2013 Vectordiary. Privacy Policy | Sitemap