Create a Milk Bottle with a Funny Cow Label

Download Source Files

In this tutorial, we'll explain how to create a 3D milk bottle. We’ll also cover how to create and apply a cute cow label to it. Let’s have some fun with this one!

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.

Step 1

Open up a new document and draw a rectangle with the Rectangle tool (M). Fill it with a gray to white to black linear gradient and set the gradient highlight towards the bottom.

Step 2

Select the Pen tool (P) and start drawing half of a bottle. We need only the outline. Make sure the fill is set to none and the
stroke to white with 1pt. You can use a reference image if you have trouble with drawing a bottle.

Step 3

Draw another small shape that is half of an outline of a bottle cap. Make sure that both paths are separate.

Step 4

Select the bottle path with the Selection tool (V) and go to Effect > 3D > Revolve. Apply the following options: -5, -26,
and 3. Also, set 45 degrees for the Perspective. Click OK and voila, the milk bottle.

Step 5

Repeat Step 4 with the cap path. Change the stroke color to a light grey and apply the settings shown below.

Step 6

This is what the bottle should look like at the moment. Not bad for a small few steps.

Step 7

On to the label. We want to create a funky looking cow. So let's start with the outline. Start drawing an outline of a
cow from the back. We need two legs and some hips on a big back.

Step 8

Create a polygon shape and fill it with black. This will be the black color spots for the cow.

Step 9

Select the shape,then go to Effect > Distort & Transform > Roughen and apply the settings shown below.

Step 10

Repeat Step 9 and add many more black spots. Make sure that some overlap the cow outline. Select all the black spots and expand their appearance (Object > Expand).

Step 11

Select all black shapes and the cow outline, then select the Divide option in the Pathfinder Palette. Next, choose the Direct
Selection tool (A) and start deleting all the overlapping black shapes.

Step 12

This is the main cow shape that we have so far. Let's move on to the other elements.

Step 13

Select the Pen tool (P) and start drawing an udder like shape. Fill it with a nice pink and set the stroke to black.

Step 14

Draw a tail like shape and add it to the cow. I kept it as simple as possible since I want to achieve a cartoon look.

Step 15

Go on and draw the face. It is a front on face so no need for difficult shapes. Fill the face with the same black spots as
the body, just like we did in Step 9-11.

Step 16

Draw some funky looking hair on top and place it above the face shape. Then add some overly big eyes. I used circles here.

Step 17

Start adding the details to the eyes. We need an eye color (one circle) and a pupil (another smaller circle with black
fill). Then add on top another white circle acting as a reflection. Repeat this with the second eye.

Step 18

Add some sickle shapes to the eyes.

Step 19

A cow needs some horns and some lips. Draw those shapes with the Pen tool (P). I filled them with a light pink.

Step 20

Add some nostrils and other details. After all the shapes have been added, the cow head should look similar to the image below.

Step 21

Group all the head shapes together (Command + G) and place them behind the body.

Step 22

I added some grass, some blue sky and some simple clouds to complete the label. You can let your creativity flow and use
totally different shapes here.

Step 23

A label needs some information. I chose Helvetica Neue LT as my favored font.

Step 24

Outline the text by selecting it and pressing Command + Shift + O. Then select both the label and the outline text and drag
them into the Symbol Palette.

Step 25

Go back and select the milk bottle shape. Since we didn't expand the appearance, we can easily modify it. Open the
Appearance Palette and double-click the 3D Revolve line. This will open the 3D Revolve Palette. Click on Map Art on the right
and go to Surface Nr 6. Choose the "labelwithtext" symbol from the Symbol drop down and place it towards the bottom.
Check the box Shade Artwork. This will render it with a slight shadow on the label. Check Preview to see if the label
is placed in the correct position.

Conclusion

This is the end result. No bad for a vector bases program. You can easily change the label or give the bottle another color. It
doesn't have to be a milk bottle. I hope you had fun with this tutorial!

Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.

Add Comment

Discussion 55 Comments

Comment Page 1 of 21 2
  1. Chuong says:

    this is so cool.
    I’ll try it ASAP.
    keep up the good work ^^

    cheers.,

  2. TiredOfInsinc says:

    I like the added touch around on the shadow at the bottom of the bottle. Generic Insinc comments comes in 3…2…1…

  3. Juliet van Ree says:

    Cool tut!

  4. Tristan says:

    awesome!

  5. RUGRLN says:

    Fantastic tutorial wicked!!

  6. Timothy says:

    The cow reminds me of South Park. I like the end-product though.

  7. Aaron says:

    This is great. The final graphic looks very realistic. I was totally unaware that Illustrator’s 3D filter could be used this way.

  8. Iva says:

    Simona, thank you. Your work inspires me to keep on creating and this was just brilliant!

  9. Sonali says:

    Awesome job Simona! Fab end results!

  10. chunkydesign says:

    Nice tutorial and great cartoon looking cow… Although looking at her expression she doesn´t look like an happy cow, as the label says, and I for one, wouldn´t be so sure about drinking her milk…:)

  11. rafi says:

    very nice tut! unfortunately my bottle always turns pitch black wehn i choose diffuse light with the given settings. has anyone a clue?

    cheers!

  12. accessoire says:

    Damn vectortuts changed so much … Usually when i take a look at this page i think “Yet another tutorial which teaches me to use 3D effects and pathfinder”

    Sad but true …

    I mean ok … it’s nice for the people who aren’t familiar with these techniques but there are tons of 3D effect tuts on this site. Shouldn’t we move on to more advanced tutorials?

    Just my two cents

  13. Devlin says:

    That is a fantastic tutorial!

    Getting the initial shape right seems to be key. My experimenting with this so far has my bottle look a bit more like an angular mutant, rather than a bottle of fresh and frosty milk.

    Thanks so much for sharing.

  14. Bryan says:

    Cool tut! Clients love seeing realistic mock-ups so knowing how to ” map” your art is a great tool to know. Thanks!

  15. amen allah says:

    cool!

  16. Joel says:

    Awesome tut! Changed it up to create a beer can and label. Anyone having problems with their label becoming distorted or pixelated after mapping it onto the bottle?

  17. lumansupra says:

    creative
    and, awesome!!!
    nice share…

  18. merb says:

    genial la ilustración! muy buen tut! thanks!

  19. Diego SA says:

    LOL!!!
    Great tut! I bless the 3D tool!

  20. lesther says:

    this tutorial is so amazing, thank you Somona!

  21. AndresMao says:

    Help, i´ve a problem in the last step (25).. In the tutorial said “go to Surface Nr 6″ (6 of 9), but in my program AI cs4, only appears surface (5 of 5).

    What could be wrong?

  22. Marcel says:

    HELP!

    Yes, its very good BUT, the 3D in Illustrator is v e r y slow, what can i do?

    i use Apple 2.16 Inter Core 2 Duo | 2GB 667 Mhz DDR 2 SDRAM

  23. udon says:

    thanks…great tutorial

  24. Ashley says:

    Very cute design!

  25. McAsh says:

    Having problems with mapping.. “an error occurred while processing the appearance of an object” pops up every time i try to label my 3d figure. Hmm.. Cool tut though..

  26. ww says:

    good design. can you make abstrac with 3d.

  27. Rafles says:

    Woooowwww …great tutorial….

  28. Sagara says:

    Codl dezign 3D man it veeeeeeeery cool

  29. Lindsey says:

    This picture of this cow looks like one of my school projects! Weird!

  30. Dai Hoang (vietnam) says:

    Awesome!
    Thank you for delicate.

  31. Gobu says:

    Its Great …. Awesome…..

    Thanks

  32. Melissa says:

    awesome! very useful.. :D

  33. alexis says:

    (:
    good job

  34. sam says:

    this sucksss haha

  35. MRS Parker says:

    i loved your cow you gay ass homo!! You made me wate a week of my time in my class just to draw this stuiped ass picture!!! go and jump off a bridge you fag!!

  36. Galo says:

    I did everything but the symbol(cow0 doesn’t render to the bottle) any clue????
    But besides my issue you are just FANTASTIC!!!

  37. Galo says:

    The symbol(cow) doesn’t stick to the bottle any clue???
    Besides my issue you are fantastic!!!! I got Mac 2 Gb

  38. carlos says:

    very cooooooool

  39. Laura says:

    Is cool :D:D woww

  40. S says:

    bravooooo :D

  41. Very nice. Thanks for the share.

  42. joemar says:

    hi what is the best type of document that can be used in this tutorial? is is print,web,mobile,video and film document or basic RGB document?

  43. Dibyendu Layek says:

    Verry cool

  44. roddur says:

    this one absolutely great

  45. yuko says:

    can you map on the cap?
    ive been try in it but it go all wrong ..

  46. asim says:

    Very Very Nice and Cool

Comment Page 1 of 21 2

Add a Comment