Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own.  Home Vector Graphics Adobe Illustrator Adobe Illustrator in 3D

Adobe Illustrator in 3D


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.

image 1

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.

image 2

image 3

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.

image 4

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

image 5

image 6

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.

image 7

image 8

6. Position tha 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.

image 9

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.

image 10

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!

image 11

Adobe Illustrator in 3D



Author's URL: Bert Monroy
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own. More Adobe Illustrator Tutorials: Featured Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

Reader's comments
comments thai linh June 03, 2011 says:
thanks!!!
Reply
comments adsadsd June 03, 2011 says:
hay lam
Reply
comments ytyh January 20, 2011 says:
ss;dls;ldfk
hfgdf

Reply
Add comments to "Adobe Illustrator in 3D"

Captcha