YouTubers upload 300 hours of video YouTube every minute. Facebook entertains with four billion video streams daily. By now, you’ve likely seen these stats and more like them.

My point is that video is big, and it’s expected to keep growing in popularity. (Mark Zuckerberg predicts most Facebook content will be video by 2019.) It’s becoming hard to ignore as a medium.

But many of us aren’t experienced videographers. And few of us have access to those who are (or the resources to hire them). So what are we to do?

I propose we learn to animate.

Stay with me. If you’ve never made an animated video before, I know that may seem intimidating. But I’m going to show you how easily (and inexpensively!) you can create a simple animated video, using software you probably already have.

Make animated videos with Keynote blog image

In this post, you’ll discover how make the following animated quote video (perfect for social media) in just seven steps using Keynote.

Note: Keynote comes free on most Macs. But I realize not everyone has a Mac. If you’re on a PC, please leave me a comment to let me know. Depending on interest, I may do a follow-up post featuring an alternative for non-Mac users.

Why a quote video? Well, on Twitter, quotes and videos increase Retweets by 19% and 28%, respectively. And on Facebook, inspirational quotes generally perform well, and video is absolutely killing in both reach engagement.

So it sort of makes sense to combine the two, right?

Tweet this image

Let’s dive in! (Keep in mind that though these instructions are specific to Keynote for Mac, you can easily recreate the project on the go with Keynote for iOS.)

1. Find a quote.

For this exercise, I’m going to animate one of my favorite quotes by J.R.R. Tolkien, “Not all those who wander are lost.”

Keynote quote by J.R.R. Tolkien

If you want to use a different quote (and just for future reference), goodreads is a great place to look for motivating, inspirational, and often famous quotes—the kind that tend to do well in social media.

2. Set up Keynote.

Keynote may be presentation software. But with slick animations and the option to export to Quicktime, it makes a pretty handy animation application, too.

Setting up the Keynote project

To get started, open Keynote and choose the black template. Then click Document in the top right. Set the Presentation type to Self-Playing and decrease the transition and build delay to zero. (This ensures the video will play with no unexpected pauses.)

Next, under Slide Size, click Custom Slide Size and set the width to 1920 pts and the height to 1080 pts to create an HD, widescreen layout to work with.

3. Pick a background video.

You don’t have to use a background video—or even a background image, for that matter—if you don’t want to. But I think this quote lends itself to a nice nature scene.

This one from Pexels, a CC0 video site, is so calm that you almost can’t tell it’s a video. That’s perfect, since the video will act as the backdrop. A busy video might be too distracting.

After you have downloaded the video, click Insert (from the top bar) and then Choose. Find and select the video file and click Insert.

Note: You may see an alert about optimizing the video for iOS. You can ignore this message. The video will still play just fine on iOS.

Changing video opacity in Keynote

The video should now take up the whole slide. Click Format in the top right, and set the opacity to 60%. This will make the quote text overlay easier to see.

4. Format the quote.

Right-click the video and select Send to Back to bring the text to the front. Then select the text blocks and enter the quote.

Formatting Keynote text

You’ll probably want to style the text. Here’s what I did:

  • Under Style, I added a drop shadow (10 pt Blur, 5 pt Offset, 50% Opacity).
  • Under Text, I changed the quote font to American Typewriter, kept the author font as Helvetica (thin), and left-aligned both.
  • I played with font size and arrangement until I found something I liked. Feel free to do the same.

Creating a line in Keynote

Next, let’s add a white line to create a little more visual interest to the layout. From the top toolbar, click Shape and pick the square shape. Then adjust the Style and Arrange settings under Format to make it a vertical white line, positioned to the left of the text.

5. Animate!

Now for the fun part.

Choosing an animation in Keynote

Let’s start with the vertical line. Under Animate » Build In, click the Change button and select Dissolve. It’s a nice, subtle effect.

Then, click the quote text and, following the same steps, this time click Typewriter and set the duration to three seconds.

For the author text box, repeat the steps above, selecting Dissolve as the build in effect.

Customizing Keynote animations

Next, click the Build Order button in the bottom right. Highlight the top animation (the video file) and set Start to After Transition and Delay to zero.

Highlight the next three animations separately, and change Start to After Build 1, After Build 2 and After Build 3, respectively. For each of these, also change the delay to one second.

Selecting the build-out animation in Keynote

Finally, select the video again and click Animate » Build Out. Click the Change button, pick Stop Movie. In the build order, set the animation to start After Build 4 with a delay of five seconds. This will allow the video to keep playing for a few seconds after the text animation ends.

Ready for a preview? Click Play to see what you’ve accomplished so far.

Pretty neat, huh? But we’re not finished quite yet.

6. Add music.

What’s a video without some great tunes? I’m going to use a popular Music for Makers song, “The Ancient Language.” It’s got a good rootsy vibe that should match the quote and video quite well.

Adding music to Keynote animation

Once you’ve picked a song, drag the audio file to the soundtrack box under Document » Audio.

Can you feel it? We’re close…

7. Export your project.

Under File, select Export to… » Quicktime and save the project in 1080p. Then go find the file, open it, and pat yourself on the back.

Exporting Keynote animations as a video

You just made an animated video! Not bad, not bad.

If you followed my instructions, the video should come out at around 14 seconds. That’s under Instagram’s 15 second limit—just saying. 😉

Want more?

This is just a small taste of what you can do with Keynote animations. The software is capable of much more. For example, check out the Music for Makers explainer video below. I created the whole thing in Keynote.

Are you interested in learning how to do more advanced animations like this? If there’s enough interest, I’d love to create a follow-up post!

Questions or comments about this process? Let’s continue the conversation below.

  • Tim Skau

    Id like to know a PC version of this if possible

    • Noted! Thanks for letting me know, Tim.

      I think there are a few pretty simple ways to go about it. Stay tuned. ?

  • Annette

    PC version please:)

    • Hey, Annette. As a quick workaround, I believe you could achieve the same effect with Impress from Libreoffice (a free presentation software). I’ll try to put together a tutorial with that program soon!

      • Annette

        That would be awesome! I have Libreoffice, so I would be excited to see that! Thanks!

  • Alix

    Staying tuned for the PC version 🙂 Thanks!

    • OK, thanks for letting me know, Alix!

  • Michelle Lloyd

    Hi, this is a great video. Thanks for sharing. I have just finished my first ever video 🙂 One thing though, i’ve saved it as 1080 but when I’ve posted it in Facebook book the quality is really blurred….any ideas? thanks

    • Congrats on making your first video, Michelle! I’m glad this tutorial helped. 😊

      Unless you used any elements in your video that were below 1080p resolution (such as the background video, if you used one), the final product should be clear.

      I believe Facebook compresses videos, so you may see a slight reduction in quality from the original file. Internet speed could also be a factor.

      If you post the link to your video, I’m happy to take a look to see whether it appears blurry to me.

      • Michelle Lloyd

        Thank you so much for getting back to me. I bought the background vid from shutter stock and i’m pretty sure it was 1080 but i’ll double check.

        Here is the link, if you get chance to check it out I’d be super grateful. Thanks so much, I have been wanting to a do a vid like this for months and finally i found your tutorial and nailed it 🙂 except the blurriness…nearly there