{"id":79895,"date":"2022-01-25T09:00:00","date_gmt":"2022-01-25T15:00:00","guid":{"rendered":"https:\/\/eshop.macsales.com\/blog\/?p=79895"},"modified":"2022-12-20T13:38:58","modified_gmt":"2022-12-20T19:38:58","slug":"creating-animated-movie-titles-using-keynote","status":"publish","type":"post","link":"https:\/\/eshop.macsales.com\/blog\/79895-creating-animated-movie-titles-using-keynote\/","title":{"rendered":"Creating Animated Movie Titles Using Keynote"},"content":{"rendered":"\n

Want to add some pizazz to your videos with some cool animated movie titles? There are third-party apps like IntroMate<\/a> (Mac and iPad) with customizable title templates, or you can use a free tool from Apple\u2014Keynote<\/strong>. In this short tutorial, we’ll show you the basics of creating animated movie titles with Keynote.<\/p>\n\n\n\n

\n\n\n\n

Why not use the basic iMovie titles?<\/h2>\n\n\n\n

iMovie has some built-in titles that are animated, but they’re not that great! With Keynote’s built-in animation tools, you’ll enjoy a lot more flexibility in how your titles look. <\/p>\n\n\n\n

\n\n\n\n

Where can I use these titles?<\/h2>\n\n\n\n

You can use Keynote titles in any tool that supports MPEG-4 movie files as input. Whether it’s iMovie, Final Cut Pro X, or a streaming app like eCamm Live<\/a>, you have the option of creating a professional-looking animated title with Keynote, exporting it to a movie file, then importing it into your editing app.<\/p>\n\n\n\n

It’s easy to do and only limited by your imagination, so let’s give it a try.<\/p>\n\n\n\n

\n\n\n\n

Let’s get creative<\/h2>\n\n\n\n

Ready to start? Follow along as I create a short animated movie title for a video I’m making. I always start by envisioning the type of animated title I want for my project. For example, in this case I want something that:<\/p>\n\n\n\n

  • Starts with a black screen, then dissolves into a photo<\/li>
  • Features animated lettering that appears over the photo with the name of the movie<\/li>
  • Dissolves into another photo, with an animated list of locations appearing on screen<\/li>
  • Fades to black, shows photography credits, then fades to black again.<\/li><\/ul>\n\n\n\n

    Create the first scene<\/h3>\n\n\n\n

    The first step in creating your new title is to choose a theme in Keynote and create a background.<\/p>\n\n\n\n

    To begin, launch Keynote on your Mac. You can use the iPad version as well, but I prefer the control and screen size of a Mac for this type of work.<\/p>\n\n\n\n

    Keynote greets you with the standard macOS dialog for selecting a file. Locate the New Document<\/strong> button and click it. <\/p>\n\n\n\n

    \"Keynote
    Select a theme to use for your titles.<\/figcaption><\/figure><\/div>\n\n\n\n

    Keynote asks you to choose a theme to use. For animated titles using photos as a backdrop, I recommend the Photo Essay theme as a good choice to begin with. <\/p>\n\n\n\n

    You’ll also need to determine what aspect ratio you wish to use for your titles. If your video was shot in standard 4:3 format, select that in the upper-right corner. If you’re working with HD (1080p or 720p) or 4K video, choose Wide (16:9).<\/p>\n\n\n\n

    Once you’ve chosen the theme and aspect ratio, click Create<\/strong>. A blank slide appears.<\/p>\n\n\n\n

    \"Keynote
    A blank Keynote slide<\/figcaption><\/figure><\/div>\n\n\n\n

    This is actually perfect for our first slide! We want to start with a black background. <\/p>\n\n\n\n

    Click on each of the text box placeholders shown above. When the “handles” (small square boxes on the perimeter of the text box) appear, press Delete on the keyboard. Do this for both text boxes, and you should have a black background.<\/p>\n\n\n\n

    Next, add a new slide. Click the “Add Slide<\/strong>” button in the tool bar above the slide. A palette of possible slide types appears. I chose Photo, since I’ve decided my second scene in the title will have a photo background. <\/p>\n\n\n\n

    Select a photo<\/h3>\n\n\n\n

    The Photo slide has a placeholder picture, but it’s not what we want. We want to bring in an image from our own library.<\/p>\n\n\n\n

    Click the background photo on the slide, then click the Image<\/strong> tab in the sidebar at right. <\/p>\n\n\n\n

    A Replace<\/strong> button appears. Click it, then use the standard file picker to choose your photo. <\/p>\n\n\n\n

    Adjust Exposure <\/strong>and Saturation<\/strong> as needed. When the image I chose appeared in Keynote, I used the Exposure<\/strong> slider to lighten the image a bit. This is what my second scene looks like at this point:<\/p>\n\n\n\n

    \"Keynote
    The second slide\/scene of our animated title<\/figcaption><\/figure><\/div>\n\n\n\n

    Add text boxes<\/h3>\n\n\n\n

    At this point, we want to add a few text boxes for my initial titles. To begin, click the Text<\/strong> button in the top toolbar, and a text box appears on the screen. <\/p>\n\n\n\n

    Using the Text<\/strong> tab of the sidebar, select a font family, typeface, color and size. For the top line of text, I selected Avenir Black 36 point in red, while for the main title I used Avenir Black 60 point in black. <\/p>\n\n\n\n

    My title image is black and white, so to make the text stand out a bit, I clicked each text box to select it and then added a Drop Shadow<\/strong> (in white) to the text. Playing with the blur, offset, angle, and opacity of the shadow produced a suitable effect:<\/p>\n\n\n\n

    \"Adding
    Adding a white shadow behind the text makes it more readable.<\/figcaption><\/figure><\/div>\n\n\n\n

    That’s it for this slide; we’ll add the animation shortly.<\/p>\n\n\n\n

    Add another photo slide<\/h3>\n\n\n\n

    At this point I’ll add another photo slide using the process described earlier. In this case, I want to add a list of national parks to the slide. I add one text box, select my font family, typeface, size and color as before, but here I create a non-bulleted list by pressing Return after each park name. <\/p>\n\n\n\n

    As before, adding a shadow to the text (this time in black) makes it more readable against the picture background:<\/p>\n\n\n\n

    \"Keynote
    The second photo slide with titles added<\/figcaption><\/figure><\/div>\n\n\n\n

    Going back to my original vision for the animated titles, I want to add a black screen and some photographer credits to it. That means adding another slide. This time I chose Title – Center <\/strong>from the choices available and added plain white lettering on the black background.<\/p>\n\n\n\n

    \"Keynote
    The photographer credit slide<\/figcaption><\/figure><\/div>\n\n\n\n

    Adding animation: transitions<\/h3>\n\n\n\n
    \"\"
    Select dissolve as the transition between the first two slides.<\/figcaption><\/figure><\/div>\n\n\n\n

    At this point we have a pretty boring slideshow, but we’ll bring it to life by adding animated transitions<\/strong> and builds<\/strong>. A transition is what happens between two slides, while a build happens on a slide. For example, I could dissolve from one slide to the next (transition) and then have text appear at different times with special animations (build). <\/p>\n\n\n\n

    We made our first slide black to add some drama. We want it to stay on the screen for a bit, then dissolve into the first titles. To do that, click the first slide, then click the Animate button on the toolbar. <\/p>\n\n\n\n

    Next click the Add an Effect<\/strong> button. Keynote gives you several options for transition effects. I chose Dissolve<\/strong>. In practice, you may wish to try different transitions by selecting them and previewing the effect. <\/p>\n\n\n\n

    It’s also a good idea to play with the Duration<\/strong> and the Delay<\/strong>. The Duration is how long it takes for the transition to complete, while Delay is how long the transition “holds” before starting. Also make sure to select Automatically<\/strong> under Start Transition<\/strong>. This makes our slide show run without prompting by a click when we try it out. <\/p>\n\n\n\n

    Adding animation: builds<\/h3>\n\n\n\n

    Now we’re on our second slide. With this title, I envision the subtitle (“2021 Trips”) appearing first, followed by the main title (“Visiting The National Parks”). <\/p>\n\n\n\n

    I start the build by clicking on the subtitle, then selecting an effect from the Build In<\/strong> tab. I really like the Trace<\/strong> effect, which looks like someone using drafting tools to do lettering on the screen. As before, selecting a direction and duration for the effect is important. <\/p>\n\n\n\n

    I also selected a Dissolve<\/strong> effect from the Build Out<\/strong> tab. This means that the titles appear on the screen, sit for a moment, then dissolve to nothing.<\/p>\n\n\n\n

    After previewing what the build effects looked like, I adjusted the durations a bit more to my liking. As I recommended earlier, use Automatically<\/strong> under Start Transition<\/strong> in all cases. <\/p>\n\n\n\n

    Finally\u2014and to keep things moving along I won’t demonstrate\u2014I added a fancy Lens Flare<\/strong> Build In effect on the last slide. <\/p>\n\n\n\n

    Make a movie<\/h3>\n\n\n\n

    Now, by this point I’m sure you get the picture on how to add and preview various effects for builds and transitions. When you feel like your titles are complete, click the Play<\/strong> button on the toolbar to preview your titles. Note that you will need to click to progress through the builds, although the transitions happen automatically. <\/p>\n\n\n\n

    When everything looks good, we’ll export our titles as a movie. Select File > Export to > Movie…<\/strong> from the Keynote menu.<\/p>\n\n\n\n

    \"Keynote
    Export to Movie settings<\/figcaption><\/figure><\/div>\n\n\n\n

    Self-Playing is selected by default for exporting as movie. Be sure to select all slides, choose a time for Keynote to move to the next slide or build, and choose a resolution. Here 1024×768 was selected, but you can change resolution to match the video you’re adding the titles to. <\/p>\n\n\n\n

    Click Next…<\/strong>, choose a location and name for the file, and let ‘er rip! My complete animated movie title is a minute long and 27.2 MB in size. The final product is embedded below:<\/p>\n\n\n\n

    \n