Create a Milk Bottle with a Funny Cow Label

Mar 16th in Illustration by Simona Pfreundner

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!

PG

Author: Simona Pfreundner

I am a digital artist and graphic designer and love Illustrator and Photoshop. To design and and create is my passion and my everyday motivator.

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.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Chuong March 16th

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

    cheers.,

    ( Reply )
  2. PG

    TiredOfInsinc March 16th

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

    ( Reply )
  3. PG

    Juliet van Ree March 16th

    Cool tut!

    ( Reply )
  4. PG

    Tristan March 16th

    awesome!

    ( Reply )
  5. PG

    lufutu March 16th

    Very useful !

    ( Reply )
  6. PG

    RUGRLN March 16th

    Fantastic tutorial wicked!!

    ( Reply )
  7. PG

    Timothy March 16th

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

    ( Reply )
  8. PG

    Aaron March 16th

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

    ( Reply )
  9. PG

    Iva March 16th

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

    ( Reply )
  10. PG

    Sonali March 16th

    Awesome job Simona! Fab end results!

    ( Reply )
  11. PG

    chunkydesign March 16th

    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…:)

    ( Reply )
  12. PG

    rafi March 16th

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

    cheers!

    ( Reply )
  13. PG

    accessoire March 16th

    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

    ( Reply )
  14. PG

    Devlin March 16th

    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.

    ( Reply )
  15. PG

    Bryan March 16th

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

    ( Reply )
  16. PG

    amen allah March 16th

    cool!

    ( Reply )
  17. PG

    Joel March 17th

    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?

    ( Reply )
  18. PG

    lumansupra March 17th

    creative
    and, awesome!!!
    nice share…

    ( Reply )
  19. PG

    merb March 17th

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

    ( Reply )
  20. PG

    Diego SA March 17th

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

    ( Reply )
  21. PG

    lesther March 17th

    this tutorial is so amazing, thank you Somona!

    ( Reply )
  22. PG

    loveleen March 18th

    wow wow wow!!!

    ( Reply )
  23. PG

    AndresMao April 13th

    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?

    ( Reply )
  24. PG

    Marcel April 19th

    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

    ( Reply )
  25. GREAT Tutorial

    ( Reply )
  26. PG

    udon April 24th

    thanks…great tutorial

    ( Reply )
  27. PG

    Ashley May 1st

    Very cute design!

    ( Reply )
  28. PG

    McAsh May 26th

    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..

    ( Reply )
  29. PG

    jmmi June 17th

    cool

    ( Reply )
  30. PG

    ww June 19th

    good design. can you make abstrac with 3d.

    ( Reply )
  31. PG

    Rafles June 19th

    Woooowwww …great tutorial….

    ( Reply )
  32. PG

    Sagara June 30th

    Codl dezign 3D man it veeeeeeeery cool

    ( Reply )
  33. PG

    Lindsey July 27th

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

    ( Reply )
  34. PG

    Dai Hoang (vietnam) August 2nd

    Awesome!
    Thank you for delicate.

    ( Reply )
  35. PG

    Gobu September 1st

    Its Great …. Awesome…..

    Thanks

    ( Reply )
  36. PG

    Melissa October 7th

    awesome! very useful.. :D

    ( Reply )
  37. PG

    alexis October 16th

    (:
    good job

    ( Reply )
  38. PG

    sam October 22nd

    this sucksss haha

    ( Reply )
  39. PG

    MRS Parker October 22nd

    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!!

    ( Reply )
  40. PG

    Galo October 24th

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

    ( Reply )
  41. PG

    Galo October 24th

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

    ( Reply )
  42. PG

    carlos October 26th

    very cooooooool

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    October 26th