To create a dividing line between the graphs use the Pen Tool (P) and draw a vertical line. Step 4Īs expected, I'm using the grid as a basis for how wide my graphs are. I didn't like how the small gray area was on the left so I flipped my graph using the Reflect Tool (O). Tip: After you're plotted your graph but before you ungroup it simply Control-Click on it and go to Data to further edit the information. If you're satisfied with the graph click OK. To further manipulate the graph ungroup it by going to Object > Ungroup. Much of the styling of all the graphs is created by hand. Once you're finished click the checkmark icon in the upper right. Press the tab key to advance to the next box. Having said that, enter 39 in the first box and 11 in the second. The first graph we'll plot the data, 50 tutorials with 39 being standard and 11 being premium. To create an accurate pie graph click the appropriate graph then click and drag on your document to create a graph at a specific size. I'm using a variety of graphs in this infographic. Select the circles and the rectangle then go to Object > Clipping Mask > Make. Make sure the rectangle is in front of the circles. First, draw a rectangle with no fill or stroke. To ensure a clean edge we'll clip the circles so that they look like they stop where the background stops. I've placed the first group of circles in the corner and extended them off the page. To access Illustrator's predefined gradients go to Window > Swatch Libraries > Gradients > Bright's. Using the Ellipse Tool (L) draw some arbitrary circles or varying sizes. I chose to use circles as the very tall orientation of the layout will benefit from these contrasting shapes. Step 2Įarly on you can experiment with placing a main graphic that will help give the piece some visual interest.
Below, the combination of heavy and thin text complement each other. Pay attention to scale and balance as you're beginning to place your elements on the page. I like to place the most important graphics first and work-in the ancillary charts and graphs afterwards. Widen the orange box so it's slightly larger than the outermost guides. Repeat the process for the other columns with your final result being below. Then, click on the guide and press the delete key. In order to delete a guide go to View > Guides > and uncheck Lock Guides. Add guides to both sides of the small box and delete the centre guide. Using the Rectangle Tool (M) draw a thin white box on the centre line that will be the width of the gap between the columns. Move the shape over to the right and add another guide to the centre here.
Now, add another guide where the centre of this condensed shape is. Step 3Ĭondense the shape so it fits within the left-most guide and centre guide. Tip: Quickly show the ruler by pressing Command-R. Drag guides onto the left and right edges of the shape too. To make the columns first select the rectangle and drag a guide onto the centre of the shape. The entire design is based on a grid of four columns. Start by using the Rectangle Tool (M) to draw a shape. Otherwise, it's time to dig into this step by step tutorial.
In this tutorial you will learn that data doesn't have to be boring, it can be beautiful! Learn how to use various graph tools, illustration techniques and typography to make an accurate and inspiring infographic in Adobe Illustrator.īefore we get started, consider using one of our Infographic Templates for your next project-that is, if you need a quick and professional solution.