Forget Password

Illustrator Tutorial: How to Draw a Perfume Bottle

vector perfume

In this tutorial, you will discover how you can easily draw a vector perfume bottle in Illustrator with the help of the 3D Revolve effect. You will also learn to create an original semi-transparent texture for the glass and how to apply it on the bottle surface using the Map Art options. Let’s get to work!

Draw the Bottle Shape

1. We will start by using the 3D effect to create the body of the bottle so the personalized glass texture can be applied using the Map Art option. Take the Pen Tool and draw the path that you can see below then go to Effect > 3D > Revolve, set the values from the next image and you will obtain the body for the perfume bottle.

perfume

perfume

Draw the Glass Texture

2. Use the Polygon Tool or the Pen Tool to draw the next shape then multiply it to create the texture from below sufficiently big to cover the body of the bottle. When you are done group all the shapes.

perfume

3. For the next step it’s important to fill the shapes and delete the strokes, so you can choose any color to do that. To be able to use the Map Art option you must save the texture group as a symbol so drag it into the Symbols Panel and select Graphic.

perfume

Apply the Texture

4. Select the body of the bottle, go to the Appearance Panel and double click on the 3D Revolve effect that you applied earlier to open the 3D Revolve Options window then click on the Map Art button to open the Map Art window that you can see below. Click on the arrow indicated in the image to select the surface that corresponds with the front side of the bottle (mine was surface 6). Next select the symbol that you saved then click on the Scale to fit button and you should see the texture applied on the body like below.You could select also the surface for the back of the body and apply the texture and also the other settings that will follow just like for the front side but the final image will look almost the same so it’s better to keep it simple and make the work easier.

perfume

perfume

5. When you are done go to Object and Expand Appearance then delete all the other many shapes and ovals that will result after expanding except the texture group and the top and the bottom ovals that fit (it should be the bigger one from the group of many ovals on top and the bigger one from the group at the bottom – I separated them so you can see them better). Also find and keep the basic shape of the body because you will need it later (see the image at the step 7). Delete all the other many shapes.

Next fill the texture group with a linear gradient using the following colors: (R=111,G=100,B=82), (R=193,G=188,B=179), (R=242,G=241,B=232), (R=209,G=210,B=199) and again (R=242,G=241,B=232) then set the Blending mode to Darken and lower the Opacity to 50% to obtain the semi-transparent look for the glass.

perfume

6. Now Copy and Paste in back the texture group, keep the same gradient but select a 90 degrees angle value, keep the Opacity at 50% and set the Blending mode back to Normal.

perfume

Draw the Perfume Inside

7. To make the liquid inside the bottle take the basic shape of the body that I said to keep at the step 5 then draw an oval using the Ellipse Tool on top and duplicate it. Now take the Direct Selection Tool and select the top point of the oval, delete it and use the Pen Tool to modify and close the path like you can see below. Select both the body shape and the modified one and click on Subtract from shape area > Expand from the Pathfinder Panel to obtain the liquid shape.

perfume

8. To fill the liquid shape, I used a linear gradient with the following blue tones: (R=104,G=174,B=223), (R=0,G=148,B=211), (R=0,G=127,B=195) and to fill the top oval I selected a radial gradient from (R=104,G=174,B=223) to (R=64,G=175,B=222).

perfume

9. Group the 2 shapes and place them between the first texture group from the step 5 and the second one (step 6), change the Blending mode to Hard Light and lower the Opacity to 90%. I wanted the sides of the body to be a bit darker then the middle part, as it should be for a round bottle, so take the Ellipse Tool and draw an oval on top of the liquid group, fill it with white, go to Effect > Stylize > Feather and select a big value for the Feather Radius like 20-25 depending on your bottle size. Next reduce the Opacity to 80% and set to Soft Light.

perfume

10. Now take the Pen Tool and draw a lightly curved path, give it a 5 pt Stroke then go to Object and Expand it. Fill it with white and lower the Opacity to 20%.

perfume

Draw the Bottom nd the Top of the Bottle

11. Use the Pen Tool and draw 3 curved paths, select for the first 2 a 7 pt Stroke and for the last one 8 pt then click on the Round Cap button. Expand them and fill them with a gold gradient.

perfume

12. To make the top golden parts of the perfume bottle first take the Pen Tool and draw the first shape in the image then do the same like above and draw the other golden curved shapes. For a little shadow Copy and Paste in back one of the 2 curved shapes at the top, make it a bit smaller, change the fill to a dark gray, go to Effect > Blur and apply a 1.7 px Gaussian Blur then reduce the Opacity to 10 %.

perfume

13. Group all the shapes and here is how the perfume bottle should look at this point:

perfume

Draw the Lid of the Bottle

14. You can simply make the lid by drawing the following shapes, group them all and fill them with a linear gradient using blue tones like: (R=157,G=210,B=218), (R=91,G=186,B=199) and (R=0,G=148,B=211).

perfume

Add Some Design Elements

15. First let’s add some glow so take the Ellipse Tool and draw an oval shape, fill it with white, go to Effect > Stylize and select a 20-22 Feather Radius, reduce the Opacity to 55% and set to Lighten.

perfume

16. Now go to the Symbols Panel, open the Symbol Libraries Menu > Artistic Textures find Impressionism and drag it into your working area. Expand the symbol and delete some parts of it to obtain something like in the image below, then make more copies and place them like in the image. Group them, place them on top of the lid, change the Blending mode to Screen and lower the Opacity.

perfume

17. For the elements on top of the bottle, copy the ones made above then go to Effect/Warp/Inflate and set the values like in the next image. Now place the group on top of the body, lower the Opacity to 70% and set to Screen also.

perfume

18. See here how to place the artistic elements and how the bottle looks like:

perfume

The Final Perfume Bottle

perfume

The tutorial is done, hope you enjoyed it and found it easy to follow. Next week, I will show you another technique of drawing a different perfume bottle. So come back again for more illustrator tutorials.

To download the source file for this tutorial, you will need to login as a member.
Sign up today to access all exclusive members content!


[The article is for Basic Members only. Login or sign up now to read the whole article.]
[The article is for Premium Members only. Login or sign up now to read the whole article.]

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: Diana Toma

I'm a graphic designer extremely passionate about my work. I discovered Illustrator a while ago and simply love it. Since then, it has kept me busy and active.

0 Trackbacks

+Add Comment9 Comments

  1. Gravtar for Dwight
    Dwight March 13th

    How did you get only 6 sides in the 3D when I get 11 for the same shape. I could not get the texture or any symbol to map onto the object.

  2. Gravtar for Diana
    Diana March 14th

    This also happened to me one time but with another shape and I think the problem comes from the path drawn. Try to modify it a bit and then apply again the 3D effect and see if Illustrator sees this time only 6 sides.

  3. Gravtar for Dwight
    Dwight March 14th

    I drew the shape again and the 3D showed 8 sides. I think it depends on the length of the top and bottom lines. I was also able to map a clear texture on to the object.

  4. Gravtar for Dwight
    Dwight March 17th

    In step 7 you say Subtract from shape area. I think you mean go to the Pathfinder palette and Subtract from shape area, but in CS4 what is the command ?

  5. Gravtar for Diana
    Diana March 17th

    Unfortunately I don’t work in CS4 but I searched and I found this:
    Add to Shape Area – ‘Unite’ in CS4
    Subtract from Shape Area – ‘Minus Front’ in CS4
    Intersect Shape Areas – ‘Intersect’ in CS4
    Exclude Overlapping Shape Areas – ‘Exclude’ in CS4
    Subtract is the second button on the first row in the Pathfinder Panel so Minus Front should also be in the same place. The great thing is that you can Undo anything that you do as many times as you want so try them all. If you ever hit the wrong one you can always go back.

  6. Gravtar for Jaylene
    Jaylene April 14th

    Thanks alot – your aswner solved all my problems after several days struggling

  7. Gravtar for mfjhtppgsdy
    mfjhtppgsdy April 22nd

    rEaw8t nztjapxzskas

  8. Gravtar for meshalabasi
    meshalabasi November 1st

    very boring

  9. Gravtar for faiz arafa
    faiz arafa December 11th

    super….. it’s a great work

Ads

Subscribe

Social Media Icons

Visit Us On TwitterVisit Us On FacebookCheck Our Feed

Istock Ads

myfonts ads

Google Ads

About Vector Diary

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 »