Want a free year on Tuts+ (worth $180)? Start an InMotion Hosting plan for $3.49/mo.
In this tutorial, we'll explain how to create a cut avocado with simple shapes, blends, and textures. We'll design both the outer skin, yummy light green avocado filling, and the inner core. Let's get started!
Final Image Preview
Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9$ a month.
- Program: Adobe Illustrator CS4
- Difficulty: Intermediate
- Estimated Completion Time: 1 hour
Open up a new document and select the Ellipse Tool (L), then use it to create an ellipse.
Select the Pen Tool (P) and add a path point on each side. Grab the Direct Selection Tool (A), then use it to move the added points inward to make it look more like an avocado shape. Make a copy and put it aside.
Select the shape and add a 4pt Stroke. Then go to Object > Path > Outline Path.
Select the outlines shape and go to Effect > Stylize > Zig Zag and apply the settings you see below.
Create a rectangle filled with green and place it behind the shape.
Select both and in the Path Finder Palette, chose Divide. Then select the outer part with the Direct Selection Tool (A) and delete it.
This is our simple avocado shape for now. You could save the last two steps if you fill the shape right in the beginning with a color before outlining the stroke.
Take the copied shape from Step 2 and scale it down. Place it towards the bottom and fill it with a lighter green.
Select the outline and fill it with a brown.
Make another copy of the shape with the lighter green, scale it down and fill it with an even lighter green.
Select the green shapes and apply a blend with the specified steps shown below.
Create another oval like shape or take another copy of the shapes we created and fill it with a beige radial gradient.
Make a copy of the pit shape on top and alter the outline with the Direct Selection Tool (A). Move the gradient slider around if you think it gives it a better contrast.
With the Pen Tool (P), create a small roundish shape as a highlight on the pit and fill it with white. Set the Layer Mode to Overlay with a 40% Opacity.
This is the inside part of the avocado.
Copy the outline shape and inside fill of the avocado and Unite in the Pathfinder Palette. Now fill it with a muddy green.
Open the Patterns and choose the Cheetah patterns form the animal patterns. Drag it onto the artboard. We want to change the colors a little bit.
Select the small black fill and go the Select > Same > Fill Color. This will pick all the small black circles.
Fill them with the radial white to black gradient, then change the background color to the muddy green or a dark green as shown.
Now drag the pattern back into the Swatch Palette and name it avocado skin.
Copy the avocado shape on top (Command + C + F) and fill it with the just the altered pattern. See how big it is? We will change that.
Double-click the Scale Tool and uncheck all option boxes except for the Patterns box. Now chose about 25% for scaling. With the preview button checked, you can see how it just changes the size of the pattern without affecting the shape.
Set the shape to the Layer Mode to Overlay and the Opacity to 20%.
This is what it should look like now.
Copy the shape on top again and fill it with a green to brown to green radial gradient. Set the Layer Mode to Overlay.
Copy it on top again and fill it this time with a black to white radial gradient and set the Layer Mode to Multiply at 55% Opacity.
Repeat the copy on top again, change the gradient sliders and set it to Overlay at 30% Opacity.
Repeat and apply the settings you see below.
One last time, fill it with a light green, a muddy green and black gradient. Set the Layer Mode to Multiply and 100% Opacity. This way we achieve a glossy and rich look. I bet there are other ways to achieve this as well, feel free to get creative and experiment here.
Create two little beige shapes that act like the little stem piece of the avocado.
Ah, the avocado is ready...
I created a background with a linear black to white gradient and placed the avocado on top. I added a Drop Shadow to the inside part.
To make it even glossier, I copied and reflected the shapes and applied an Opacity Mask.
Last but not least, I transformed the inside part and placed a scaled skin to the back to make the avocado look like it is lying on the back and not standing up. That's it! I hope you had fun and learned some new techniques!
Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.