Who doesn't love an infographic? They're pretty. They're educational. They're shareable. And they've played a powerful role in the visual content revolution we marketers have seen take hold recently.
So what's the limiting factor stopping many marketers from jumping on board the infographic bandwagon? Design. More specifically, how on earth do you create a flipping infographic?
With PowerPoint!
Wait, really? Yes, really. Whether you love it or hate it, PowerPoint is an extremely valuable yet underused design tool. That's why I created three different infographic templates in PowerPoint for you to customize and deploy. That's right, you can download this PowerPoint presentation and get access to three different infographic templates. The template itself does include notes that walk you through how to create your infographic, but this blog post will go through it in painstaking detail. So download your infographic template, and follow along with the steps in this post to create your infographic! You'll be shocked at how simple it is.
The 3 Types of Infographics in This Template
Before we get started, let's clarify what you'll get when you download your infographic template. It will come with templates for three different "types" of infographics:
1) The Step-by-Step Infographic
2) The Informational Infographic
3) The Data-Packed Infographic
When it comes time for you to build an infographic, you'll likely find the content you want to share falls into one of these three buckets. Just choose which one of the three best suits your needs, and you'll be able to modify the infographic in the template of your choice.
How to Create Your Infographic in PowerPoint
This is the step-by-step process you'll follow to create your infographic in PowerPoint. We've selected the first template in the download -- the Step-by-Step Infographic template -- to help illustrate the process. But you can apply these same steps to any of the three templates contained in your download.
For example, here's what it would look like if we made an infographic about this process of making an infographic using our PowerPoint template. For details on how to perform each step you see below, just keep scrolling down this blog post for the nitty gritty.
Step 1: Open Your Template in PowerPoint
I also took the time to change the image on the infographic to show that I built it, and paired it with a mini description of who I am. You can include your own headshot here, a company logo, or any other image you choose that represents your brand or the subject of the infographic. If you change the image from a headshot, be sure to edit the copy to align with your new image, too.
Step 2: Set Your Color Scheme
Just because we handed you a template doesn't mean you have to stick to its exact setup. By right clicking on the slide, you can go to 'Format Background,' and then change the 'Fill.' This step will change the background color of your infographic to one that aligns more appropriately with your brand; just be sure to apply it to all of the infographic slides.
Once your background is the correct color, go through the title, text, and various shapes in the graphic to ensure they all match your brand's colors, too. Simply double click on the text box or shape to change the colors. Now you have a proper foundation of colors to build your own branded infographic.
Step 3: Start Building
Now that your template has the proper color scheme, it's time to start building your infographic. Here's a few different tools and features you can use in PowerPoint to ensure your infographic remains visually appealing:
- Shapes: As simple as inserting a shape may seem, you can actually use them to create a pretty powerful design. There are a few key things you should know. First, every shape comes with various options to help customize the design. You can use the green circle present on every shape to rotate your shape, for example. You'll also find that talk bubbles come with a yellow diamond, which lets you alter from where the bubble is coming. Simply click on the shapes you insert, and play with the different options available to build your perfect shape. You can then insert images or text into these shapes.
Images: Use non-attribution images you find online (via sites like Creative Commons or iStockphoto, for example), or your own brand images to enhance the infographic. You can alter the color of these images under the 'Effects' option. There's also a 'Transparent Color' tool that will allow you to make the background of your image transparent, and therefore naturally integrated into your infographic. If the transparent tool isn't helping, you can always add an image outline to make it fit in.- SmartArt: SmartArt may look a bit insane when you first insert them, but these pre-made designs can really help you tell a story through visuals. You can double click on the various shapes and change their colors to align more with the overall color scheme of your infographic.
- Charts: Even if your entire infographic isn't about data, that doesn't mean you can't include a few charts or graphs to really make an idea stick out. To edit your chart, double click on any line, bar, column, or pie piece in the template to change its colors. You can also click on the axis lines to delete them from the chart, if you prefer. By clicking around the 'Format Chart Area' section of your chart, you'll be able to further customize the appearance of your chart.
Step 4: Add Sources and a Call-to-Action
Proper attribution of sources is critical for your reputation -- plus it's just good internet etiquette! It's okay to use public stats and information, just be sure to give credit where credit is due -- all you need to do is insert a snippet of text in a text box right under the information that needs to be cited.
Even if your infographic isn't clickable, you can still add a mini call-to-action at the bottom to give those who would like more information a destination to go to. And when you embed it on your blog, you can even make your image clickable to that destination page.
Step 5: Add a Logo
You just put time and effort into creating an awesome piece of visual content. Be sure to let the world know who's responsible for creating it, too! Insert your logo in the bottom right or left corner of your infographic so when it's embedded across other websites, your attribution remains in tact.
How to Piece Your Infographic Together
Now that you've prepared your various slides of visual and informational wonder, it's time to piece them all together. You know, so you end up with an actual infographic.
Step 1: Save Slides as Images
Once your infographic is ready, you’ll need to save the PowerPoint slides as images. Simply click 'Save As' and select PNG as the file type. This is critical, as PNG is the ONLY file type that will give your infographic the high quality that's needed for publishing.
Step 2: Go to a Free Online Tool
After you save your slides as PNGs, go to your browser and navigate to http://pixlr.com/editor/. Here, select the option to 'Open Image from Computer.' Find your saved images from Step 1, and select the first slide (the very top of your infographic), and open. (Note: Once you exit your tab on this free online tool, all your content will be lost. Your browser does not save any content, so be sure to save everything as you go.)
Step 3: Change the Zoom and Size
Adjust your zoom in the bottom left-hand corner to 20%. Then in the top navigation bar, go to 'Image,' then 'Canvas Size,' where you'll extend the height to 4000. This will allow your canvas to be large enough to paste in each slide from your PowerPoint to build the infographic.
Step 4: Copy and Paste
Now all you have to do is open the rest of your slides that you saved as PNGs by going to 'File' and 'Open.' Use Ctrl+A to select the entire slide, hit 'Edit' and 'Copy,' then go to your image with the increased height and paste. You can move the image around to ensure all the pieces have lined up correctly.
Step 5: Repeat
Continue to copy and paste your slides until your entire infographic is pieced together. Once you’re done, you can use the crop tool in the toolbar to crop the infographic and eliminate any extra white space added from adjusting the canvas height in Step 2.
Step 6: Save as PNG
When you’re done, you once again need to ensure you save the file in PNG format for optimal visual quality.
Voila! You have an infographic. Not too difficult, eh? Now get that thing out on the internet, and watch the traffic and leads roll in!
Are you using infographics in your content strategy? If yes, how are you making them? If not, will you try to make one now?



Amanda Iglesias 9:14 AM on August 21, 2012
Another great reason that PowerPoint is the greatest not-so-secret weapon in a marketer's arsenal! Great work, Anum :)
Rebecca Haden 9:25 AM on August 21, 2012
PowerPoint is an overused tool, I'd say. People use it for all kinds of things it's not really suited to, just to avoid learning new software.
Having tried out your e-book template in PowerPoint, I'd have to say that any real graphics program would work much better. Faster, too. You probably built your templates in a graphics program in the first place.
It's kind to share templates in PowerPoint, but it would be kinder in the long run to point out to marketers that a little time spent learning the basics of Photoshop or Illustrator will save hours of frustration in the long run.
Geoffrey Gordon 10:15 AM on August 21, 2012
Hi Anum great tutorial, its innovate and easy for newbies. But I am going to have to agree with @Rebecca Haden here.
There is no substitute for creating stunning info graphics in Photoshop, Illustrator or my favorite fireworks. :)
Besides if you really want people to notice, do a great job. and since it is a info graphic and is visual looks matter most here.
But brownie points for a starter plan I guess.
Denise 10:58 AM on August 21, 2012
Not everyone has Photoshop experience. I imagine this was meant for those with limited resources. Pretty much everyone has MS Office - maybe not everyone even has the Adobe suite. Perhaps there will be a follow up for those with more advanced methods...either way, obviously a lot of work went into this. Nice job.
Corrie 11:29 AM on August 21, 2012
What a great tool! Thanks so much, Hubspot. It's perfect for someone like me, a non-designer who does a lot of "designing" in PowerPoint. I don't have the skills (yet) or resources (yet) to work in Photoshop, etc. This just took me to another level.
Ian Walters 2:45 PM on August 21, 2012
Here's a quick tip to improve the process and remove the need for the online tool to stitch the images together: before you start, sketch out on paper how big your InfoGraphic is going to be on screen and measure it. Go into the PowerPoint page setup and set the height and width accordingly (remember it will render at 96 dpi so if you have it 3 inches wide and 7 inches deep that will be 288x672 pixels)
You can now make your infographic without any need for gaps, obvious breaks or misaligned continuations.
When it is finished, press CTRL A to select all the objects and CTRL G to group them. Right Click on the newly formed single image and select Save as Picture.
Voila, a perfect InfoGraphic.
You can also duplicate the finished slide and use the crop tool to make a thumb nail teaser for posting on social media sites, blogs etc.
Anum Hussain 3:19 PM on August 21, 2012
Thank you all for reading/commenting! As Denise mentioned, this infographic template is for those who aren't able to afford the Adobe suite or have time to learn how it works! And I actually did make all the infographics in PowerPoint, no transfers from another tool :)
@Ian, those are all AWESOME tips -- some that I used myself during this process. Thank you for sharing!
Anum
Christelle 4:10 PM on August 21, 2012
I'm loving this series on design with Powerpoint. I'm a big user of Photoshop but don't have access to it at work so was forced to work more and more on Powerpoint, and it's true that it's quite powerful. Thanks for the templates, I'm actually in the process of creating a document called "how to work with us" and which consists of 7 steps, so I'll definitely use the Steps template :)
Thanks,
Christelle
Andi the Minion 6:06 AM on August 22, 2012
Great post, I will share this as I believe the people who would want to use this do not want to spend a fortune buying new software or spend the time learning Photoshop.
Why spend the time learning something complicated when you can do a pretty good job using a basic set up most people might already have?
Infographs are used for social media engagement, if you are slow getting them done and waste time making them 'super stunning' when 'pretty good' will get the same results you lose the interaction and engagement infographs are used for. 10 good ones circulating is better than 1 stunning one. The content will drive more shares not whether the quality is 1% better.
Not everyone has the time, money or patience to lose money doing it the right way. :-)
Zorka Kovacevich 6:25 PM on August 23, 2012
Thank you!! Very well written instructions. Looking forward to trying it out.
Navya Gollapalli 4:48 AM on August 24, 2012
I just fancy the way Hubspot helps readers.
Bala Deshpande 12:17 PM on August 28, 2012
Wow! Thanks for such a valuable post and template!
BTW - is there a way to add hyperlinks into png?