Tag: chart

Categories
Brand Guidelines

OSU branding and Illustration

Our brand style uses strong photography to tell the story visually. However, there are limited circumstances where illustrations may be used because a photo would not be effective. In cases like this, we ask that the illustrations only be used for one year, because the art could be considered a logo if used for multiple years. Please note that stylized, hand-drawn or cartoon images of beavers are not allowed.

If you are unsure if you are in a situation where you can use an illustration instead of a photo, we’ve put together a flow chart to quickly reach an answer: Download a printable version.

 

 

Just as a reminder, all the information below is available at our Illustration page in the OSU Brand tools.

Illustrations are allowed for:

  • Events
  • Magazines
  • Scientific Illustrations
  • On-campus awareness campaigns (intended to educate others about specific topics or issues, ie. bike safety, illness outbreaks)
  • Holiday cards
  • Motion graphics

Illustrations are not allowed for:

  • Ongoing programs
  • Repeated use from previous years
  • Stylized, hand-drawn or cartoon images of beavers
  • Recruitment materials for prospective students
  • External advertisements

Happy designing!

Categories
Adobe Illustrator Tips and Tutorials

OSU Branded Graphs as Brushes

OSU Graph Brushes for Adobe illustrator: Download

 

Oregon State’s graphs have a specific style that can take a while to create in Adobe Illustrator, even for seasoned designers. To simplify the graph making process, we’ve made downloadable brushes that let you create these graphs in just a couple clicks.

First, you’ll want to save the brush file somewhere that you can remember.

Within Adobe illustrator, create your graph and enter your data. Close out of the data panel and with your graph selected, choose “no fill” from the swatches panel. Change to the direct selection tool, select the center point in the middle of your graph, and delete it. You’ll notice it retains the points where the different values were, but has turned into a circle with no pies.

Open your Brushes window, and from the options drop down, select Open Brush Library > Other library…
Navigate to the brushes file, and you’ll see we have 9 brushes to choose from. They have names like Inner Line, Inner Bar, Outer line, which relate to how the graph is put together. You can select the different brushes and see what they do to the graph.

In the examples on our website you can see there are some with inner stripes, and a yellow outline, inner bars with an outline and so on. So let’s make this graph that has these notches.

Back in the Illustrator file, make sure the stroke is highlighted, and select Inner stripes 2. Open the appearance window, and go into the contents of the graph. From the options panel, select Add New Stroke. Then select Outer Line 2. From the appearance window, you can select the color of the outer line, and individually change the color of each of the pies.

This same style can work for bar graphs as well. Create your bar graph, enter your values, and delete the right-most points of each bar, so you’re left with lines. Select those lines, and select one of the “Inner” brushes.

It’s important to note that while these are still technically graphs with the data attached to them, if a number changes the graph resets. You’ll have to reselect the brushes and colors from the appearance panel.

Thank you, and good luck.

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 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.