Get a free year on Tuts+ this month when you purchase a Siteground hosting plan from $3.95/mo
In this tutorial, we'll explain how to create a pair of cherries solely with the Gradient Mesh tool. If you're not familiar with the Gradient Mesh tool, then this is a great tutorial to learn how to start using it. You can create artwork with a semi-realistic to very realistic look with that tool. It can take effort to master, but it's worth your time.
Final Image Preview
To begin with let's have a look at the image we'll be creating.
I went and picked a nice image of some cherries that I thought would be good to recreate. You can get the picture of the cherries at Stock.xchng. Place the image in a new document on its own layer and lock it.
We will need to set up some base colors for our cherries. With the Eyedropper Tool (I), I picked five base red colors with one highlight color. I have illustrated below which ones I chose. You can of course choose more, if you decide to go into more detail.
Select the Pen Tool(P) and start tracing the outline of the left cherry. Then fill it with a medium red color that we picked in Step 2 (I chose number 5). Then select the Mesh Tool (U) and add a mesh line by clicking on the shape.
Start adding more mesh lines from the bottom up by close to the middle of the shape.
Add more mesh lines. Make it uneven. Some can be closer, other can be further apart.
Continue to add mesh lines towards the top of the shape.
In case you clicked somewhere, where you don't want a mesh line, you can easily undo this by holding down the Alt key and clicking on the mesh line. (Instead of a plus sign, you will see a minus sign).
The trick with mesh lines is that if you add too much it can get quite intimidating. Also, if a color is added it can look unnatural. Try to keep the lines to a small amount.
Another thing with mesh is to start with a simple object, such as an oval.
Irregular shapes will look funny first, when a mesh line is applied. I will show this later on. Just keep adding some mesh lines horizontally.
Make sure you add mesh line close to the cherry outline. This will help setting up contrast areas.
Now add mesh lines on the vertical. Below you can see the mesh object with its parts. We will soon select either mesh points or mesh fields, drag mesh lines, or pull some control handles.
Drag your shape below the cherry image. This will make it easier for you to apply the colors, like highlights and shadows. Let's add our first highlight. Select the mesh point shown in the image with the Direct Selection Tool (A) and click on the lightest color (number 1). This will set our first highlight. Our cherry is starting to come to life!
Select another mesh point to add another highlight point, then fill it with the light red.
Select the mesh point below the first highlight point and fill it with a darker red. Have a look at the cherry image and compare.
Selected the mesh point below the previous one and fill it with a lighter red.
Have a look at the cherry image. On the top right, you can see that it has a shadow part (Most likely from the stem). Select a mesh point near the top right and fill it with the darkest red.
If you want to spread the color out a little, you can do this by adjusting the control handles. Pull them with the Direct Selection Tool (A) and drag them around to see how it affects the color.
To define edges, we want to set the mesh points to the darkest red we have picked in the beginning. Select the outer mesh point to do that and fill them with the dark red.
Sometimes, we need to add some highlights to the outline. So in between the darker points, select some mesh points and fill them with the lightest red.
As you can see in the image below, if you select several outer mesh points and fill them with the light red, it will give the cherry a beveled look.
Repeat this all around. Don't forget to have a look at the cherry photograph. Nobody expects you to have a super genius photographic memory!
Select the mesh points close to the most outer points and fill them with the darkest red. Add some dark points to the middle of the shape.
Let's have a look. Not bad, but a little dull, don't you think? Let's make the cherry more round looking.
Now instead of selecting mesh points, we will select mesh fields. This will spread out the color more like a gradient. Select the mesh fields with the Direct Selection Tool (A), as illustrated in the image below, then fill them with the darkest red. You can compare the mesh cherry with the photograph and add more highlights and shadows, mid-tones and details.
Now you have created a cherry as a gradient mesh object!
Lets move on to the stem. Create a shape with the Pen Tool (P) and fill it with a green. You can pick the colors from the cherry photograph. Create the left half first.
Now create the right half of the stem and fill it with the same color. Make sure that both shapes are closed and individual.
Add mesh lines with the Gradient Mesh Tool (U) just as we did before. Sometimes, when you come close to the outline of the shape, you will see mesh lines overlapping and being outside of the shape. Don't worry about these. They will not affect the colors for now.
Add lighter and darker colors, as we did before.
Repeat the same with the right part of the stem. In order to make them look like one stem, select the top-left most mesh point with the Direct Selection Tool (A).
Drag it slightly to the left. As you can see, the colors are spreading with it.
There you go. Our stem is almost ready.
One last thing. Create a small shape with the Pen Tool (P) for the tip of the stem. Add mesh lines with the Gradient Mesh Tool (U) and select mesh points, then fill them with brown colors.
Now we have all our parts and the cherry pair is ready. Of course I made a copy of the cherry, reflected it, and moved all parts together. I also added some shadows (I applied the Gaussian Blur). I hope you enjoyed this Gradient Mesh tutorial.
Subscribe to the VECTORTUTS RSS Feed to stay up to date with the latest vector tutorials and articles.