Don't have an account? Create one
Home   Sign Up Now   Tutorial Area News   Contact Us

Creative 3D Bar Graphs in Illustrator Tutorial by irene.thompson80 (Views:2914)

The boring graphs you get from Word processors typically will leave your annual catalog prints, reports, flyer prints and other business prints looking mediocre and cheap. If you have someextra talent and determination to use Adobe Illustrator, you may want toconsider creating your own creative looking 3D Bar graphs.

Thistutorial will help you with the basics of creating these graphs inIllustrator. As long as you are determined to learn, this should beeasy.

1. First of course, open a new document in Illustrator. Just choose your preferred size that is perfect for your purposes.


2. We’ll start with creating our bar graph. Simply go to the tools window and look for the Column graph tool.


3.Then just click on the canvass where you want the top of your graph tobe. You will then be asked about the size of the graph that you want,just choose the correct width and height. For our purposes, we have setit to 400x400 pixels.



4.Once you press okay, you will see the table for the graph appear.Simply fill in the values that you need for your bar graphs. Each Columnrepresents the values of one bar. So just enter in your numbers.


5. With all the values entered, press the check icon to apply.




6. Now we have a bar graph! However, it looks extremely unimpressive of course. So we will pain it a bit illustrator style.

7.First, let us ungroup the whole graph graphic. Use the selection tool(shortcut V) to select the bar graph, and then click on “Ungroup”.



8.A message will ask you if you are sure. Ungrouping this graph willcause you to NOT BE able to edit the graph values easily. So make surethat all your values are accurate before clicking OK




9.If you notice carefully, this just ungroups the bars and the graphlines. Ignore the graph lines for now. Select the set or bars and thenclick Object -> Ungroup again. By doing this, you can now select theindividual bar graphs.



10. Style this first by choosing the colour that you want. For our example, we will choose a gradient.



11. Also, don’t forget to choose a matching secondary colour. This will be useful later.


12. Now, just keep doing this for all the bar graphs.

13.Once you are all done, we will now make this into a three dimensionalbar graph. Just click on Effect -> 3d -> Extrude & Bevel.


14.Once the 3D extrude and bevel options are open, just try and adjust our3D graph. Note that the light blue part of the cube here represents thearea of each bar graph, so adjust the view accordingly for your use.



15. Once you press okay, you will see our 3D graphs.


16. Now, it is not adjusted correctly in line, so just move our bar graphs according to the line below.


17.Once they are in the correct line, you might want to adjust the linebelow as well. Simply change its secondary colour to change the colourof this angled and extruded look.



18.Finally, we shall also make the height label line into a 3D graphic.Simply select it with the selection tool and then choose Effect -> 3D-> Extrude and Bevel.


19. In the options, make sure that you reduce the extrude value to a very small value of around 10 or less.


20. Once you press OK, you should then get a 3D looking graph line. Just position it in perspective with the other elements.


Great! Now all you have to do is customize this with your colours.