How to create an awesome demo video in Keynote
4.3 (476 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,582 students enrolled

How to create an awesome demo video in Keynote

Learn to animate a cool demo video for your business with just Keynote easily with this Keynote tutorial
4.3 (476 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
5,582 students enrolled
Created by Miguel Hernandez
Last updated 2/2017
English [Auto]
Current price: $96.99 Original price: $149.99 Discount: 35% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 9.5 hours on-demand video
  • 1 article
  • 7 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • How to write an awesome script
  • How to storyboard your script
  • How to record voice over
  • How to illustrate in Keynote
  • How to animate in Keynote
  • How to record/edit your animation
  • How to add sound effects
  • How to pick a music track
  • How to export/publish your video
  • How to produce explainer videos from scratch
  • Keynote
  • ScreenFlow
  • Great Attitude!

Getting a demo video produced professionally can costs thousands of dollars which unfortunately many startups cannot afford to spend.

Professional animation software like After Effects, Flash, or Maya is expensive and too complex to learn.

In this course I’m going to teach you how to create an awesome animated demo video with just Keynote.

Keynote is cheap, $20 bucks, super simple to use, but comes with a great set of animation tools

I'll show you how I have animated one of our most popular explainer videos (PadMapper) using just Keynote.

We will go over the entire production process, from how to write an effective script that is fun, concise and sells, all the way to how to publish your video for maximum impact.

We will cover:

  • How to write an awesome script
  • How to storyboard your script
  • How to record voice over
  • How to illustrate in Keynote
  • How to animate in Keynote
  • How to record/edit your animation
  • How to add sound effects
  • How to pick a music track
  • How to export/publish your video

In a few hours you will learn everything you need to produce an awesome demo video, will save thousands of dollars by doing it yourself, and will have fun in the process.

Let’s do it!

Who this course is for:
  • startup founders
  • animation enthusiasts
  • business owners
  • marketing professionals
  • video producers
Course content
Expand all 86 lectures 09:46:29
+ Foreword, Testimonials and Sample Student Demo Videos
7 lectures 24:08
Miguel thanks you for helping him feed his future Migglets :)
Preview 01:19
In this lecture I briefly explain you who is Miguel Hernandez just so you know who is the weirdo talking to you for the next 10 hours. Oleee!
Who is Miguel Hernandez?
We will cover a bunch of stuff! are you ready Freddy?
List of Topics
You can do presentations with a bunch of software but Keynote rocks the house for presentation and ScreenFlow is awesome for screen recording and video editing. You can also download ScreenFlow for free if you don't want to buy it for just one demo video.
Hardware and Software Requirements
Producing a demo video is much more than animating a storyboard. You need to write a great script, record voiceover, and learn how to add sound effects and music too. Here is an overview of all the stages we will cover in this course.
Productions Stages
After Effects is the powerhouse of animation and visual effects but it is very hard to learn. Well, Keynote comes to the rescue, who would have thought it?
Preview 05:36
+ Script Writing
18 lectures 01:32:21
Your script is the foundation of an awesome demo video. Without a great script your demo video will suck bananas no matter how good animator you are!
The Perfect Script
Scripts are like mini movies. The have a story and 3 acts that should keep you clamped to your seat for at least 90 seconds.
Script Parts
A demo video is ultimately a sales tool and in sales there is a whole science behind what works and doesn't. In this lecture we cover a bit of this science.
Impulse Factors
Advertising is a bit (or a lot) of mental manipulation to get you buy things that hopefully you need or want. Please use your skills wisely and promote only good stuff!
How Advertising Works
Time to watch a Grumo in action! This video was one of our first Grumo demo videos and one that the very Ashton Kutcher tweeted about to his 6+ million followers. Thanks Mr Kutcher!
Case Study 1a: PadMapper Video
Writing this script was fun and it only took me about 2 hours. The revisions were mine not client driven. I like to scrutinize my own work until I feel I have a winner. And a winner this was!
Case Study 1b: PadMapper Script
Another Grumo, this one was another big success and the reason why I started Grumo Media!
Case Study 2a: Hipmunk Video
Here we spend more time on the problem to make sure people and their "honeys" really feel the pain of bad online travel sites.
Then Hipmunk comes all funky and saves the day. I mean how could you not check this guys out!
Case Study 2b: Hipmunk Script
This is an example of a shorter 60 sec demo video. KISS principle all over it!
Case Study 3a: HighlightCam Video
Wasuup! Hope you are enjoying this course amigos. Now we breakdown a smaller script. Notice we barely have any time to dwell in the problem and we jump to the meat and potatoes in a jiffy.
Case Study 3b: HighlightCam Script
I'm so glad I read this book before starting Grumo Media. It provided a solid strategy to ensure our videos would be as awesome as possible. Pay attention young Grumoling!
What is S.U.C.C.E.S.S. on a script?
We closely analyze the first paragraph from the Hipmunk and check it agains the S.U.C.C.E.S.S rules.
How to Apply S.U.C.C.E.S.S. to a paragraph
You know what? you can apply  S.U.C.C.E.S.S to anything, the entire script, your mother in law and even your chihuahua.. woof! woof!
Apply S.U.C.C.E.S.S. to the Whole Script
When in doubt you can get really geeky and use the hidden powers of Excel to fine tune that awesome script of yours. TIP: If you are using Google Docs you can share your script and ask your friends to rate your lines to get a second opinion, oh yeah!
Apply S.U.C.C.E.S.S. using Excel
The best way to know if something is good is comparing it to something that is bad. Now you can appreciate how lucky you are when you look at your husband after looking at my face for so many hours :P
Bad Line vs. Good Line
Everybody likes cute, fluffy things and look at you and go prrr prrr meawww!! Your script should evoke some of those warm fuzzy feelings in your audience and you'll be set and pet.
Boring vs. Cute
Oh l'amour! l'amour! put some love at the beginning, the middle, and of course the end. Ending on a high note always pays well.
End with Love
What did we learn so far? Ok you won't be able to write for Francis Ford Coppola after this but I'm sure you can pull at least 200 magic words for your next script.. so do it!
Wrap up
+ Voiceover
6 lectures 29:37
This is a good exercise to learn how to either hate your voice forever or get used to it and save yourself $200 on a professional voiceover artist. You can do it!
Intro to Voiceover Recording
Here is a demo of how you record a few takes of your script really quickly using your iPhone.
Record your own Voiceover with an iPhone
Now your voice will travel invisibly through the airwaves right into your computer. How? I don't think anyone really knows how is that possible. It works just like Santa Claus or Jesus Cristo, you just need faith to embrace the mystery behind it.
Transfer your Voiceover via Wi-Fi
Unless you own a zillion dollar microphone there will always be a bit of background noise on your recordings. Well, it is not the end of the world! Audacity is a free audio editing solution that will help you reduce that noise to almost zilcho!
Clean up your Voiceover Audio with Audacity
If you are more serious about sound design then SoundTrackPro is your friend. It has more smarter and prettier sound removal algorithms that will make you sound just like James Earl Jones Dr Strangelove or Penelope Cruz in Carne Tremula (yes go watch that film and tell me you did not get some kind of erection)
Clean up your Voiceover Audio with SoundTrackPro
Ok, so you gave up on recording your own voice. Don't worry you only suck a bit and no one really needs to know how ridiculous you looked when you put a blanket over your head when your kids left to school. There are hundreds if not thousands of amazing VO professionals willing to take your money. Here is how you hire them so they can too feed their offspring or addictions.
How to hire a Voiceover Professional
+ Storyboarding
11 lectures 01:26:33
Drawing is so much fun! now you get to be that kid again and let your imagination run wild all over left over printer paper.
Intro to Storyboarding
There a few ways you can create a storyboard. You can use pencil, pen, crayons, spray paint, leprechaun's blood, or even raven's poop. However I recommend you stick to the good old pen and paper. Later we will digitize all your doodles so they can be brought to life in the animation chapter.
Storyboarding Requirements
I'm sorry if you started to storyboard on your wall because In this lecture I'll show you how you should storyboard on paper. I know is not as fun but hey you could still do both, I don't want to rain on your party!
Storyboard Template Sample
You don't need to use OmniGraffle to create your template. I'm just showing you the way we do it at Grumo Media. You could use Adobe Illustrator, Fireworks, Keynote, or any software that lets you draw text and rectangles.
Creating a Storyboard Template in OmniGraffle
If you decide animation is not for you then shame on you cause you'll miss out and regret it when you are 90 years old. In such case you should check this lecture out because I explain how to set up a nice little storyboard so another animator can make sense of your doodles and scribbles.
Storyboard sections
I know, I know.. you are wondering, Why did this bugged eyed Spaniard teaches me how to draw AFTER I've drawn up all my doodles? Relax Max! I just did not want to impose my techniques on you so early in the process. Here I'll show you how a couple of tricks I use to make sure my doodles fit nicely into the storyboard frames.
Drawing Tips
Don't you have a scanner in the 21st century? Ok, go buy one right now. Just kidding. If you don't have a scanner you can use a digital camera or your smartphone's camera. Just make sure the page is well and evenly illuminated. If not put the flash on and snap a couple of photos until you get a nice shot of your storyboard. 
Scanning and Importing your Shots
How do you know how many words can you animate in a single scene? well, it is between 0 and 1 zillion. In this lecture I show you the way I break the script into shots to give you an idea of how to do it yourself.
Break the script into shots
In this lecture I go over 3 shots from the PadMapper storyboard and compare them with the final animation so you can see a couple of ways of illustrating motion, sequence, and transitions in your doodles and descriptions.
Sample shots storyboarded
In this Lecture you'll be able to scroll back an forth to compare the final PadMapper animation with the storyboard side by side. So much fun!
Padmapper Video vs. Original Storyboard
We cover and analyze more storyboard samples to make sure you really undertand or confuse you even more about how the process works.
Storyboard Samples
+ Keynote Crash Course
11 lectures 51:31
Keynote is the PowerPoint for MACs. If you don't have a MAC you'll be twiddling with your fingers wondering what's for dinner.
Intro to Keynote

Check out where to find the animation tools in the new version of Keynote. The look may have changed a bit but all the existing functionality is still there!

Animating with Keynote 7
Make sure your template resolution is at 1280x720 or your final video will only fit nicely on your rubbish can. 
Slides are in animation like the scenes of a movie and your transitions will add fluidity and magicality in between scenes.
Templates, Slides, and Slide Transitions
To my surprise you can actually create pretty awesome doodles right in Keynote. Check it out!
Drawing in Keynote: Shapes and Strokes
Text are squiggly things that may mean or not something to you. Fonts are variations on the flavour of the squiggles.
You are not stuck with the default fonts on your MAC. I'll show you how to find and install dozens of cartoony looking fonts in minutes!
Text and Importing Fonts

Many images came on a white background. How do you get rid of the background so you can enjoy the banana and not the peel? It is all explained in Spanglish here.

Working with Stock Photos in Keynote
Yes, Antonio Banderas looked very hot wearing a mask in el Zorro. But we are not talking about those masks here zorry :(
With masks you can reveal only specific parts of an image, In Keynote all masks are rectangular so I'll show you how you can get fancier results with PhotoChopz.
Working with Masks
Builds and effects are the foundation of animation in Keynote. With those two tools you can almost animate anything except your mother-in-laws smile curvature when she finds out her unmarried daughter is 4 months pregnant.
Animating with Builds and Actions
Flies fly not in rectilinear patterns but in incomprehensibly convoluted random patterns. Are they crazy? who are they trying to fool? does poop taste better when you perform nonsensical acrobatic maneuvers before you trumpet your way into it?
If you ever need to animate a hungry fly, horny butterfly, or intercontinental ballistic missile then motion paths are for you!
Animating Motion Paths
Ok, animating text will never be as fun as animating kamizake insects heading towards fresh manure. Still animated text is always more fun to look that putrefactive boring static text. Here how you do it!
Animating Text
Ta daahh! when you are done you can export your presentation in a few cool ways. Images, PDF, movies.. $20 dollar bills, ok that not unless your animation is about counterfeit money.
Exporting your Presentation
+ Illustrating in Keynote
2 lectures 15:17
In the previous chapter we learnt Keynote's basic drawing tools. In this lecture we put them into practice by attempting to draw the first scene in the PadMapper storyboard
Drawing basic Illustrations
Say you want to move beyond stick men and doodles. Well good for you! I also wanted to play for the NBA but my dreams where shattered back in 1997 when I stood side by side to Hakeem Olajuwon former player for the Houston Rockets. I think I walked through his legs and I still could not reach his big brown bolas with my arm fully extended.
Luckily unlike me you still have hope to enhance your drawings using a couple of tricks I'll show you in this chapter.
More illustrations Tips
+ Animating in Keynote
8 lectures 01:41:00
I swear, when I animated this shot without explaining it it  took me way less than 13 minutes and 24 seconds.
Animating in Keynote is an exercise in breaking scenes into slides. The more complex the scene the more slides.
Make sure you download the original PadMapper Keynote file to follow along.
Animating 1st Shot
I'm very proud of this shot. Too bad my mom doesn't care about computers because she would be so happy she put up with me during my teens. Look mom! I can draw masks in Keynote! who cares about quantum mechanics or flying the Space Shuttle, I'm set and so you will after taking this lecture. I pinky swear by the moons and the stars.
Animating Shot 3
This is the hero shot in PadMapper. Pretty straight forward unless you screw up the order of the builds. Luckily you won't after watching this lecture.
Animating Shot 5
A lot happens in this shot. Mainly is a set of builds animated 4 times over. I really didn't think I could pull all of it in a single slide. Watch in awe at how this was done possibly for the first time in the history of Keynote where a single human biped managed all this digital wizardry in a single slide.
Animating Shot 9
If this is not the biggest longest advertising Padmapper has ever had. Now you will learn how to animate the part where your favourites picks get added to a list. This scene is pretty tricky, actually very tricky! pay attention and good luck my Jedi!
Animating Shots 12 and 13
I'm sure many After Effect guys did not think this scene was animatable in Keynote. but alas, it was thanks to the inscrutable power of motion paths and electronic paella (Ok maybe not the paella part nom nom!)
Animating Shot 14
If you ever wondered how to animate a printer printing PadMapper results and a stick man talking on an iPhone here is the answer!
Animating Shot 15
This is the final shot, the pack shot, the money shot. It comes with frogs, animated text, and even a flying stork with a baby. Boom shaka laka!!
Animating Shot 17
+ Editing in ScreenFlow
6 lectures 34:58
One of the drawbacks of using Keynote is that is not designed to edit video with it. So in this chapter I'll teach you how to export or record your presentation into a video that we can edit and add voiceover, sound effects, and music to.
Intro to Editing
I love this feature in Keynote. In a couple of clicks you can render a HD version of your presentation ready for editing!
Exporting Keynote as a Movie
I've been editing video for about 10 years mostly in Final Cut but I have to admit ScreeFlow is just awesome for basic editing and a lot simpler to use. You can download a free trial version at
ScreenFlow Basics
ScreenFlows's main purpose is for desktop screen recording. In this lecture I'll show you how you can record your full Keynote animation using ScreenFlow. BTW, this is exactly how I record online courses like this. If you ever want to learn how to put together a course like this I have another course where I teach how I do it. It is appropriately called "How to Create an Awesome Online Course" and you can take it for 50% off using this link ->
Record Keynote with ScreenFlow
Now it is time to sync your Keynote video with your voiceover. This can be a bit tedious but as you'll see in the video it takes only a couple of minutes to get the hang of it. Just remember to press the key "T" to cut the video where the play head is and "SHIFT+Command+F" to create the freeze frames required to fill in the gaps. You can do it! I believe in you Jesus Cristos!
Syncing Keynote Animation to Voiceover
In this lecture I'll show you how to export your ScreenFlow editing hack job into a nice little Quicktime file. You don't need to do this yet unless your video doesn't have any sound effects or music. We will adding those on the next chapter.
Export Final Movie
+ Sound Design
8 lectures 01:06:30
A demo video without sound is like a field without flowers, like a flower without petals, like a petal without color, like a color without.. ok I ran out of nonsensical analogies. In this chapter with bring your creation to the next level by adding sound effects and music!
Intro to Sound Design
This is a fun chapter. We get to add funny sounds to the animation to make it feel more realistic.
Adding Sound Effects
Picking the right music is like picking a wedding dress. You only get one chance to wear it so it better be good or grief awaits you at the altar. Take your time to try different tracks until it feels right with your ears and your gut. Here is how I do it.
How to Choose the Perfect Music
For a few bucks you can have access to thousands of sound effects and music tracks online. In this lecture I'll introduce you to some of the most popular online stock sound resources and I'll show you how to go about picking music. If you like drunken Friday night karaoke then this chapter is definitely for you :)
Online Stock Sound Resources
You won't always find what you are looking for online which means it is time to get resourceful and learn how to record your own sound effects at home. You'll be surprised how easy it is!
How to Record your Own Sound Effects
You can easily speed up or slow down sounds to create different effects. Here I show you how to do it on Final Cut but the same applies to any software that allows you to change the playback speed of a given sound effect. ScreenFlow allows you to do that too!
How to Modify Sounds
If you are serious about creating demo videos then you'll need to start building your own sound library. Here I show you how mine looks like.
Create your own sound library
This chapter is totally optional but if you are unable to find a sound track that satisfies your needs and happen to be a gifted singer or composer guess what? you can easily compose your own music in Garageband! You should put earplugs on this lecture for your own sanity's sake.
How to create music in Garage Band
+ Publishing your Master Piece
9 lectures 01:24:34
Ok, we are done with the awesome demo video creation. Now is time to show this puppy to the world. but How? it is all explained in this chapter.
Intro to Publishing
If you haven't heard of YouTube you are either deaf, blind, and mute or you were born less than 5 years ago.
YouTube is not even an option, it is an obligation to post all your videos there and here I show you a few tricks to publish your videos the right way.
Publish on YouTube
Vimeo is less popular than YouTube but it allows more control on how to display your video. Also if you upgrade the Plus or Pro accounts you will be able to include call to actions at the end of your video, limit playback to certain domains only, and much more.
Publish on Vimeo
Promoting on social networks is also a must these days. Facebook is now the king of all social networks so your content should make it there pronto. In this lecture I show you how to create your own Facebook business page so you can start gathering followers and more views to your videos. 
Publish on Facebook
Twitter is the best and more popular micro blogging broadcasting platform. Every time you do something like breathing, thinking, eating, fornicatroning, etc you could post it on Twitter. Ideally you should only post interesting stuff so your followers don't think you are spamming them. Your videos should be promoted here too and I'll show you the right way to do so.
Publish on Twitter
Honey, if some dude tells you Pinterest is only for chicks tell him get stuffed because is not. Pinterest is one of the fastest growing social networks since Facebook and one of the most efficient traffic drivers on the net today. This means that your videos should also be on Pinterest and here I show you how.
Publish on Pinterest
Starting a blog for your business is one of the best ways to start getting awareness to your company and products. In fact, way before you consider producing a demo video you should already have your own web page. Here I show you a couple of simple ways to get started with your own site.
Publish on Blogs
What a ride my amigos! If you made it up to here in one piece you are a super trooper and deserve a medal or two.
Let's go quickly over everything we have covered and let me express my deepest gratitude for being such an awesome student!
Wrap up and Thank You!
If you enjoyed this course please take the time to give it a zillion stars an review it. Here I'll show you how easy is to do it.
Also I teach a few other courses on Udemy and at the end of this lecture I have a little gift for you if you want to explore some of my other attempts at teaching.
Peace, Love, and Cookies,
Yours truly,
Discount Offer for Other Grumo Courses