alex_sherman

How to Make an Infographic with Snagit

Alex Sherman

Alex Sherman

TechSmith customer Alex Sherman recently shared an infographic he made with Snagit, over on our Facebook page.

We’re huge fans of infographics—they’re a great way to communicate a ton of info in a small space, with social sharing appeal built in!—so we just had to find out more about how Alex did it.

Check out Alex’s superb infographic, then scroll down for our interview… Alex also generously offered to share the .Snag file for his infographic. You can download the file and open it in Snagit (Windows) to see how it’s put together and even use it as a template for your own infographic!

Tell us a little about yourself…and ProductCamp

I’m currently a product manager for a small company called Tarkenton Companies. We provide small businesses with software solutions and resources for growing their business. In that role, I use Snagit to create things like illustrated support articles.

The infographic I made was for ProductCamp Atlanta, where I recently volunteered to help out with marketing. It’s a collaborative, user-organized unconference, focused on product management, development, and marketing topics.

Why make an infographic?

I love infographics, and they are a great tool for displaying sometimes overlooked useful information in a creative and unique way. So why not take all the numerical stats that we currently have for ProductCamp Atlanta and give people a snapshot of what it is? The infographic visually demonstrates the impact that the event has on the product management community.

After the infographic was created, we posted it on our website and will soon be posting it on our Facebook, LinkedIn, and Twitter accounts as well.

What are the basic steps you went through to create this infographic in Snagit?

The Stats

First, the ProductCamp team and I thought of at least 5 basic numerical stats that could be represented graphically.

  • Number of attendees over the past few camps.
  • Number of presenters.
  • Number of tweets during sessions.
  • Number of companies involved.
  • Number of industries.

Design and flow

I then started to work on the design of the infographic. I wanted to include the basic colors of the logo, and the key is to have them appear throughout the graphic, accented by a slightly different shade of the original color. So having at least 3-4 colors, with different shades is usually a good route to go, and it will break up the infographic. I used a dashed white line to separate and display each different set of data and placed them opposite to each other to balance out the graphic.

Background

Having an all white background was going to prove to be dull and difficult to work with, so I simply took a sample of the green within the logo, used the shape tool and color drop to make a square out of the color, and stretched it to fit the size of my working area which in this case is 868 x 1695 pixels (no particular reason why this size, just wanted to make sure it was long enough).

Snagit tools

To make the other color stand out more, I made the background a lighter shade by using the opacity tool.

Snagit opacity tool

Once I got the color that I wanted, I flattened the background to make it easier to work with.

Snagit flatten

Skyline

I wanted to incorporate the Atlanta skyline somehow into the graphic. I was able to do this by finding an image of the Atlanta skyline and using the square shape tool to match the image that I had found. Although looking back, using the polygon shape drawing tool would have been the easiest route to take.

Snagit polygon shape tool

Figures

To create all the figures in the graphic, I used the polygon shape or the square shape tool. I was able to draw some figures free hand, but I used images to trace and make similar figures that I was looking for. For example, the gear figure in the graphic is a figure that appears throughout the ProductCamp community. I wanted to have that figure in the graphic but use the same shades of orange as the other figures. So I snagged the gear icon, traced it with the polygon shape drawing tool, and changed the colors to reflect the rest of the graphic.

What’s one tip you wish someone had told you when you started using Snagit?

One tip I wish I would have been told is how to use the polygon shape drawing tool. I think this combined with the ability to crop and expand components of a capture really opens up the capabilities of Snagit.

Have you created an infographic or another project that would be interesting to share? We’d love to hear about it! Leave a comment on this post or