Vectordiary

Top Illustrator Tutorial & Tips

Hello Guest! | Log in| Register

Illustrator Tutorial: Realistic Orange



In this step-by-step tutorial, you will learn how to make a photo realistic orange using Adobe Illustrator CS3.

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

About The Author: Allure1991

Read all articles writen by this author

16 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, 2009 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, 2009 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, 2009 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, 2009 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, 2009 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, 2009 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, 2009 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, 2009 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, 2009 at 6:22 am

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

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

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

The 50 Best Adobe Illustrator Tutorials from 2009 | iDESIGN | The 50 Best Adobe Illustrator Tutorials from 2009 | iDESIGN
January 7th, 2010 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, 2010 at 2:22 pm

+Add Comment13 Comments

  1. Gravtar for Kisan Bhat
    Kisan Bhat July 21st, 2009

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

  2. Gravtar for Bariski
    Bariski July 21st, 2009

    This is really exciting stuff. Thanks buddy.

  3. Gravtar for tutorialslounge
    tutorialslounge July 21st, 2009

    amazing work there.

  4. Gravtar for shibu john
    shibu john July 21st, 2009

    but many of the comments are confusing, and not clear

  5. Gravtar for Photography
    Photography July 25th, 2009

    Awesome tutorial!!! THANKS!

  6. Gravtar for Liz
    Liz July 29th, 2009

    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, 2009

    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, 2009

    gread job!

  9. Gravtar for Rose
    Rose September 15th, 2009

    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, 2009

    Excellent tutorial!
    thanks..

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

    Gracias esta bastante bien esplicado y es un trabajo escelente

  12. Gravtar for Alri
    Alri October 5th, 2009

    Thanks for sharing idea.

  13. Gravtar for Kim
    Kim October 25th, 2009

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

Add a Comment

(required)

(will not be published)

join membership
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 for learning 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 »

My Network


All Content & Theme Design © 2008 Vectordiary. Hosted by Media Temple