by Chad Neuman

Bar graphs and pie charts can be boring. But Adobe Illustrator offers many tools to spice up those graphs for your next business meeting or classroom presentation.

Step 1
Open up a new document in Illustrator. On the Toolbar, click-and-hold the Column Graph tool. This brings out many other options. Click the Pie Graph tool, second from the right.

Step 2
Click once anywhere in the Artboard area. The Pie Graph tool will open up a dialog. Enter 300 pt for both the height and the width. Click OK and another dialog will appear.

Step 3
Enter 25, 30, 20, and 45 across the top values. You can click in each field and enter the value or tab from field to field. Click the checkmark in the upper right hand corner to apply the values to the graph.

Step 4
Your pie chart should look something like this. Boring, right? That will change.

Step 5
Go to Object>Ungroup. A warning will appear that basically states that you will not be able to edit the graph values once you ungroup it. That is fine as we are done adding values and simply want to play with the design of the graph. Press OK. Go to Object>Ungroup a second time. With the Selection tool, click on each pie piece and change its Fill and Stroke to different colors. For the outside of the pie chart to be the same as the inside, make the Fill and Stroke the same for each piece.

Step 6
Now click on a pie piece with the Selection tool, and go to Effect>3D>Extrude and Bevel. Check the Preview box to see what the pie piece will look like. Rotate it using Custom Rotation area—click-and-drag to move it around. You can also mimic my settings from the image below. The angle of the chart depends largely on the layout of the  project or presentation. Change the Extrude Depth to 25 pts. Press OK.

Step 7
With the edited pie piece we just made 3D selected, open the Graphic Styles palette (Window>Graphic Styles) and press the New Graphic Style icon.

Step 8
Select the other pie pieces, clicking the graphic style we just created in the palette each time you select a new piece. This applies the same angle and 3D depth to the other pieces. At this point your pie may look like a mess because of the arrangement of the pieces.

Step 9
Using the Selection tool, click-and-drag the pieces so they work well together. Some pieces will be on top of the others, so go to Object>Arrange>Bring Forward or Object>Arrange>Send Backward when one of the pieces is selected you want to move in front or behind another piece so it makes sense. Now you have a nice, colorful 3D graph. You can focus on one particular pie piece by clicking-and-dragging it with the Selection tool to move it up, creating the illusion that it is lifted up out of the pie.

We can also adjust the Opacity of the shapes for various pie chart designs.

by Chad Neuman

The 3D Effect in Adobe Illustrator can create some interesting shapes. But you don’t have to use the Effect>3D command to create a 3D-looking effect. Here’s one way to create a neat 3D design using the Transform Each command.

Step 1
In Adobe Illustrator, use the Rounded Rectangle tool and click-and-drag to create a long shape like this. Set the Stroke to None and set the Fill to a gradient. With the Gradient palette open, click-and-drag colors from the Swatches palette to change the two sides of the gradient.

Step 2
Go to Object>Transform>Transform Each.

Step 3
Change the settings to the settings seen here in the Transform Each dialog. Be sure to press Copy and not OK.

Step 4
Next, press Cmd-D (PC: Ctrl-D) to repeat the same transformation to the new copied object. Press it a few times to create something like this.

Step 5
With a Selection tool, click the original shape. Press the left arrow a few times to separate it from the second shape to so it doesn’t touch. Next, click-and-drag around all the shapes to select it. Go to Edit>Copy, then Edit>Paste in Front. We have the new pasted objects in front and selected.

Step 6
Go to Object>Transform>Rotate and change the angle to 180 degrees.

Step 7
It should look something like this.

Step 8
Holding down Shift, press the right arrow a few times to move it so it’s next to the original shapes but not touching.

Step 9
Optionally, go to File>Place (de-selecting Link) and place the image we created in the “layered threshold” tutorial. Go to Live Trace options and use Photo High Fidelity.

Now we have a cool 3D effect with traced art for a website, newsletter or band gig poster.