Tutorial: 5+ easy steps to turn your slide lessons into animation

Apr 15, 2020animation examples, animations for beginners, Blog, educational animations0 comments

From the teacher’s responses we received in recent weeks, it indicated that switching too quickly to ‘schooling on screens’ without preparing in advance would only allow the direct teaching materials – slide – to be a fragile and boring ‘tool.’  There can be no better solution right now than having awesome animation to help both teachers and students.

‘Good things take time,’ as we all know, to get the most ideal concept, hiring professional animators, will genuinely save time and produce an over-imaginable solution. Nonetheless, if you have barely enough resources to facilitate this right now (can’t wait for more), then don’t hesitate. You can be your own expert while taking advantage of ample free tools available from animation vendors. Enlivening the slide takes only less than an hour.

The toon generated software I ‘m going to use in this instruction is designed for anyone, who yearn for a more effective presentation concerning video conference-based / distance teaching. *Remember, you have to sign up first as this is the only way to utilize those free tools and resources! It’s fast, and what you receive is massive, so do not hesitate!

Let’s get straight to 5+ step by step tutorials one step at a time (using all online tools/ animation maker resources) and start realizing PowerPoint slide lessons to animation and boost learning outcomes. 


Step 1. Prepare a more detailed slide

It’s vital to take a more realistic look at the current teaching material of yours. Good animation can’t be built on a poor visual/content base. Generally, a slide is considered good enough if it has matching readability and related content. But to turn your slide to animations, you need more than just that, follow this simple checklist for quick assessment: 

📌Do your slides have a good layout?

Your slide is good if it has a consistent alignment, combining predictable and unpredictable (on purpose) arrangement. And also having a striking a dimensional balance between the spacing and padding over text/visual components. 

📌 Do your slides have a good hierarchy to identify between headings and paragraphs?

If not, then make it different enough by combining Big and Small, Italic and Straight, Bold and Thin and Sans and Sans Serif font. Typography works efficiently here too. It’s essential for the learners to be able to visually recognize what’s important and what’s less. Make the important standout, add another color to more highlight the facts and numbers in a consistent voice. 

📌 Are your slides concrete enough?

You want your learners to remember everything by putting a lot of information into the slide. Unfortunately, the outcome would be unproductive compared to the way you want it to be. To your learners, it’s just wordy chaos. Just keep much of the core information and less highlighting as possible; this will bring out the best comprehension. I advise you to turn raw databases into beautiful mind maps, icons, charts, fun images, contrasting examples, and analogies; this will make learners retain much to their lesson memory. The less ‘greedy,’ the better it seems.

📌 Styles?

To know if your style is good enough or not is very easy, just check below and compare everything we wrote about with your slide.

Color: Check your slide’s palette and decide what’s the primary color to use as a theme, including dark and light variants. Use a secondary color to distinguish information, of course, it’s optional. Set a background, could be light/dark and ensure the text can be clearly read on that color. 

Theme: Your presentation should be synchronized with one voice properly, one theme, and it should be very consistent. 

I very much prefer using an analogous tone or BW with a pop color to this useful guidance 31 Creative Presentation Ideas to Delight Your Audience from Visme. 

Besides, for a better presentation, a collection of 21 presentation tips from public speaker (from buiding topic, presentation gestures to slide visualization) will be a good source for you. 

If your slide does not meet one of the above criteria and you don’t know how to customize, you should quickly look for an alternative below. 

Option 1: Try using online free templates 

It’s advisable to go for Sildesgo, a Free Google Slides and PowerPoint templates to boost your presentations, and other online sources rather than simply applying limited PowerPoint templates gotten from the default library (which appears abundant). So, choose a suitable one from various presentation themes on Slidesgo, and place your content and customize as hard as you can to match the checklist above. Put it into a ‘motion’ machine to animate in Step 2. 

Option 2: Otherwise use templates from the free toon-makers (which is less variable)

Or you can skip this step and mainly go to the next. There are some free available templates from the animation suppliers, for users but it has limited options. If you want templates 3D – 2D, you can go straight and purchase them. I’d like to advise you to at least get a free whiteboard animation here for your animation. 


Step 2. Get animated with Free Tools

Why do I have to go with a free tool, you may ask? As a pro animator, I often do the animation by adding effects with Adobe After Effects and combining visual, motions, sound, voice-over, and different video segments/ components with Adobe Premiere or Camtasia (with vector-based animation). You may like to know how i do it. But this process is not easy for beginners, it’s quite impossible for first-timers in the field because it’s skill needy and also softwareacquaintance needy, I suggest you seek an instant tool to help you out quickly. 

Here I go demoing with Moovly/ Renderforest/ PowToon and advise you to imitate me! (All the ‘materials’ are well listed and lectured in Best educational animation software for beginners)

For those who follow Option 1, make your motion with PowToon:

Firstly, Sign up. 

Secondly, Import your presentation. 

Thirdly, Wait for it to convert. 

Export Powtoon

Fourthly, Download. 

It comprises of a short marketing video introduction of PowToon at the beginning but worry not, it’s omittable using an easy-to-use and free Online Video Cutter.  

Online video cutter
Display of Online Video Cutter – a fast and light trimming tool

For those who straightly choose Option 2:

To create presentations using online tools animation makers, it is limited to templates, unless paying for the Premium or Pro upgrade.

Clarifying the ‘demo’ content

Firstly, I need an engaging script to make it into an animation, read more on How to write animation script using online courses here. 

Recently in my quarantine time, I read a very interesting book on tidying up written by a tidying up master – Kondo Maries (KonMari, in short). Japanese are synonymous with adapting more inner peace lifestyles, from minimalism to the art of believing ‘you can do it’ attitude, which sounds identical to my senses when I wrote these tutorials. So I would like to tutor you from ‘magically’ making an animation to introducing her awesome philosophy and turning a very abstract thing into visual. 

Here’s a fast script i wrote in 5 minutes to explain how the AI process of the animation maker works on animation. You can probably copy mine to have a mock test. 

Kondo Marie was interested in tidying up when she was five. At the age of 15, she began taking the chores very seriously. She read any and every available magazine and covered all books in these fields.

One of her most fruitful was ‘the art of giving up’ which stated that only keeping the goods that matter to you and throw away unused, unnecessary is very beneficial for tidying. As suggested in the books, she adapted many solutions, but her room was still got messy over time. In high school, she tidied up not only her rooms madly but also other family members’, even did schedules for the living room, kitchen, etc. She threw away many things and realized that tidying up must be treated as a special event and not schedule. Now she has been the specialist and has helped many houses become a true home and brings change to many lives.

Here are some principles of her: 

    1. Imagine Your Ideal Life
    2. Focused on Discarding Items first, Categorize, and Arrange Later. 
    3. Tidying is Not a job for routine 
    4. Tidy is a special event that needs to be done All at Once
    5. Tidying is not About Storage
    6. Tidy by Category, Not Location
    7. Forever Folding
    8. Be Grateful to Your Belongings and Home


1. 3D quick animation – Renderforest

You can get a quick 3d like animation using Renderforest. The outcome is quite amazing, as the process happens fast. I always get what I want, when i want it, but there is always an unwanted logo from Renderforest. I highly recommend you give this a nice try!

Firstly, I sign up, of course.

Secondly, I choose a 3D explainer video. 

Thirdly,  I add my script, have my KonMari character generated, and the story becomes automatically done. 

export 3d character

Here is my final product:



Sign up for free to read the rest of the article


2. 2D quick animation – Powtoon

I pick Powtoon for 2D character animations because there are a lot of customization options (maybe x5 more than others), and they will inspire you. Here are the steps: 

Firstly, Sign Up

Secondly, Choose Explainer Video and browse for my most related character-like plot. 

Thirdly, Copy paste your content, customize character emotion, animations, fonts, add in images.

Kon Mari 2d

I find that this version suits my purpose to visualize Marie the most. It’s stunning right? 

View it here: 


3. Whiteboard animation – Moovly

I use Moovly for this Whiteboard animation; this is the most common kind of animation that is loved by massive demography. Have you ever read our case study for iCareBetter? Medicine is one of the toughest fields, but in this example, it was simplified, and it became interesting with a few motions and a drawing hand. I suggest you try this tool and hope this free tool turns out to be as captivating to you as it was for me.

In Moovly, sign up and go to your dashboard, it’s like Camtasia, so here’s I change the font and replace it with my content. Bling! And it’s done. 


Step 3 (Optional). Record a very short video of your own:

Although it’s optional, but believe me, it’s more appealing and way more adapting if you do an opening/ summarize messages in a less formal form. It would draw huge attention from the learner because it’s likely to be an encore if in a live show, for you to feel grateful. To personalize while increasing engagement is easy, but how do you go about it? 

  • It’s ideal if you have a tripod, standing in a different background than your common environment (it can be your rooms or background), in a tranquil place brimming with natural light
  • It’s can still be exciting even if you hold a selfie camera, just as long as you’re comfortable and ready to transfer your vibrant energies to the learners. 
  • The content may be a short introduction to open up the topic or trigger them by using a fascinating fact, it highly depends on your imagination.  
  • Remember, don’t record in a noisy place with interrupting sounds as this could be counterproductive and could also bother the listeners’ eyes. 
  • As a narrator of the lessons, you define and supple yourself as the main storyteller, by showing your preparation and investment as well as creating an artistic atmosphere in the classroom.
Record a short introduction
‘Viral-log yourself’ | Illustration from Unsplash

Step 4. Composite ‘Render’:

You should merge your animation with self-record using free Merge video tools, here I suggest using Clideo to make it into a perfect composition. You arrange the sequence in the right order and render it. You’re done now! 

Step 5. How to remove the logo?

 We can’t remove the logo using the above online software. It’s the cost of the software been free. But in the future, with a more gradual method, you could simply learn how to make use of Adobe After Effects and Adobe Premiere Pro for the above steps using millions of video guides that are available on different design channels. 


In a nutshell

This is all for a quick guide to turning your slide into animations using free animation tools. 

For personal use, I think it’s reasonable to accept that free tools have their shortcomings: unremovable logos, marketing videos, limited character sources, some do not allow download (you just can publish on Youtube or Vimeo). However, do you agree with me that it’s fun and creative enough to produce an animation using free online resources? If you’re in, your students will be in for enough surprise, too! It does not take as long as one would expect and is not hard to accomplish, as one would imagine. It’s the best combination to leverage the attention during video conference learning sessions. 

On an organizational or institutional scale, I suggest starting the premium paid plan, hiring a professional animator, or, at the optimal choice, contact an animation vendor. You cannot utilize free software for an educational animation because there would be a third party logo on the animation, and they could stream your material unauthorized. However, if you go with animation vendors, you will receive benefits from partnership pricing to consultancy, and receive feedback on any software. It would be our pleasure to have you as one of F. Learning Studio’s core partners, it’s our enthusiasm in education that differentiates and anchors us. F. Learning Studio provides free consultations on every step to make education great again, don’t worry about scriptwriting or choosing an appropriate style frame, or getting motion-moving as we already have a team of professionals and animation specialists just for you!


Gift for you

Before you leave - don't miss out our 

free consultation customized for YOUR animation videos

 Ultimate guide
to create

Awesome Educational Animation Videos For Online Course