Adobe Illustrator in 3D

Let’s tap into some of the 3D features of Adobe Illustrator. Though Illustrator doesn’t offer a 3D environment like a true 3D application, it does give you the ability to create 3D objects that can be modified within a 3D space. Texture mapping and light sources similar to those found in the high-end 3D applications are also available.

[If you’d like to download the image used in this tutorial to practice these techniques, click here. All files are for personal use only.]

1 CREATE A LABEL
The first thing we’ll do is create the label that will wrap around our can. Create a label like the one here, or you can download the source file (above). In this example, we’re going to create a tin can full of beans, but you can fill your can with whatever you want. You can even import an Adobe Photoshop file for your label, if you wish.

2 MAKE A SYMBOL
Once your label art is complete, select all the elements by pressing Command-A (PC: Ctrl-A). Using the Selection tool (V), click-and-drag the selected label into the Symbols panel (Window>Symbols). In the Symbol Options dialog that pops up, name your symbol, set Type to Graphic, then click OK. Press Delete (PC: Backspace) to delete the label from the artboard.


3 DRAW THE CAN
Now let the fun begin. Create a vertical line with the Pen tool (P) by clicking once on the artboard and then Shift-clicking below it to keep it perpendicular. Next, make it a guide by choosing View>Guides>Make Guides. Now set the Stroke to a medium-to-dark gray and the Fill to None (/) in the Toolbox or Control panel. Then draw a path similar to the one you see here (or download this file from the website). Make sure the path begins and ends on the guide. Believe it or not, this is the right side of the tin can. You’ll notice that I’ve created rounded corners. I did this to give my can a lip.

4 GIVE THE CAN SHAPE
With your can selected, go to Effect>3D>Revolve. In the 3D Revolve Options dialog that pops up, check Preview to see the 3D effect. At first it will look a little off. Dialing up the Perspective setting will make the can look more realistic (30? in this example). Click the More Options button to reveal the controls for lighting the object. I’ve added a second light source by clicking the New Light icon and then dragged the two light sources into place. With both light sources set, play with the other Surface settings to taste. I’ve bumped up the Highlight Intensity, as highlights would be stronger on a real tin can. (Don’t click OK yet.)


5 AFFIX THE LABEL
Now we’re ready to apply the label. Click the Map Art button to open the Map Art dialog. At the top of the dialog there’s a Surface indicator. As you cycle through the various surfaces by clicking the Surface arrows, the currently selected surface will be displayed over the object in red. Click the arrows until the body of the can is outlined in red. Then find your label in the Symbol drop-down menu in the upper-left corner of the dialog.


6 POSITION THE LABEL
Drag your label over the white surface shown in the box. The white area signifies the area that is currently in view, whereas the dark areas are the areas behind the object that are hidden from view. You can also grab the handles on the sides of the label to resize and alter its shape. Check Shade Artwork to add the highlights and shadows that appear on the can to your label. You can now click OK in this dialog and the one below because your tin can is finished.

7 ADD A LITTLE SHADOW
To make the can look like it’s standing within 3D space, add a little shadow behind it like the one shown here. To do this, click the Create New Layer icon at the bottom of the Layers panel for your shadow and then click-and-drag it below your can layer. Next, create a shape like the one shown here with the Pen tool and fill it with black.

8 SOFTEN THE SHADOW
Lower the Opacity for the shadow to make it more realistic (Window>Transparency). If at any point you want to edit your can or label, go into the Appearance panel (Window>Appearance) and double-click 3D Revolved (Mapped). You have now completed your 3D tin can!

Share & Enjoy


Similar Articles

 

  1. Alfonso de Tomás (Reply) on Tuesday November 4, 2008

    I have a tutorial for making a wine bottle with a cup in Illustrator.

    http://desfaziendoentuertos.prepress.es/2008/06/dibujos-en-3d-con-adobe-illustrator.html

    (in spanish)

  2. didi (Reply) on Tuesday November 4, 2008

    very cool

  3. Peggy Gary (Reply) on Tuesday November 4, 2008

    Good Tutorials

  4. rana (Reply) on Tuesday November 4, 2008

    thanks

  5. Ricardo (Reply) on Tuesday November 4, 2008

    I don’t find most of the options that are in the example screen, I do only have a few of them, so my question is that —–Is this excercise compatible with Illustrator CS2?

  6. Ricardo (Reply) on Tuesday November 4, 2008

    sorry now I find them

  7. T. (Reply) on Tuesday November 4, 2008

    My symbol doesn’t show on the can, the only way I can see it is if I click on “invisible geometry”, then I can only see the symbol and no rendered can. What am I doing wrong?

  8. Lisette Buiani (Reply) on Tuesday November 4, 2008

    Wonderful and extremely helpful!
    thank you!

  9. dalila smith (Reply) on Tuesday November 4, 2008

    Thanks so much.
    (Got me out of a jam at work)

  10. Lisette Buiani (Reply) on Tuesday November 4, 2008

    How do you import a photoshop file to the symbols dialog box? and what file format should it be?
    thanks!

  11. [...] Adobe Illustrator in 3-D Create a 3D can and label in Illustrator. [...]

  12. [...] Adobe Illustrator in 3-D Create a 3D can and label in Illustrator. [...]

  13. [...] Adobe Illustrator in 3-D Create a 3D can and label in Illustrator. [...]

  14. [...] Layers Magazine zeigt in einem kurzen, aber sehr guten englischen Tutorial wie man in Illustrator ein Etikett erstellt. In der Folge wird eine Dose in 3D erzeugt und das [...]

  15. [...] Adobe Illustrator in 3-D Create a 3D can and label in Illustrator. [...]

  16. mohammad Arif (Reply) on Tuesday November 4, 2008

    i visit first time at your site

    its very amazing

    i learn illustrator tutorial

    i love to learn adobe Photoshop & Illustrator

    i like layers very much

  17. [...] 1.3 Adobe Illustrator in 3D [...]

  18. [...] Adobe Illustrator in 3D [...]

  19. [...] Adobe Illustrator in 3-D Create a 3D can and label in Illustrator. [...]

  20. Marilyn Glisci (Reply) on Tuesday November 4, 2008

    This is very cool, do you have any tutorials on importing an Autocad 3D file?

  21. asim (Reply) on Tuesday November 4, 2008

    Good Turorials for 3d effect

  22. Kelly (Reply) on Tuesday November 4, 2008

    I can not find the 3D window anywhere in order to apply a symbol and map the art work onto the bottle. This has been an extremely frustrating experience.

  23. Kelly (Reply) on Tuesday November 4, 2008

    My symbol doesn’t show on the can either, the only way I can see it is if I click on “invisible geometry”, then I can only see the symbol and no rendered can. What am I doing wrong? I am experiencing the same frustration as others. This is extremely difficult to get to work. Please help!

  24. gary wendt (Reply) on Tuesday November 4, 2008

    i am successfully wrapped a 2d vector object (outlined text) around a globe, so now it appears 3d, but it does not appear to be a vector file. what is it now? how do i convert the object back to vector and/or select only the wrapped object?

  25. farnaz (Reply) on Tuesday November 4, 2008

    How can we change or edit the map art on the 3D object after applying in Adobe Illustrator???

  26. Claire (Reply) on Tuesday November 4, 2008

    Wow Bert must say you are absolutely brilliant.
    Very good illustrator tutorial :)



Planet Photoshop Photoshop World Kelby Training Lightroom Killer Tips NAPP Scott Kelby