You are on page 1of 17

 

 
Unit 9: Visualization and Presentation Platforms 
Lesson  4:  Online  Presentation  Tool  with 
Animation 
 
 
Contents 
Engage 1 
Introduction 1 
Objectives 2 

Explore 3 

Explain and Elaborate 4 


Animation 4 
PowToon 5 

Extend 11 
Activity 1 11 
Activity 2 12 

Evaluate 13 

Wrap Up 15 

Bibliography 16 
 
 
 
 
 
 
 
   

 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
 

Engage   
 

  Introduction 

 
Fig. 1. An example of an Infographic. 
 
The  attention  span  of  learners,  in  today’s  education  setting  is limited which makes it harder 
to  retain  lessons  and  information.  However,  the  use  of  visual  aids  make  it  possible  for  you 
to  easily  understand  and  remember  the  lessons  and  be  engaged  at  the  same  time.  If  you 
are  able  to  learn  and  keep  information  faster  through  the use of visual aids, you are part of 
the  majority  called  visual  learners.  This  type  of  learners  absorb  and  process  information 
easier  through  images, illustrations, maps, graphs, and animations. Are you a visual learner? 
Do  you  prefer  visuals  rather  than  texts?  Do  you  prefer  watching  animations  or  videos  to 
understand a particular concept? 
 
 

 
  1 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
In  the  previous  lesson,  you  explored  and  utilized  different  online  tools  and  platforms  to 
create  an  engaging  and  interactive  presentation.  Some  of  the  features  are  not  only  limited 
in  creating presentations, but also have the ability of transforming your presentation into an 
animation  that  will  be  tackled  today  in  this  lesson.  You  will  also  learn  how  to  create 
animated presentations using a specific software in the latter part of the lesson. 
 
Have  you  ever  created  a  presentation  that  is  more  dynamic  and  interactive? Have you tried 
creating  animated  presentations?  In  what  ways  will  you  apply  the  skills  you  gained  to  your 
chosen track at the end of this lesson?  
 

  Objectives  
In this lesson, you should be able to do the following: 
● Define animation. 
● Name different animated presentation software. 
● Familiarize the tools and interface of PowToon. 
● Create an animated presentation using PowToon. 
 
DepEd Competency 
Apply  web  design  principles  and  elements  using  online  creation  tools,  platforms,  and 
applications  to  communicate  a  message  for  a  specific  purpose  in  specific  professional 
tracks.​ (CS_ICT11/12-ICTPT-Ig-h-10) 
 
 
 
 
 
 
 
 
 
 

 
  2 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 

Explore   
 

      5 minutes 
 
There  are  various  online  tools available that students can use to share their ideas creatively, 
and  in  engaging  ways  when  doing  a  class  presentation.  Aside  from  the  commonly  used 
offline  presentation  tools,  this  kind  of  platform  offers  them  to  select  other  options  or  to 
utilize useful features in creating a captivating or visually appealing presentation. 
 
Using  Youtube,  search  for  presentation  examples using the key words “powtoon examples.” 
Watch  one  short  example  so  that  you  can  still  have  enough  time  to  answer  the  questions 
that follow. One example is given below. 
 

Youtube  
Tolentin  Maria  Tisha.  “Internet  &  ICT  Trends,”  Youtube    
(Youtube,  July  17,  2019),  ​https://youtu.be/f1DGLhlfhzM​,  last 
accessed on June 1, 2020.    
 
Guide Questions 
 
1. What kind of presentation did you observe in the video?  

 
 
 
 
 
 
 
 
 
 
 
 
  3 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
2. How does the platform used differ from the presentation tools you used in the past?  

 
 
 
 
 
 
3. In what ways can you create a more captivating presentation using platforms like those?  

 
 
 
 
 
 
 
 
 

Explain and Elaborate   


 
Animation 
Animation  refers  to  any  visual  element  that  portrays  movement.  These  are  the  different 
visual  effects  added  in  every  individual  item  on  a  particular  slide  or  video.  A  lot  of 
presentation  tools  provide animation features which allows users to animate charts, graphs, 
graphics,  texts,  and  add  sound  effects  that  can  keep  your  audience  maintain  their 
engagement and interest in the presentation. 
 
 

Other  than  applying  animations  on  a  slide,  have 


you  tried  transforming  it  into  an  animated 
 
presentation?  

 
  4 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
Presentation  software  programs  offer  various  tools  suitable  for  those  users  who  want  to 
transform  a  static  presentation  into  an  animated  one.  The  tools  allow  users  to  deliver  the 
content  in  a  way  that  is  more  dynamic  and  engaging  to  their  audiences.  It  is  not  just  a 
presentation  uploaded  and  viewed  on  a  website.  To  give  you  an  example,  you  can  add  an 
animated  character,  voice  over,  background  music,  interactive  text,  and  other  multimedia 
content. 
 
Despite  not  having  the  prior  knowledge  of  using a professional animation software, such as 
Blender  and  Adobe  After  Effects,  users can easily create animated presentations through its 
user-friendly  features.  There  are online tools available that share the same features that are 
offered  for  free,  but  some  of  them  are  trial  versions;  the  advanced  features  can  only  be 
accessed  when  you  pay  for  the  license.  Examples  of  animated  presentation  tools  include: 
Powtoon,​ A
​ nimoto, Genially, Prezi, Visme, a
​ nd​ Vyond. 
 
PowToon 
Powtoon  is  a  web-based  platform  that  is  used  to  create  animated  presentations.  It  has  a 
simple  and  easy-to-use  interface  and  tools which enables anyone to create more interactive 
presentations. 
 
It  offers  the  tools  to  animate  any  type  of  visual  content  including  charts,  graphs,  and 
infographics,  and add multimedia content including animated characters, props, videos, and 
voice-overs. You may also use your own content. 
 
It  is  commonly  used  and  suitable  in  various  fields  such  as  creating  business  proposals  and 
presentations, and educational or instructional videos to explain a particular topic. 
 
 

Have  you  tried  using  PowToon  before?  Why  did 


  you use it? 
 
 
 
 
  5 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
Familiarizing Powtoon Interface and Tools 
 
Using  PowToon  is  as  easy  as  utilizing  any  other  presentation  tool.  You  just  need  to  be 
familiar with the different drag and drop tools and the user interface. 
 

 
Fig. 2. Powtoon environment. 
 
The  Powtoon  environment,  also  known as  ​Powtoon Studio​, is designed to easily create the 
presentation with the tools you can quickly locate. 
 

 
Fig. 3. PowToon stage. 
 

 
  6 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
Similar  to  the Google Slides workspace, ​PowToon stage is an area where you can insert and 
edit any visual or multimedia elements to your presentation. 
 

 
Fig. 4. PowToon slide pane. 
 
Slide  panel  displays  the  slides  in  thumbnail  view.  You  can  also  add,  delete,  and  duplicate 
slides in this part. 
 

 
Fig. 5. PowToon timeline. 
 

 
  7 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
The ​timeline​ allows you to create timings on every object on the slide. You can preview the 
presentation here. The different buttons allow different actions on previewing the 
presentation:  
(​1)​ You can play the active slide.  
(2) T
​ his part represents the thumbnail of the element.  
(3)​ You can insert an element at a specific time.  
(4)​ You can add or reduce the duration.  
(5) Y
​ ou can zoom in or zoom out the timeline. 
 

 
Fig. 6. Sound control button. 
 
The ​sound control button​ allows you to disable, enable, and other settings to manipulate 
the sound or voice-over of your presentation. 
 

 
Fig. 7. Tabs. 

 
  8 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
The ​tabs​ part allows you to drag and drop any type of multimedia content to your website 
such as ​background, text, characters, props, shapes, images, videos, sound, ​and 
specials. 
 

 
Fig. 8. Stage tools. 
 
The  ​stage  tool  allows  you  to  position  the  different  objects  systematically  using  the  ​grid 
(located  at  the  left  part), to select the ​aspect ratio depending how your presentation will be 
viewed  across  devices  or  websites  (located at the center part), and to ​zoom-in/out settings 
(located at the right part). 
 

Fig. 9 . Top Bar. 


 
The  ​top  bar  serves  as  a  menu  bar  of  the  PowToon  environment.  It  includes:  quick  menu, 
my  PowToons,  studio  mode,  help,  edit,  undo,  redo,  save,  preview, rename, share, ​and 
publish. 
 

Steps in Creating a Powtoon Presentation 


In creating a powtoon presentation you may use either of the following methods: 
 
Use a Ready-made Template (Edit Mode) 
This  method  enables  you  to  create  and  edit  the  presentation  quickly  and  requires  only 
minimal  editing.  You  may  depend  on  the  type  of  presentation  you plan to create. Examples 
include: ​explainer, marketing, infographic, presentation, ​and​ video ads. 
 
 
 
 
  9 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
Start from Scratch with a Blank Powtoon (Create Mode) 
This method allows you to select all of the tools located on the tab and to greatly customize 
your presentation. 
 
Steps: 
1. Go to ​My Powtoons Page​ located on the home page. 
2. Click T
​ emplate​ to use E
​ dit Mode​ or B
​ lank t​ o use ​Create Mode​. 
3. E
​ dit​ the presentation.  
4. E
​ xport​ and p
​ ublish​ your presentation. 
 

Steps in Adding Visual Effect to the Presentation Element 


1. Click the ​object​ you want to apply the effect. 
2. Click S
​ ettings​ then ​Effect​. 
3. Select the ​effect​ you want to apply.  
4. T
​ est​ it by clicking the preview button located at the top of the timeline. 
 

​ ​Notes 
● You  must  create  your  account  first  to  use  the  presentation 
tool. 
● You  can  switch  between  ​edit  and  ​create  mode  by  clicking 
the studio mode located at the top bar.  
● Powtoon  allows  you  to  use  animated  characters  and  add  a 
voice-over and audio effects to explain your content. 
 
 

Powtoon Basics 
Getting  to  know  the  fundamentals  is  the  first  step  to  familiarize  any  application  you  are 
using.  It  will  guide you in the process of performing simple to advanced tasks when it comes 
to creating the presentation.  

 
  10 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
 
Watch  the  video  below  to  get started learning Powtoon tools and environment and perform 
essential tasks.  

Youtube  
Nicholson,  Paul.  “Powtoon  2019  Beginner  Training  Create    
your  1st  Powtoon,”  Youtube  (Youtube,  July  12,  2019), 
https://youtu.be/dtlftcBdnJA​, last accessed on June 2, 2020.    
 

Extend   
 
Activity 1 
Create  a  Powtoon  presentation  using  one  of  your  previous  outputs  in  the  digital 
presentation skills lesson. Share below your experiences in utilizing Powtoon and compare it 
with the previous online presentation tools you used. 

 
 
 
 
 
 
 
 
 

​ uide 
G
● Keep  in  mind  the  different  elements  and  principles  of  design  to  achieve  the  proper 
way to make your presentation appealing. 
● Remember also to apply the basic tasks involved in creating the presentation such as 
adding and customizing slides, text, etc.  

 
  11 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
Activity 2 
In  connection  to  activity  1,  Select  five  tools  you  have  used  in  creating  the  presentation  and 
write  down  the  important  and  additional  functions  of  each  tool.  Use  the  table  below to put 
your answers. 
 

Tool  Function 

   

   

   

   

   

​ uide 
G
Similar  to  other  presentation  tools,  knowing  the  additional  functions  of  each  tool  will 
help you identify its valuable features. 

 
 
 
 
 
 
 
 

 
  12 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 

Evaluate 
 
 

A. Answer the following completely in your own words. 


 

1. Define Animation. 

 
 
 

 
2. Enumerate three examples of animated presentation tools. 

 
 
 

 
3. What tool should you use to add any kind of objects to the presentation? 

 
 
 

 
4. This method enables you to create and edit the presentation quickly and requires only 
minimal editing. 

 
 
 
 

 
  13 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
5. Which part of the Powtoon environment allows the user to save and export the 
presentation? 

 
 
 

B. Answer the following comprehensively. 


 

1. In your own opinion, what makes Powtoon unique to other presentation tools? 

 
 
 
 
 

 
2. Where can you locate the methods used to create the presentation? 

 
 
 
 

 
3. How will you know if the visual effects are applied to the animated character? 

 
 
 
 
 

 
  14 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
4. How will you assess the Powtoon’s user-friendliness?  

 
 
 
 
 

 
5. What is the essence of changing the aspect ratio? 

 
 
 
 

 
 

Wrap Up 
___________________________________________________________________________________________ 
 
● Animation  ​refers  to  different  visual  effects  added  in  every  individual  item  on  a 
particular slide or video.  
● Animation  presentation  tools  ​are  suitable  for  users  who  want  to  transform  a  static 
presentation  into  an  animated  one,  allowing  them  to  deliver  the  content  in  a  way 
that is more dynamic and engaging to their audiences. 
● There  are  a  lot  of  animated  presentation  tools  available  that  offer  easy  to  use  tools 
and  simple  interfaces.  Users  can  create  presentations  with  or  without  prior 
knowledge.  Some  of  them  are  ​Powtoon,  ​Animoto,  Genially,  Prezi,  Visme,  ​and 
Vyond. 
● PowToon is a web-based platform that is used to create animated presentations. This 
tool  offers  easy  to  use  tools  and  simple  interfaces  to  create  a  more  interactive 
content.  
● Powtoon  Environment  includes  the  following:  ​stage,  slide  pane,  timeline,  sound 
control button, tabs, stage tools, ​and​ top bar. 

 
  15 
 
 
Unit 9.4: Online Presentation Tool with Animation 
 
 
● Powtoon  Tools  includes  the  following:  ​background,  text,  characters,  props, 
shapes, images, videos, sound, a
​ nd​ specials. 
___________________________________________________________________________________________ 
 

  Bibliography 
 
“Create  Cool  Presentation  Online  with  Powtoon”.  Powtoon.  Accessed  on  June  1,  2020  from 
https://www.powtoon.com/blog/create-cool-presentation-online/#:~:text=Powtoon%20i
s%20a%20presentation%20tool%20that%20is%20the%20easiest%20to,use%20of%20an
imation%20and%20cartoons 
 
“Introduction  to  the  Powtoon  Studio”.  Powtoon.  Accessed  on  June  1,  2020  from 
https://support.pow toon.com/en/articl /introduction-to-th e-powtoo n-studio   
 
Nicholson,  Paul.  “Powtoon  2019  Beginner  Training  Create  your  1st  Powtoon,”  Youtube 
(Youtube, July 12, 2019), h
​ ttps://youtu.be/dtlftcBdnJA​, last accessed on June 1, 2020.  
 
Spencer,  Laura.  “Over  20  Best  Presentation  Making  Software  Alternatives  to  PowerPoint 
(2019)”.  envatotuts+,  May  19,  2019.  Accessed  on  June  1,  2020  from 
https://business.tutsplus.com/articles/best-presentation-software-alternatives-to-power
point--cms-28697 
 
Iqbal,  Farshad.  “The  Best  Ways  Online  to  Create  An  Animated  Presentation.”. 
PresentationGuru,  February  28,  2017.  Accessed  on  June  1,  2020  from 
https://www.presentation-guru.com/the-best-ways-online-to-create-an-animated-prese
ntation/ 

 
  16 
 

You might also like