In this tutorial, Corey demonstrates how easy it is to create 3D graphs using Illustrator.
Author: Corey Barker
Corey is the newest education and curriculum developer for the National Association of Photoshop Professionals. He is a graduate of the Ringling School of Art & Design in Sarasota, Fl, with a degree in Illustration. Over the years, Corey has worked as a graphic artist in a variety of disciplines such as illustration, commercial design, large format printing, motion graphics, web design and photography. His expertise in Photoshop and Illustrator have earned him numerous awards in illustration, graphic design and photography. Using Photoshop since Version 2, his expertise and creativity have evolved exponentially with every new version, which makes Corey an invaluable addition to the NAPP team.
Similar Articles
Popular
- 3D Movie Title in Adobe After Effects
- Simulating 3D in a 2D World in Adobe After Effects – Pt. 2
- Simulating 3D in a 2D World in Adobe After Effects
- Creating Vectors with the new Image Trace Feature in Adobe Illustrator CS6
- Easy Table of Contents Creation in Adobe InDesign
- Let Adobe InDesign Do The Math For You
Columns
Reviews
Great tutorial, it’s very easy and so much helpful
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
You ROCK Cory…nice tut.
Great tutorial. I learned something new.
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.
Fantastic tutorial, thanks Corey. Too bad this wasn’t here last week when I needed to do the exact same thing.
Nice, but what if you need the graph to reflect actual data?
Its great!!
Just graph your data in excel and copy paste into Illustrator. You can then trace graph into objects.
Oh yeah you can also use the graph tool in Illustrator and put your data in there.
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
tutorials
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!
Great tutorial. Helped with a class I am taking now on design. Thanks.
Great one.
Does anybody have a trick how to create a nice 3D arrow over/next to the graph?
nice one! great!! gradient only take effect by using RGB!!
tnx!
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
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.
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.
http://www.dijitalmekan.com
thanks.very good
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!
A little off-topic: How did you capture or recreate the cpu screen to create this video? Thanks.
uhhhhhhh! NO! It didn’t help me at all! Sorry!
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.
Very nicely done. Thanks for the tut.
i love your ideas
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.
Graph is a useful tool. I want to learn the actual using of graph
Nice gradient trick!
Anyway, I tried the 3D reflection bit but I used Text instead. When I lowered the opacity of the bottom copy the “insides” are showing through. Am I doing something wrong?
I used many eyes by IBM to get started with the graph visualisations and then hone it in IA>
nice one! great!! gradient only take effect by using RGB!!
thank you
Nice tutorial. Very useful, but I have to say that ad is VERY intrusive. I wanted to catch what you said a few seconds back, so I clicked on the time bar, and got sent to the ad AGAIN for the third time. Is it set to play 30 seconds of ad for every 40 seconds of tutorial?