Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

What should you think about before making an Infographic in Adobe Illustrator?

First think about what are you trying to convey

  • What is the most important message you want viewers to take away from your graphic?
  • Can you summarize this message to fit in a title?

What data do you have?

  • Is your data quantitative or qualitative?
    • Using shape tools may be helpful
  • Are you trying to compare something?
    • Graphing tools offer an easy way to demonstrate concepts
  • Do you want have historical data?
    • Line graphs can show historic trend and difference, as seen in the above infographic on income disparity
  • Text
    • How much information do you want to convey in text?
    • Can be great for describing information
    • Too much may overwhelm the viewed

Stylizing

...

  • Great for backgrounds

...

  • Allow you to construct your own, more complex images
  • Rectangles
    • Selected by rectangle tool in toolbar
    • Shape created by dragging and clicking
      • Click + drag + Shift >> Creates a square
      • Click + drag + Alt >> Makes the point of rotation at the center of the shape
      • Click + drag + spacebar >> Allows you to move the shape
      • Click and release >> gives you a dialogue box to measure shape
      • Click + Alt and release >> gives you a dialogue box to measure shape from center
  • Polygon tool
    • Up arrow adds side to shape as you click (down arrow removes a side)
    • Click + drag + Shift >> Creates a shape with equal sides
  • Star
    • Tapping the Up arrow while clicking adds vertices to the star
    • Shift maintains equal sides for the star
    • Alt aligns shoulders of star
  • Holding the Tilda key while clicking creates multiple copies of the shape

...

  • Type tool (Under the T in the object bar) >> Cursor appears on screen (write)

...

  • Aligns on point

...

  • Can change the number of rows or columns
  • Can type inside different shapes
    • Create shape >> Click type tool >> type
    • NOTE:  In order to make sure you do not confuse the two tools, turn off the "bounding box" feature in Illustrator
      • View >> Hide bounding box

...

  • Window >> Type >> Character >> Show Options
  • Select entire object and make edits
  • Increase/decrease size by clicking object, and pressing Command + A + Shift + ">" or "<"

...

  • Changes settings to all paragraphs
  • Window >> Type >> Paragraph
    • Any change occurs in entire paragraph

...

  • Text stays within shape and can be moved to other shapes
  • Click on out port and drag to create text flow
  • Optimal for creating instructions or diagrams

...

  • Text follows curve with “type on a path”
  • Click once on the line, or path, and select Type tool

...

  • Example:  Create a circle
  • Window >> Type >> Character and Paragraph panel
  • To type on circle press Alt as you approach circle

...

Section
Column
width80%
Info
iconfalse

What are some good resources for making an InfoGraphic ?

The Anatomy of an InfoGraphic
Panel

This website provides explanations of the components of infographics and five key aspects to power visualizations.

Construct Your Own InfoGraphic
Panel

This website shows how to, step-by-step, construct an infographic in Adobe Illustrator. The instructions are fairly complete.

Ten Free Tools to Create InfoGraphics
Panel

This website links to various sites that allow you to visualize data in different ways. Awesome.

40 Useful and Creative InfoGraphics
Panel

This website links to 40 interesting infographics. At the bottom of the webpage, there are links to a site dedicated to presenting data, one that posts other cool infographics, a Yahoo Group on diagrams, and useful techniques in Adobe Illustrator.

More Tips for making an InfoGraphic in Adobe Illustrator
Center
classmyclass

Image Added

Column
width20%
Tip
iconfalse

Screenshots

Image Added

Image Added

Image Added

Image Added

Image Added