Illustrator 3D: Bust Down the 2D Barrier

by Jay Hilgert
on February 19, 2007

I’m not sure if this is a widely used Illustrator feature or not. I’ve been using Illustrator almost every day for years, but I never took advantage of this feature until a few months ago. If this isn’t new to you, spare me the “I already knew that crap.” It’s new to me, and I think it’s something every Illustrator should know about, so I’m posting it. You can easily create realistic 3D objects in Illustrator in seconds using the Effect menu. You don’t need anything more than a flat shape to get started, and it can be changed after it’s applied, using the appearance palette. It’s so simple, I hate myself for not using it a long time ago. . .

Illustrator 3D 11

To begin, create a simple shape on the artboard that you would like to make 3d. I used a square and I put my logo on top of the square so you can see the perspective effects of any artwork or designs you might incorporate into this effect. This is NOT an image it is 2 vector shapes in Illustrator. Important: You must group the shapes (artwork) BEFORE you apply this effect. Here is what my shape looks like:

Illustrator 3D 1

Now that you have your shape, make sure it is grouped, and select it.

Illustrator 3D 2

With your shape selected, go to the “Effect” menu and select “3D > Extrude and Bevel.”

Illustrator 3D 3

You will see this options menu: (immediately click “preview” so you can see your shape change in real-time)

Illustrator 3D 4

Now your 2D Design is rendered by Illustrator in 3D, complete with lighting and shading!

Illustrator 3D 5
Illustrator 3D 11

Now all you have to do is explore the options that Illustrator provides you, and see what suits you best. Here are the settings I used in the example. I added a light, changed the perspective angle, and the depth of the extrusion.

Illustrator 3D 6

Take it a step further:

The Adobe team has been kind enough to offer us the option to map out artwork for each face of our extrusion. Explore the “Map Artwork” settings to “Skin” your Illustrator 3D objects!

Illustrator 3D 7

Download the File I used for this tutorial

Download

Includes: – AI (1) EPS (1) SVG (1) PNG (1)

About Jay Hilgert

Formally trained at Oklahoma State, Jay Hilgert is a graphic and web designer, font designer (Link), software developer (Brush Pilotâ„¢), and the founder of BittBox.

Top