{"id":55089,"date":"2020-06-08T08:56:25","date_gmt":"2020-06-08T15:56:25","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=55089"},"modified":"2024-04-19T05:38:27","modified_gmt":"2024-04-19T12:38:27","slug":"how-to-create-animated-infographics-using-powerpoint","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint","title":{"rendered":"How to Create Animated Infographics Using PowerPoint"},"content":{"rendered":"

Infographics can help you spread important ideas. They can simplify information that would otherwise be difficult to consume, attracting visual learners in seconds. Throughout this tutorial, I’ll show you how to create and animate infographics using PowerPoint. In doing so, we will be recreating an animated pyramid graphic that is included in this bundle:

 
\nHere’s the animated infographic we’ll learn how to create today:
\n\"\"<\/p>

<\/span>Step 1: Create a Rectangle<\/span><\/h2>

Let’s start by creating a simple rectangle with rounded corners. In a brand new PowerPoint slide, go to Insert → Shapes → Rectangle → Rounded Corners<\/strong> and drag the sizing handles to modify the shape.
\n\"\"<\/p>

<\/span>Step 2: Add Dimension<\/span><\/h2>

Time to add dimension with a linear gradient. I will use the standard color palette from the bundle (which you’ll find under “Theme Colors”) and the specific gradient settings are shown below. Apply a dark blue on extreme sides and a lighter blue in the middle.
\n\"\"<\/p>

<\/span>Step 3: Create a Shimmer Effect<\/span><\/h2>

To make this graphic more realistic, we need to add a little shimmer. To do so, create an ellipse and set the gradient type as “Path”. Select a light blue that fades off to a much lighter one. Then make sure to set the transparency of your lighter blue color to 100%. Finally, place the shimmer ellipse on top of the original shape.
\n\"\"
\nWith that, we’re done with our first step in the pyramid. Now we need to create five more.<\/p>

<\/span>Step 4: Create Rounded Corners<\/span><\/h2>

Unlike Illustrator, creating a triangle with rounded corners in PowerPoint is tricky. You essentially hack your way into it by drawing a triangle and placing circles in each corner.
\n\"\"
\nThen go to Insert → Shapes → Freeform → Shape<\/strong> and draw any shape by connecting the points of contact between the circle and the triangle.
\n\"\"
\nNow select the triangle and our freeform shape and go to Format → Merge Shapes → Subtract<\/strong>.
\n\"\"
\nRepeat this action with the other two corners:
\n\"\"
\nSelect all the circles and the triangle and go to Format → Merge Shapes → Union.<\/strong> These steps allowed us to essentially recreate Illustrator’s rounded corners tool for polygons.
\n\"\"<\/p>

<\/span>Step 5: Add Shadows<\/span><\/h2>

To make our pyramid more realistic, let’s add a shadow to each element separately.
\n\"\"<\/p>

<\/span>Step 6: Draw Label Containers<\/span><\/h2>

Now we need to draw the shapes that will contain our step labels. Draw a rectangle and modify its shape using the Edit Points<\/strong> feature. Make sure the height of the rectangle is equal to the height of the pyramid ring.
\n\"\"
\n\"\"
\nNext, draw the remaining label containers applying the same gradient you’re using for the pyramid ring next to each. Each line should be shorter than the previous one.
\n\"\"
\nThis is what your pyramid should look like at this point:
\n\"\"<\/p>

<\/span>Step 7: Designing a Ball<\/span><\/h2>

As you can see, there’s a striped ball next to the base of the pyramid. To create it, draw 3 circles and place them as shown below. The two lower circles are of the same diameter, while the top circle is slightly larger. Select the middle circle, then the topmost one, and go to Format â†’ Merge Shapes â†’ Subtract.
\n\"\"
\nNow add dimension by using a radial gradient as pictured below:
\n\"\"<\/p>

<\/span>Step 8: Insert Text<\/span><\/h2>

It’s time to add your text and icons. At this point, our infographic is ready to be animated.
\n\"\"
\nTo make elements easier to animate, let’s group our shapes strategically: rings, lines, ball, doodle icons, medical icons, and text. This will allow us to animate all elements within each group at once.<\/p>

<\/span>Step 9: Animate the Pyramid’s Rings<\/span><\/h2>

Let’s get started with the pyramid’s rings. We want to make them fall from above one by one. To achieve this effect, select the lowest item and go to Animation → Add Animation → Fly In<\/strong>. Make sure to set the direction so that the shapes fall from above. This can be done in Effect Options.<\/strong> We’re using the following settings for the first shape:<\/p>

    \n
  • Duration – 01,00<\/li>\n
  • Bounce end – 0,67<\/li>\n
  • In the Timing<\/strong> tab set Start Value<\/strong> as With Previous<\/strong>.<\/li>\n<\/ul>

    \"\"
    \nWhile most settings will be the same for every step, we want each ring to fall with a 0.25-second delay in relation to the previous one. Therefore, let’s set a delay of 0.25 for the second ring, 0.5 for the third ring, and so on. This value should be 1.50 seconds for the last item of the pyramid.
    \n\"\"
    \nThis is what the animated pyramid should look like right now. We can easily set up entrance effects for every shape, as needed.
    \n\"\"<\/p>

    <\/span>Step 10: Animate Labels<\/span><\/h2>

    Let’s tackle label animations next. Start from the bottom label and apply the same Animation → Add Animation → Fly In<\/strong> effect, but with different settings. In this case, lines will fly in from the left. The first line will enter the slide with a delay set at 0.25 seconds. For each subsequent line, add a delay time of 0.25 seconds (o.5 for the second, 0.75 for the third, etc).
    \n\"\"
    \nAgain, the delay should be set at 1.5 seconds for the last line.
    \n\"\"<\/p>

    <\/span>Step 11: Animate the Ball<\/span><\/h2>

    To animate the ball, we will use Animation → Add Animation → Bounce.<\/strong> You can choose any entrance time for your ball. I chose to display it closer to the end of the animation, setting the delay value to 1.25 seconds.
    \n\"\"<\/p>

    <\/span>Step 12: Animate Text and Icons<\/span><\/h2>

    Using the same principles, animate all remaining text and icons. I used the Zoom<\/strong> effect for the text labels and doodle icons, and Fly In<\/strong> for all medical icons. Each subsequent element is set to have a 0.25-second delay.<\/p>

    <\/span>The final result<\/span><\/h2>

    Our final result should look like this. Animations have no clear rules. You can experiment with any effects until you find your own style that you like.
    \n\"\"<\/p>

    Products Seen In This Post:<\/strong>

    <\/p>

    <\/p><\/p>

    <\/figure>\n
    <\/figure>\n
    <\/figure>\n \n","protected":false},"excerpt":{"rendered":"

    Infographics can help you spread important ideas. They can simplify information that would otherwise be difficult to consume, attracting visual learners in seconds. Throughout this tutorial, I’ll show you how to create and animate infographics using PowerPoint. In doing so, we will be recreating an animated pyramid graphic that is included in this bundle:   […]<\/p>\n","protected":false},"author":204,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[74],"tags":[383,1233,1635,64],"topics":[],"class_list":["post-55089","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-powerpoint","tag-data-visualization","tag-information-design","tag-infographics"],"acf":[],"yoast_head":"\nHow to Create Animated Infographics Using PowerPoint - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Animated Infographics Using PowerPoint\" \/>\n<meta property=\"og:description\" content=\"Infographics can help you spread important ideas. They can simplify information that would otherwise be difficult to consume, attracting visual learners\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-08T15:56:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-19T12:38:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2020\/06\/19050919\/Animated-Infographics-PowerPoint-image13-1.gif.webp\" \/>\n<meta name=\"author\" content=\"Oleksii Kolosov\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Oleksii Kolosov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-animated-infographics-using-powerpoint\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-animated-infographics-using-powerpoint\",\"name\":\"How to Create Animated Infographics Using PowerPoint - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-animated-infographics-using-powerpoint#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-animated-infographics-using-powerpoint#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2020\\\/06\\\/19050919\\\/Animated-Infographics-PowerPoint-image13-1.gif.webp\",\"datePublished\":\"2020-06-08T15:56:25+00:00\",\"dateModified\":\"2024-04-19T12:38:27+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/b76e962866db1b323c4cc29fb2a7993d\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-animated-infographics-using-powerpoint#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-animated-infographics-using-powerpoint\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-animated-infographics-using-powerpoint#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2020\\\/06\\\/19050919\\\/Animated-Infographics-PowerPoint-image13-1.gif.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2020\\\/06\\\/19050919\\\/Animated-Infographics-PowerPoint-image13-1.gif.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/how-to-create-animated-infographics-using-powerpoint#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create Animated Infographics Using PowerPoint\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create Animated Infographics Using PowerPoint - Creative Market Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint","og_locale":"en_US","og_type":"article","og_title":"How to Create Animated Infographics Using PowerPoint","og_description":"Infographics can help you spread important ideas. They can simplify information that would otherwise be difficult to consume, attracting visual learners","og_url":"https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2020-06-08T15:56:25+00:00","article_modified_time":"2024-04-19T12:38:27+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2020\/06\/19050919\/Animated-Infographics-PowerPoint-image13-1.gif.webp","type":"","width":"","height":""}],"author":"Oleksii Kolosov","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Oleksii Kolosov","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint","url":"https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint","name":"How to Create Animated Infographics Using PowerPoint - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2020\/06\/19050919\/Animated-Infographics-PowerPoint-image13-1.gif.webp","datePublished":"2020-06-08T15:56:25+00:00","dateModified":"2024-04-19T12:38:27+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/b76e962866db1b323c4cc29fb2a7993d"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2020\/06\/19050919\/Animated-Infographics-PowerPoint-image13-1.gif.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2020\/06\/19050919\/Animated-Infographics-PowerPoint-image13-1.gif.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/how-to-create-animated-infographics-using-powerpoint#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create Animated Infographics Using PowerPoint"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/55089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/204"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=55089"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/55089\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=55089"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=55089"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=55089"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=55089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}