Categories
Adobe Illustrator Adobe InDesign Tips and Tutorials

Creating OSU Branded Pie Graphs in Adobe Illustrator and InDesign

Graphs and charts have a specific look in the Oregon State Brand, and in this tutorial we show how to create those in Adobe Illustrator and Indesign.

Graphs and charts have a specific look in the Oregon State Brand, and in this 10 minute video we discuss how to create those in Adobe Illustrator and Indesign:

From Adobe Illustrator:

  1. Select Pie Graph Tool (under the Column Graph Tool) and make it the size you want.
  2. A Data box will appear, allowing you to add your numbers.
  3. Close the data box, select the stroke and choose ‘None’ as the color.
  4. Select the Selection Tool (V), click on the pie chart and go to Object>Ungroup, say yes to the dialog box that appears (this warns you that you will no longer be able to edit the data, so make sure your numbers are final). Right click the pie chart and select ‘Ungroup’ again.
  5. Select the Ellipse Tool (under the Rectangle Tool) and from the center of the pie graph click and hold Shift+Alt and drag to make your circle from the center. Select the fill of this circle and change it to white.
  6. Edit>Copy the white circle and Shift+click one of the pie shapes. This should have the circle and one of the pies selected, with the white circle in front.
  7. Go to Window>Pathfinder and select ‘Minus Front’ from the Shape Mode.
  8. Go to Edit>Paste in Place (Shift+Ctrl+V). The white circle should have pasted in the exact same place as last time.
  9. Shift+click on one of the pie shapes and repeat steps 7 and 8 until all of the pies have been cut.
  10. To add gaps, select all of the shapes with the Selection Tool and go to Window>Stroke. Choose a weight that feels appropriate, and choose Rounded Corners.
  11. With the shape selected, go to Object>Path>Outline Stroke. Right Click and Ungroup.
  12. Select both the outlined stroke and the solid inside color and again select ‘Minus Front’ from the Shape Mode in the Pathfinder Window. Repeat for the remaining shapes.
  13. Change the fill of each of the shapes to be the stroke by clicking on the double arrow next to the Fill and Stroke in the toolbar.
  14. Select all and from the Stroke Window, choose Rounded Corners. Copy the entire shape.

From Adobe InDesign:

  1. Edit>Paste the shape that was made in Adobe Illustrator. Right Click>Ungroup.
  2. Select the Line Tool and draw a line down through the center of the circle. Make sure it’s the same weight as the outlines of the other shapes
  3. Edit>Copy the line and then Edit>Paste in Place (Shift+Ctrl+Alt+V).
  4. Hover over the end until the double arrows appear showing you can rotate it.
  5. Hold Shift, click and drag to rotate it 90 degrees. Copy both the lines and Edit>Paste in Place. Repeat until you’ve made a star with many points and small space between each line.
  6. Select the star only and Object>Group.
  7. Edit>Cut, select one of the shapes and Right Click>Paste Into.
  8. Select one of the shapes and go to Window>Swatches.
  9. With the Stroke selected, choose one of Oregon State’s brand colors.
  10. Hover over the shape until a circle appears. Your mouse will turn into a hand. Click to select the star shape within the container shape.
  11. From the Swatches Window, select the same color. Repeat for each of the shapes.