parallax scrolling animations scrolling infographic scroll to reveal infographic

Written by: Payman Taei

July 12, 2018

How to Create Infographics with Parallax Scrolling Effects in Visme [New Feature]

parallax scrolling animations scrolling infographic scroll to reveal infographic

Although it may seem like common knowledge, scientific studies have proven that moving objects (along with bright colors and uncommon shapes) immediately draw our attention.

For example, take a look at the two infographics below. Which draws your attention first?

scrolling infographic visme

You probably said the one on the left, right?

To help content creators stand out with animated and interactive content, Visme recently launched a new feature that allows you to create infographics with scroll-activated animations and parallax scrolling effects.

Let’s take a look at how it works:

 

1 Create your infographic from ready-made blocks or from scratch.

If you haven’t already signed up for Visme, you can quickly create a free account at www.visme.co with just your name and email.

Once you’ve clicked on Create a New Project and chosen Infographics as your desired content format, you can then select the first option to the left: Create from Blank Template.

You’ll then be taken to the Visme editor, where you can choose to create an infographic from scratch or from pre-designed content blocks that you can mix and match according to your content needs.

make infographics from ready-made blocks in visme

To follow the latter route, simply hover your cursor over the Add Block option at the bottom of your infographic and click on From Template.

From the pop-up that appears, you can choose any type of content block, including those with images and text, charts and diagrams, icons and text, among others.

 

2 Generate a URL to share your project internally or publicly.

Once you’ve created your custom layout and inserted your own information, you can then share your project internally or publicly.

Simply click on the Share button at the top-right of your screen. Then click on either the Publish for Web or Share Privately option to generate a link you can share only with select individuals.

Best-Presentation-Software--A-Visual-Comparison-Guide-Visme-Share-01

 

3 View scroll-activated chart and object animations.

To preview your project, you can go to the URL generated and see that all objects and charts will be automatically animated.

Simply scroll to view your infographic in its entirety, and you’ll see that all objects will appear one by one on the screen, in accordance with your mouse or touchpad movements. No need to animate them one by one—it’s already been done for you!

scroll to animate scroll reveal scrolling animations scrolling infographic

Create your own animated infographics with this drag-and-drop tool.Try It for Free

 

4 View automatic parallax scrolling effect.

Also, all infographics will by default display with a parallax scrolling effect, which simply means that the background of your graphic moves at a different speed than the objects in the foreground, creating an eye-catching and attractive-looking 3D effect.

scroll to animate scroll reveal scrolling animations scrolling infographic

 

Your Turn

How easy was it for you to create animated and interactive infographics with our new parallax scrolling effect? Let us know in the comments section below!

90% of all information transmitted to our brains is visual.
People remember...
Become a more effective visual communicator. With Visme, you can create, share or download your visuals with no design training. It's free! Take a tour.



We’re stingy and don’t share emails with anyone.

About the Author

Payman Taei is the founder of Visme (he doesn’t like using the word ”CEO”—it’s way too formal), a DIY platform that allows everyone to create and manage presentations, infographics, reports and other visual content.

He’s also the founder of HindSite Interactive, an award-winning web design and web development company.

3 responses to “How to Create Infographics with Parallax Scrolling Effects in Visme [New Feature]”

  1. Wow! I am amazed at what a mature product Visme is becoming. I used it recently to create a whole 8-week train course and was surprised at how easy it was to create not just a good presentation, but something that was visibly stunning. I’d used it before to create social media graphics. So that was two boxes checked. But with these kind of animated infographics it really has become one of those tools that you just can’t do without. What next? And thanks for the excellent pdf about creating visual slides. I’ve read whole books on creating presentations that don’t have as much meat as that pdf.

  2. dan dalal says:

    As a technical writer and content developer, I have to keep my audience interested and riveted…I think this feature will do just that!

Leave a Reply

Your email address will not be published. Required fields are marked *

Create Better Visual Content

Want to access these new features now? Start creating engaging content within minutes with our easy drag-and-drop software. Access 100+ beautiful templates, 100+ free fonts and millions of images and icons right now.