Infographic Workshop (Using Adobe Illustrator)

This How-To-Make-an-Infographic workshop, developed by my fellow BYU instructor, Anneke Garcia.  It is designed to be a crash course in Adobe Illustrator®. Our undergraduate students have the option to create their own infographics as one of their major assignments for the “Technology for Secondary Ed Teachers” course we teach.  I’ve shared the content here with her permission. (Note: Researching information and choosing your infographic content is outside of the scope of this exercise.)

Example Infographic

Here’s an example of an info graphic created to adhere to the rubric you’ll be using – of course look, content, design, etc., is all up to you – this is just to show you how a few things can be handled.

The graphic as a PDF: Infographic.pdf

And so you can poke around and see how things are put together, the original AI file:


The full rubric for the assignment can be found here:

Rubric for Illustrator Badge.docx


Here is a brief list of the technical requirements specified by the rubric. Along with each requirement is a tutorial or list of helpful points:

Layout and Guides

Your document can be created in any size but should use guides to define margins and any other layout features you are working with. Here is a quick tutorial on creating guides and locking background items (forgive my coughing fit at the end!)

Outlined Text / Using the Pen Tool / Grouped Objects

The rubric requires you to create outlines of your text, at least in the headline, and also to create some lines and/or objects with the pen tool. It also requires you to place some objects in a group. The following tutorial will help you with that.

Color Swatches / Gradients

You will be asked to work with a collection of color swatches and to have every color you use represented by a swatch. You will also need to use both linear and radial gradients. This tutorial will help you with those tasks:

Align / Distribute Objects

These tutorials will help you align and distribute objects and introduce the transform palette as well:

3-D Effects

This tutorial will show 2 ways you can create the effect of 3-D objects:

Column Graph Tool (Creating other types of graphs as well)

This tutorial will take you step-by-step through creating a graph, and includes some advanced options for those of you who want to go a little farther:

Clipping Masks

The following will show you how to clip objects that are overlapping the edge of the page:

Bonus: Image Trace

Sometimes you may want to take an existing pixel-based (raster-based) image and turn it into a vector graphic (re-sizable outline-based graphic) using Illustrator. While it’s not a necessary part of this project, you can watch a tutorial on it here:


About bryantanner

I'm obsessed with learning via the appropriate technology. My professional mission is to effectively deliver instruction to learners in a way that yields the greatest results for all stakeholders involved.
This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s