3D Graph Effects
In this tutorial, Corey demonstrates how easy it is to create 3D graphs using Illustrator.
This video requires Adobe Flash Player.
Visitor Comments »
Comment by Ruediger Fischer | July 28, 2008 @ 11:04 pm
hello
my english is not so good . so i have a question now . how to drag the box to another place and still keep the original box there ?
and also how to make many green boxes there . i tried buy i still dont know jow to do that .
thank you so much
Comment by brace | July 30, 2008 @ 1:51 am
You ROCK Cory…nice tut.
Comment by Celeste | July 30, 2008 @ 10:31 am
Great tutorial. I learned something new.
Comment by Kwasi Amankwah | July 30, 2008 @ 11:53 am
Great tutorial… only one problem, at the end, when i place an gradient layer (overlay mode) on top the solid background, i didn’t get the same effect, only a sold color.
Comment by Gen Yee | July 30, 2008 @ 12:13 pm
Fantastic tutorial, thanks Corey. Too bad this wasn’t here last week when I needed to do the exact same thing.
Comment by Ben Wasilewski | July 31, 2008 @ 10:44 am
Nice, but what if you need the graph to reflect actual data?
Comment by Bill | July 31, 2008 @ 4:40 pm
Its great!!
Comment by Avir | August 4, 2008 @ 8:03 am
Just graph your data in excel and copy paste into Illustrator. You can then trace graph into objects.
Comment by bk | August 4, 2008 @ 12:55 pm
Oh yeah you can also use the graph tool in Illustrator and put your data in there.
Comment by bk | August 4, 2008 @ 12:57 pm
Brace, you can drag a box simply select the rectangle tool and draw , inorder to keep it back right click — arrange — send it back . about many boxes this is the blend tool , double click on the blend tool from the tool bar or you can go from object– blend — blend options and then specify the steps and then select both the small and the larg box and go again to object — blend – make and there you go you will get a nice blended boxes
hope it will help you
Comment by Dunya | August 4, 2008 @ 2:30 pm
tutorials
Comment by hitesh | August 5, 2008 @ 1:06 am
Loved the tutorial, only like Gee Yee, at the end when I put the gradient box to overlay mode I didn’t get the same effect as the tutorial, I got a solid box. Can anyone help!
Comment by Cindi | August 6, 2008 @ 7:35 am
Great tutorial. Helped with a class I am taking now on design. Thanks.
Comment by Jeff Langell | August 7, 2008 @ 7:57 pm
Great one.
Does anybody have a trick how to create a nice 3D arrow over/next to the graph?
Comment by Sapper | August 12, 2008 @ 9:40 am
nice one! great!! gradient only take effect by using RGB!!
tnx!
Comment by Feri Nicdao | August 17, 2008 @ 3:18 am
I’m trying to find a tutorial on how to create 3d gel like graphs.
Like the ones at http://www.presentationpro.com/flash_player.aspx?MURL=/presentations/PresentationMakeovers/MotionIndustries/MotionIndustries.swf
Comment by Patricia McDaniel | August 18, 2008 @ 9:34 pm
Nice overlay shortcut for the appearance, but to bring out that blue gradient in the background, it won’t work in CMYK mode which is really an important thing to know. I will definitely skip that overlay step if I’m illustrating in CMYK. To create those bars from large to small, he used a shortcut found in the object menu under blend called “Make.” Make sure you have the bars selected to make it blend of course. If I’m creating hundreds of graphs, WARNING – don’t do these manually like he did in the demo. Clients change these graphs like crazy unless you have tons of production help.
Comment by Mondo Planet | August 20, 2008 @ 1:43 am
I couldnt get the graigent overlay to work, it worked in multiply but not overlay. Must be in CKMY mode. I used the web color for the swatches, No big deal I made a new graident in the colors I wanted so I got the same effect just the long way around. Thanks Corey.
Comment by Adobefreak | September 30, 2008 @ 2:50 am
http://www.dijitalmekan.com
thanks.very good
Comment by dijitalmekan | October 8, 2008 @ 9:59 am
Question…at the end of the tut, you modified the solid color of the rectangle to a blue gradient by changing the blend mode to overlay…i followed the steps and the result that I get is not a gradient rather a lighter blue solid color…can anyone shed some light as to what I could be doing wrong?
Thanks,
P.S Besides my little issue great tut!
Comment by Augie | December 4, 2008 @ 2:29 pm
A little off-topic: How did you capture or recreate the cpu screen to create this video? Thanks.
Comment by frank kal | December 4, 2008 @ 8:00 pm
uhhhhhhh! NO! It didn’t help me at all! Sorry!
Comment by Jensy Pillytyh | December 10, 2008 @ 6:07 pm
Nice tutorial, but it always baffles me when the graphing tool isn’t actually used when creating graphs! The exact same 3D effects can be applied to graphs (fever lines, pie, bar, etc.) after being created with the graphing tool.
Can you show how to create the same type of bar chart with the graphing tool using actual data? — and then apply the 3D effects?
Thanks.
Comment by clark | January 5, 2009 @ 5:44 pm
Very nicely done. Thanks for the tut.
Comment by Brandon | April 29, 2009 @ 12:17 pm
i love your ideas
Comment by apstrac2winner | June 24, 2009 @ 1:17 am
Great Tutorial. Very helpful and explained clearly.
For making online charts you can also try the National Center for Education website or ChartGo.com Graph They’re both very useful.
Comment by Phil Dubuc | July 16, 2009 @ 9:18 am
Graph is a useful tool. I want to learn the actual using of graph
Comment by Raju | August 30, 2009 @ 3:09 am
Leave us a comment

- Dragging an Object Between Documents
- TV Scanline Effect
- Trick to the Glossy Effect
- 3D Text
- Changing Type on a Path





Photoshop
Illustrator
Indesign
Dreamweaver
Fireworks
Premiere
Flash
After Effects
Lightroom
Acrobat














