Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
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 demo 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:
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!
Foreword, Testimonials and Sample Student Demo VideosPreview
|Miguel thanks you for helping him feed his future Migglets :)|
|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!|
|We will cover a bunch of stuff! are you ready Freddy?|
|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.|
|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.|
|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?|
|Section 1: Script Writing|
|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!|
|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.|
|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.|
|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!|
|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!|
|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!|
|Another Grumo, this one was another big success and the reason why I started Grumo Media!|
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!
|This is an example of a shorter 60 sec demo video. KISS principle all over it!|
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.
|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!|
|We closely analyze the first paragraph from the Hipmunk and check it agains the S.U.C.C.E.S.S rules.|
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!
|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!|
|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|
|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.|
|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.|
|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!|
|Section 2: Voiceover|
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!
|Here is a demo of how you record a few takes of your script really quickly using your 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.
|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!|
|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)|
|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.|
|Section 3: Storyboarding|
|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.|
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.
|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!|
|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.|
|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.|
|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.|
|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.|
|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.|
|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.|
|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!|
We cover and analyze more storyboard samples to make sure you really undertand or confuse you even more about how the process works.
|Section 4: Keynote Crash Course|
|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.|
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.
|To my surprise you can actually create pretty awesome doodles right in Keynote. Check it out!|
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!
|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.|
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.
|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.|
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!
|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!|
|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.|
|Section 5: Illustrating in Keynote|
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
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.
|Section 6: Animating in Keynote|
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.
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.
|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.|
|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.|
|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!|
|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!)|
|If you ever wondered how to animate a printer printing PadMapper results and a stick man talking on an iPhone here is the answer!|
|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!!|
|Section 7: Editing in ScreenFlow|
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.
|I love this feature in Keynote. In a couple of clicks you can render a HD version of your presentation ready for editing!|
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 http://www.telestream.net/screenflow/overview.htm
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 -> https://www.udemy.com/how-to-create-an-awesome-online-course/?couponCode=LOVE2TEACH
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!
|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.|
|Section 8: Sound Design|
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!
|This is a fun chapter. We get to add funny sounds to the animation to make it feel more realistic.|
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.
|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 :)|
|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!|
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!
|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.|
|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.|
|Section 9: Publishing your Master Piece|
|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.|
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.
|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.|
|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.|
|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.|
|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.|
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.
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!
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,
Miguel Hernandez is the CEO of Grumo Media which he founded in October 2010.
Miguel has over 10 years of experience in multimedia production and has created promotional videos for clients like Microsoft, Walmart, Fidelity Investments, Reckitt Benckiser and even Ashton Kutcher.
Miguel's many passions have taken him from his original love for mechanical engineering, to 3D animator, all the way to music video director, and web application developer.
Miguel has always had passion for film, technology, and startups.
Miguel was born in Bilbao, Spain and relocated to Vancouver, Canada in 1996 with most of his family.
30 day money back guarantee
Available on desktop, iOS and Android
Certificate of completion
Hours of video content