Hostingheaderbarlogoj
Join InMotion Hosting for $3.49/mo & get a year on Tuts+ FREE (worth $180). Start today.
Advertisement

Quick Tip: How to Illustrate a Lipstick using Gradients

by
Gift

Want a free year on Tuts+ (worth $180)? Start an InMotion Hosting plan for $3.49/mo.

In the following tutorial you will learn how to use the Mesh, Gradient, Shape Builder and Spiral Tool to make an illustration of lipstick. The skills you will learn can easily be transferred to creating various basic objects, so let’s get started!


Step 1

Take the Rectangle Tool (M) and create a rectangle.

Add an anchor point and convert the bottom part of the rectangle to a smooth form. See the diagram below.

Then take the Gradient Tool (G) and fill the figure with a Linear gradient. Set the gold colors for gradient sliders and the stroke to none. See the image below for reference.


Step 2

Take the Ellipse Tool (L) and create an ellipse. Fill it with the Radial gradient, use the image below as a reference. Set the Stroke to None.

Send the ellipse to the back, by going to Object > Arrange > Send to Back.


Step 3

Take the Rectangle Tool (M) and create a rectangle which has the same width as the large axis of the ellipse. Convert the bottom anchor points to smooth. Fill the path with a Linear gradient filling from light to shade of the color you want. Send the shape to the back.


Step 4

Now let's create some shadow from the lower part of the lipstick. Select the part which has just been received with the Selection Tool (V), copy it and paste in front (Command + C then Command + F). Fill it with the Linear gradient filling with tints of gray color. Then go to Object > Transform > Scale > Non-uniform and set there the values which you can see on the diagram below.

After sending the shadow backward we will receive a shadow, like the one in the image below.


Step 5

Create an ellipse with the big axis equal to the width of the gold rectangle which was made in the Step 1, fill it with a color or gradient as you like.

Then create a path which will represent the main part of the lipstick. Fill it with an angled linear gradient with red hues of color.

Select the ellipse and go to Object > Create Gradient Mesh. Set the values which you can see on the diagram below.

Take the Mesh Tool (U) and create a distribution of lights and shadows of brown color in the elliptical mesh. Follow the diagram below.


Step 6

Take the Rectangle Tool (M) and create a rectangle of any color. Place it over the top part of the lipstick. Set the opacity of to about 50%.

Convert the rectangle to the form shown on the diagram with the help of the Direct Selection Tool (A).

Go to Object > Create Gradient Mesh and set the values shown in the image below.

Change the color of the Mesh to cherry tints. Then take the Mesh Tool (U) and create a distribution of lights and shadows. Pay attention at the white color of the top anchor point.


Step 7

Copy the bottom part of the lipstick in order to create two paths - elliptical and pseudo-rectangular. See the diagram for reference.

Then copy the top ellipse and paste it in front (Command + C then Command + F). Move it down.

Take the Shape Builder Tool (or pathfinder if you're not using CS5) and create a lateral path which is selected on the diagram.

Pay attention at the lateral sides of these paths.

After that place the received path on the top of the bottom part of the lipstick.

Set the Stroke to None. And fill it with a Linear gradient.

After that you will receive the following image.


Step 8

Take the Spiral Tool and click on the workspace. Set the following values.

Rotate it by going to Object > Transform > Rotate. Then copy a spiral line and create the other spirals.

Go to Object > Transform > Scale and change the Vertical dimensions of the spirals and change the Stroke Weight of them. Then select all three spiral groups and go to the Align palette in order to align them as you can see it below.

Then select all the spirals and go to Object > Expand.

Take the Shape Builder Tool (or use the pathfinder) and create a compound path from these spirals.

Place this compound path on the lowest part of the lipstick and fill it with a Linear gradient filling.


Step 9

In order to draw a lid, first create the following path and fill it with the Linear gradient filling, as you can see on the diagram below.

Then go to Object > Transform > Rotate in order to represent the lid on the table's surface.


Step 10

Take the Ellipse Tool (L) and create an ellipse with brown filling. Rotate it and place it in the lowest part of the lid.


Step 11

Select a lid and an ellipse, copy them and paste in front (Command + C then Command + F). Take the Shape Builder Tool (or pathfinder) and unite both paths. Fill the resulted path with the Linear gradient filling from light gray to dark gray.

Place it under the lid. Scale it and move it somewhat down in order to represent a shadow.


Step 12

Create another ellipse and fill it with the Radial gradient filling. This ellipse will represent the inside of the lid.


Step 13

Create the next path and fill it with a Linear gradient from light to dark.


Step 14

Place the spiral compound path (from Step 8) on the lid and fill it with a Linear gradient filling.


Step 15

Place the lid under the lipstick.

Create an ellipse and fill it with a Radial gradient filling from yellow to white.

Place the ellipse under the lipstick and lid.


Conclusion

You have just made a lipstick. I hope you enjoyed this tutorial.

Advertisement