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

 

 

  • http://www.facebook.com/harry.kierbow.7 Harry Kierbow

    Great information. Thank you for the walk through and the .SNAG file.

    • http://www.techsmith.com/ Daniel Foster

      You’re welcome…thanks to Alex for sharing his process!

  • http://twitter.com/edcallahan Ed Callahan

    I downloaded the .snag file Dan Foster shared with us, but I couldn’t open it with Snagit 1.0.4? Am I that far out of date? This is the iMac version.

    • http://www.techsmith.com/ Daniel Foster

      Hi Ed – Sorry about that, the file was created in Snagit for Windows; since Snagit project files aren’t compatible across platforms it won’t open on Mac. I added a note near the download link above to call that out more clearly.

      Cross-platform project files are on our radar…there’s a good discussion on it here if you want to +1: http://gsfn.us/t/23in4

  • http://www.facebook.com/RipKT Rachel Baker

    I have Snagit and was never aware of all of its capabilities! Thanks for the info, it was very helpful!

  • http://twitter.com/ferswriteshoe Fer O’Neil

    Great walk-through. I’ve been using Snagit everyday for years and there is still so much more to it to learn. I would like to see another tutorial specifically on using the polygon tool for creating figures.

  • Karen Loftus

    Really nice job, Daniel. After pulling the .snag up, it’s obvious you spent some time creating those images. Congrats! -k

  • Mikey

    Thanks a heap – I never knew making an infographic was so easy. Now does anyone know how to make a cool promotional video using graphics (like Adobe Flash) without knowing anything about Flash?

  • Jerry

    Daniel,
    I like the information given in these blogs. Can you add a print button — I make pdfs and file them for future reference. Thanks.
    JP

    • http://www.techsmith.com/ Daniel Foster

      Hi Jerry – there’s a Print option under the Share button. I attached a screenshot showing where to find it.

  • milhealth

    THANK YOU! Daniel, I’ve been a snagit user for years and knew there had to be a way to create an infographic with it. I appreciate the result (and your sharing with us…) and especially appreciate your writing/posting step-by-step how you actually made it! I’m using snagit for Mac now …. but it’ll work. :-)

  • milhealth

    …any tips on making thumbnails and/or ‘icons’ Icon sets using snagit? I believe I remember there were directions re: making thumbnails with the windows version but …. I’m not sure about the Mac Version. Not complaining but it will be good when the mac version has all the features the windows version (snagit) does! Thanks!! Karen