How to Make Animated Videos with Keynote | Logan Nickleson ✅ | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

How to Make Animated Videos with Keynote

teacher avatar Logan Nickleson ✅, Keynote Animation Instructor

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

19 Lessons (1h 36m)
    • 1. About This Course

      2:06
    • 2. Hello, and Welcome!

      2:18
    • 3. Course Requirements

      1:10
    • 4. Keynote Walkthrough

      5:26
    • 5. Setting Up Keynote for Video Production

      2:12
    • 6. Creating Custom Characters and Objects

      5:11
    • 7. Importing and Editing Images and Videos

      1:32
    • 8. Applying and Ordering Animated Effects

      3:25
    • 9. Making Animations Dynamic with Motion Paths

      3:04
    • 10. Animating Text

      1:04
    • 11. Automating Animations with Magic Move

      2:32
    • 12. Exercise: Start an Explainer Video

      31:51
    • 13. Exercise: Create an Animated Logo Intro

      13:04
    • 14. Exercise: Build a Transparent Lower Third Animation

      5:23
    • 15. Exercise: Make an Overlay Graphic

      5:34
    • 16. Adding Sound Effects, Music, and Voiceovers

      3:12
    • 17. Exporting Your Keynote Project as a Video File

      1:28
    • 18. Editing Your Video in iMovie

      5:14
    • 19. Happy Animating!

      0:29
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

1,738

Students

7

Projects

About This Class

Discover how to transform your Mac’s free presentation software into a powerful video maker.

When it comes to popular content formats, video is the reigning king. And it's showing no signs of giving up the throne anytime soon.

Just consider the facts: Video has been found to grow revenue 49% faster, drive 12x more engagement on social media, and even increase organic website traffic by 157%.

But you already know making videos is a smart business decision. Otherwise, you wouldn’t be here. So let's address the first part of the question: Why use Keynote?

I'll tell you why.

Most video animation software comes with high costs and steep learning curves. And though there are many online animation tools trying to solve this problem, they require an internet connection and recurring payments.

If you own a Mac, however, Keynote is easy to use and free.

"But Keynote is presentation software," you object.

Sure. Keynote can make presentations. But it also comes with 30 cinematic transition effects for objects and text, more than 700 customizable shapes, and many other useful features for making videos.

In this course, you’ll discover the settings and techniques necessary to unlock Keynote's potential as a robust animation tool. We'll cover how to:

  • Set up and use Keynote as a video creation tool
  • Design custom characters and objects
  • Animate objects, text, and transitions
  • Add music, sound effects, and voiceovers
  • Create overlay graphics (such as lower thirds) for live action videos
  • Resize videos for Facebook Stories, Instagram, and other social channels

… and a lot more. Just check out the videos above for an idea of what to expect.

Is this course right for me?

I built this course with marketers, social media content creators, and entrepreneurs in mind. But I’m confident that anyone interested in learning how to make simple animated videos will get value out of these lessons. No prior experience or skills necessary!

How can I apply what I learn in this course?

Keynote is an excellent tool for making explainer videos, promotional videos, tutorial videos, training videos, and more. You can also use it to create overlay graphics — such as animated lower thirds — that you can then import into a video editor. (This course covers how to do that using iMovie, another free Mac app.)

For more ideas, here are a few cool videos made with Keynote:

What do I get with this course?

  • 90+ minutes of on-demand training videos
  • 4 follow-along exercises with template files
  • 5 popular royalty-free songs from Music for Makers ($125 value!)
  • Custom illustrated character made and editable in Keynote
  • 17 blank social media templates set to best practice dimension ratios

What do I need for this course?

To get the most out of this course, you’ll need:

*There is a web/iCloud version of Keynote. But it’s more limited than the desktop version — which is for Mac computers only. Some of what I present in this course might be possible with PowerPoint for Windows or OpenOffice Impress for Linux. However, this course is not recommended for non-Mac users.

How can I be sure I'm getting the latest, greatest information?

I update this course at least once a year — or more frequently depending on changes to Keynote or student feedback. For example, after several student comments about pacing, I went back and slowed down several of the lessons :)

Meet Your Teacher

Teacher Profile Image

Logan Nickleson ✅

Keynote Animation Instructor

Teacher

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. About This Course: Do you want to create better videos for your business? Are you tired of the costly subscription fees and complicated interfaces that come with most video and animation tools today? If your answer is yes, I've got a secret, one that major video and animation software companies don't want you to know. And here it is. Your map came with an ultra powerful video maker, one that offers 30 cinematic transition in motion effects, 700 customizable graphics and much more wondering why you've never heard of this magical free program. It's because Apple just got the positioning all wrong. I'm talking about Keynote, yes, backing up. But before you click away, allow me to explain. Though commonly pigeonholed as a presentation creator, Kino allows you to build complex animations complete with background music, sound effects, voice overs. Actually, you know what? Rather than just described this to you, let me show you using an explainer video I made with Keynote, this is you. Your heart. It worked growing your social media following day and night. Anything to yourself. You know what would really help more video hunting? So you search for tools to help you make videos. But after hours of scrolling and clicking, you're exhausted and overwhelmed. Nearly everything you find is either too expensive or looks hard to learn. Don't worry, there's a solution you haven't thought of yet. An animation tool that came bundled with your Mac. This is Kino and app, typically used to make presentations lightship, but there's much more to it than that. After all, it comes with loads of animated effects, tons of customizable shapes and objects and an unlimited number of resolutions and orientations. In this course, you'll learn how to turn your max free presentation software into a powerful video maker so that you could make polished professional videos for free. Whether you want to produce a full blown animated video like what you just watched or simply create slick graphical overlays like this Lower Third, this course will make you the king or queen of crafting killer Kino videos ready to get started. Sign up for my course now, and you'll be making awesome videos in no time. 2. Hello, and Welcome!: hi and welcome to keynote for video. Of course, that would teach you how to turn your max free presentation software into a powerful video maker before he began. I want to quickly introduce myself and explain why I created this course. After all, you're going to be hearing a lot from me. I'm Logan Nicholson and I'll be your course instructor, you know, back in 2015 video is blowing up online. Facebook's algorithm began to prioritize video over all other types of media. And if you're like me, you may have started noticing that your video posts outperformed non video post in terms of both reach and engagement. And then, unsurprisingly, all other major social networks, from Instagram to Twitter started supporting and rewarding native video as well. I was a constant marketing strategist for an ad agency at the time, and like any good concept marketer, I recognize that I needed to be creating more video content for my clients. I also felt this need personally because around the same time I have watched a side business selling royalty free music, and I knew video would be an effective way to grow that business, so I did what you've probably done. I started researching video creation tools and software, but most of what I found was either too complicated for what I was trying to achieve or too expensive, especially for my bootstrap business. So I got scrappy. I started researching and experimenting, trying to figure out ways to make videos cleverly, quickly and without breaking the bank. And that's when I discovered the typewriter text animation effect in Kino. You see, I was working on a simple testimonial video for a client, and I wanted to quote to be animated to create more visual interest on Facebook. Keynote turned out to be the perfect solution for this particular task, which then got me curious about what else it was capable of. So I thought I'd see if I could use this presentation software to make an explainer video for my own business. Here's a clip of the result. Music for Makers is made for people who make cool stuff like videos, podcasts, video games, remixes, films on really anything else that needs. After realizing keynotes potential, I became an evangelist. I told my co workers about what it could do. I posted video tutorials on YouTube. And, of course, I started using it more for my own videos and eager to help more people discover the value of Kino as a video tool, I decided to make this course. It covers my techniques and method at a depth I've never shared before, and I'm excited to see what people like you do with the skills and knowledge is course delivers. 3. Course Requirements: To get the most out of this course, you need just three things. First and foremost, you'll need an Apple Mac computer. This could be an I. Mac Mac book, Pro Mac book, Air Mac Mini, any kind of Mac. This is important because the keynote desktop APP does not run on Windows, Lennox or other operating systems. Besides Mac. Now there is a free Web version of Keynote through iCloud, which you can access from any computer. However, it's a limited version, so not everything covered in this course will be possible using keynote for iCloud. So again, this course is really just for Mac owners. Next you need Kino. Obviously, it's a free app that comes bundled with mats, so it should already be on your machine. But if for some reason it's not, you can download it from the APP store. Finally, a good Internet connection is important, as most of this course consist of video content, and waiting for video to buffer over a slow Internet connection is not fun to other things that may be useful but aren't required. Are an iPhone and or iPad. As with the I call version Kino for IOS, an iPad is a little limited, however, it offers a unique feature that the desktop APP doesn't, and that's the ability to create hand drawn illustrations. So if you've got an iPhone and iPad or both, go ahead and download the keynote app later on, I'll show you how you can create custom illustrations and then transfer them to your desktop. 4. Keynote Walkthrough: ready to get started. In this video, you'll get a tour of the Kino Features will be using, as well as tips for setting up your projects specifically for video creation. So go ahead and open up, keynote and let's get to work. Upon opening, you'll be asked to choose a theme. I'll show you how to load up the custom themes included with this course in a later video. But for the time being, select wide at the top and then select. The white theme could choose, and you should see an interface that looks like this. Now let's review keynotes most important tools and features. First, there's the view panel. This allows you to change what your workspace looks like. I prefer to use the default to you. If I'm working with many different elements, I may activate the object list. Next we have the zoom setting. If you need to adjust the zoom to better fit the workspace within your screen view, you can do that here at slight should be rather obvious will use this to create new scenes in our video to remove a slide, simply selected and pressed the delete key clicking the play button will allow you to preview your project and full screen mode, which is particularly useful when you're previewing slide transitions now on to the visual elements. Quick the text button to add a line of text. And under the right format panel, you'll see several settings we can tweak. First, there's the style tab. This is where you can change the properties of the text container you can select from south presets or create your own custom styles. And the next tab you'll find text properties that allow you to edit your text appearance, including things like font, color and size. In the last half, we have arrangement settings, so, for example, you can adjust layer, order, size, position and rotation. You can also change some of these settings by manually interacting with the object. If you return to the toolbar and select shape, you'll see that there are a number of shapes more than 700. In fact, categorized by type, you can search for a specific shape or even draw your own using the pen tool cover. How to use the pinto one later video. If you select a shape, you'll notice the format panel reappear on the right editing shape properties is just like editing text properties. However, in some cases it's possible to customize shapes even further. But we'll get into that later. In this course next to shape, you'll see media. You can simply drag and drop images and videos into keynote, and I find that approach to be the easiest. Rather than using this navigator, however, this navigator is useful for recording sounds, which we will cover in a separate video moving on If you want to work on a project with others, Kino offers this collaborative feature using iCloud. We won't be using that in this course, but just keep in mind that feature does exist. Should it ever be useful. If you click an element on the slide, you'll see that you now have three options under the animate tab built in action and build out build and simply refers to how you want. The object to animate into this live build out refers to how you want the object to animate off the slide, and action is for all the animations you want to perform in between so quickly for the purposes of. Illustration. Let's set the build in animation to move in the action to balance and they build out to dissolve. You're likely noticed that each of these animation tabs include a property settings and in most cases, duration is the key detail to consider as it controls how much time your animation takes to complete. Finally, at the bottom of the panel, we have build order, which allows you to configure when the animations occur. Don't worry. It will spend much more time on that in later videos. Something else good to know is that on the action tab, you can add multiple actions to a single object, which allows you to create complex animations now returning to the format panel. If no objects are selected, you'll see the format properties for the slide itself. Of these various settings, the most important is background. You can change the background, color and style, or even remove the background entirely, which is useful. If you plan to create a graphic overlay that needs a transparent background, the next have is animate. When no objects air selected, you'll see slide transitions. Click, add and effect, and you'll be able to choose from a variety of transition effects. Magic move is a particularly a powerful option will use a lot in this course. Cook on document in the top. Right here you'll find settings for the entire project, usually for videos. You want to set the presentation type to self playing and the delay for both transitions and builds to zero. This helps ensure there are no unintended pauses in your video. Beneath the settings, you'll find slide size, which is essentially the dimensions of your project. If you select custom slide size, you can change your project to any orientation or perspective ratio you like. So if you're working on an instagram video, need a square orientation, for example, we can simply adjust the width to a 10 80 and now we have a square under the audio tab. On the document panel, you'll see that we can either record a slideshow or at a soundtrack. These air, both features, will explore in depth in a later video. Finally, you can customize your toolbar to make it better suited for video creation by right clicking and selecting customized toolbar. Here's how I like to set up my toolbar, but you're welcome to tweak settings to your own liking or keep the default toolbar. - Okay , now, with the basics out of the way, let's get to the fun stuff 5. Setting Up Keynote for Video Production: In this short video, you'll learn how to set project defaults and themes so that you can speed up your workflow . So let's begin by adding a shape, as I mentioned in a previous video keynote comes with a handful of style presets, which you can see on the style tab under format. However, you can customize styles to your liking and save them for later use, which can save you a lot of time. If you're repeating certain styles often to do that, get the style looking the way you want and then arrow over to a blank, preset and click the plus button. And now we have a preset shape of a purple Phil and a black outline. Another convenient way to repeat styles without creating presets is to use the copy, style and pay style functions. You can find these functions under format in the top navigation. Alternatively, you may want to permanently at the buttons to your toolbar, as I've done here as a reminder, you can do that by right clicking the toolbar and customizing it there to use these functions first, like the shape with the style you want to copy and then click copy style. Next, select the shape you want to match and click pay style. Now both shapes have the same style. If you want to delete a style preset, head back to the format panel and right click the style and then select delete style. You can also create textile presets. So if we add a textbook weekend first changed the appearance under the text tab and then select the preset name on the menu that opens. Click the plus icon beside paragraph styles to create a new preset on the style tab. We can also set or create presets for the text block itself. This allows us to change properties like background color. Finally, on the document tab. Under the document panel, we can tweet project delays, settings and dimensions. As I mentioned before, most video project should be set to self playing with no delays. Once you have your project the way you want it, you can save it as a team that you can then reuse so that you're not duplicating your efforts over and over again. To do that, head up to file safe theme, adds a theme chooser, and then simply name your new theme I actually included several quick start templates to help you make videos faster and easier to save these s themes. First, open them and then repeat the steps we just completed. So again, that's file save theme at the theme Chooser. Then the next time you're creating new project and Kino asked you to select a theme, you can choose one of these presets that you've saved. 6. Creating Custom Characters and Objects: As you probably noticed, Keynote comes stocked with hundreds of illustrated objects, and though they're pretty basic, you can customize and embellish them to better suit your needs. As you've already seen, changing a shapes color is a simple is clicking the shape and then clicking a style preset . But that's just where your options begin. For example, if we click this robot and select make creditable, the robot then becomes a vector that we can edit by moving around these small squares and circles that outline it as noted by the little helper at the bottom of the screen, double clicking the points will toggle straight lines, which are indicated by the squares and curved lines, which are indicated by the circles. If you want to add a new angle, all you have to do is click a point on the line between two other points. Now, say we want this robot's arms to be a different color than its body. To do that, we'll need to separate the arms from the body. But don't worry, this robot doesn't feel any pain to break apart of shape. We will first need to right click the points closest to where we want the brakes to occur and select Divide path. After that, right click the entire shape and select break apart. And now we can successfully dragged the arm, boy. But you may have noticed that we lost the interior details of the robot in the process. What happened is those shapes got sent behind the robot body layer when we broke the shape apart. To fix this, click and drag the inside of the robot to select the interior features and then bring these layers to the front. If you haven't set your toolbar up like mine, you can find the bring to front function under a range in the top navigation bar. Now that the arm is separate, we can make it a different color and assign it other unique properties, including animations. So very quickly, just to show you what I mean, we can make the arm move independently of the body. The section on animating is coming up very soon, and we'll dive much deeper into this sort of thing, then. Okay, so what if keynote doesn't already have the shape or object that you need? In that case, you can draw yourself with the pin tool. That's the old fountain pin looking thing in the Shapes menu. When you select that, you'll get another helper note like the one we saw when anything the robot. And that's because you're essentially doing the same thing. Only this time you're starting from scratch to make something, click once and move your mouse, then click again and holders you dragged amounts across the screen. You'll notice that the line curves repeat this process to create a rough sketch of whatever it is you're wanting to create. Remember that you can always go back and double click the border of the shape to clean up the lines or change them from straight to curved and vice versa. I guess I'm making some kind of ugly octopus, but it needs eyes. So let's add a couple of circles. And no one likes a mean octopus. So we'll give him a smile by using the pencil to create a curve and then adding a fill to make this one solid shape, select all the elements and then under format in the top navigation bar, select shapes and lines and then subtract shapes. Now the octopus is a single shape. That means If we change the background color, you'll be able to see it through the eyes and mouth, whereas before those shapes would have been white. This is also a critical step. If you want to save your shape for later use. To do that right, click your shape and select save to my shapes. So now I can add a weird octopus to any of my projects. Another way to create custom shapes is to manually draw them on an IPAD, iPhone or iPod touch and then import them to your Mac. I won't be using this approach much in this course, but just so you know what's possible, let's create a custom drawing on an iPhone. First, you'll need to download the free keynote app on your IOS device. If you haven't already fire that up and then create a new project once the project loads tap the plus icon at the top and select drawing. Now we have a few different tools to work with, including a marker, pencil, crayon, eraser and paint. Phil. Select any of these and just start drawing. It's really that simple. Please excuse my pathetic smiley face strong with my finger on an iPhone is not the most precise way to make art. You can change colors and add color feels by tapping the paint tube and then tapping the shape you want to fill once you're finished. The easiest way to get it on your Mac and my opinion is to share the project file via airdrop. So I've now opened on My Mac, the keynote file that I just transferred from my iPhone. One of the cooler features of using this drawing functionality is that you get access to the line draw animation, and this allows you to recreate the popular whiteboard video style I should mention, since I didn't before. That keynote for Mac does not offer the strong functionality. Even if you have like a drawing pad, it's really only for iPad, iPhone and iPod touch. Okay, so that's an overview on creating, customizing and using shapes in your projects. Next up, we'll look at importing and customizing media files 7. Importing and Editing Images and Videos: the Aquino offers many options for creating your own shapes and illustrations. You may occasionally want to import media from another source. The easiest way to do this is to drag the media file into your keynote project like so that you can't edit an imported image. To the extent that you can add it a shape made within keynote, it is possible to make a few key changes. First, there's cropping. Just double click the image to enter into cropping mood, then dragged the corners of your image until only your desired areas highlighted, click done and keynote will crop the image accordingly. You can also resize an image by clicking one of the corner points and dragging outward, ready for more advanced techniques on the image to have under format click Instant Alfa. This feature allows you to make specific colors transparent. Using the target, click on each color you want to erase. To select similar colors. Just click and drag when finished. Click done to see the changes. If you want to create a custom color filter, replace the colors we removed, outlined the erased space with a pencil, then at a new color fill and send the layer to the back, so that is behind the image. Kino isn't quite as flexible when it comes to editing imported videos, but you can resize the player, add frames and trim the footage. For more advanced video editing features, consider using I Movie, which is another free program for Mac. 8. Applying and Ordering Animated Effects: Now that you've learned how to create and customize shapes, it's time to bring them alive with animations. Before we do that, however, let's make sure our animations look as smooth and natural as possible by clicking Kino in the top navigation bar and selecting preferences in the following window. Select slideshow and then check. Apply motion blur to animations. This step isn't required, but it will make your animations look a little more professional. In this video, I'm going to use basic shapes to demonstrate the general animation process. And then in upcoming exercises, you'll be able to apply what you learnt. So it's a begin. I'm going to add a circle. Then, on the building tab under the animate panel, I'll add a move in effect, and let's set it to come in from the bottom left as a quick reminder, Building effects control how objects animate onto the screen. In this particular instance, I don't really care for the balance animation at the end, so I'm going to disable that. I'm also going to decrease the duration time to make the animation a little snappier. Next we'll create an action. Animation balance is a fun option, however, it looks a little too fun as is. So let's make it balance four times over the course of three seconds there. That's better. Now here's where things get interesting. We can click this ad action button to stack animations on top of each other. So, for example, let's add a move animation to make the circle move across the page, simply grab the ghost version and drag it. We can also customize the motion path, which I'll explain in detail in the next lesson. But as a quick example, just grab the center of the line connecting the two circles and dragon upward. This will create an arc. So when we click preview, the circle will appear to jump over to the other side of the screen for a natural finish. Let's end with another bounce by clicking, add action and selecting bounce. If you lose track of which animation you're working on, it can be helpful to open the build order manager in the bottom right. While we have build order, open now seems like a good time to explain. Well, the build order. First, let's assign the top animation start setting to after transition. This will prevent pauses. When we're previewing the video, we'll set the remaining animations to after previous build. This ensures theano nations play consecutively rather than simultaneously. So now if we hit preview all the animations, play one after another and order. Keep in mind that you can adjust details like duration, easing and decay at any time to find, too, in the animation. Okay, let's finish up by adding a build out animation. We'll go with flip, and after we adjust the build, speed and order, we get this. So we've seen how add animations one after another. But what if you want your animations to occur at the same time? That's possible, too. So if we want this circle to shrink as it jumps, for example, we could select the ghost version and, under format decreased the width. Now we have a smaller version of the circle, but we still need to adjust the build order. We can reorder the build, so at the scale animation, which we just created by re sizing the Ghost Circle and the move animation are side by side . Then we'll change the start setting for the scale animation to with build three. And here's the result again. You can always go back and tweak your animations as necessary. Go ahead and save this project as we'll be picking it back up in the next lesson. 9. Making Animations Dynamic with Motion Paths: At this point in the course, you should have a fundamental understanding of how to build animations in keynote. Now we'll explore the nuances of working with motion paths to make your animations more dynamic and realistic. In the last lesson we made a circle jump across the screen in this lesson will create a square that watches the circle as it jumps. Let's begin by adding a square and giving an eyes by first creating two white circles and then two black circles, then assigned the move action animation to both pupils. As you can see, they both now move outside the white circles, which we don't want. So let's adjust the motion paths by dragging the ghost pupils left. Since the square should seem like it's watching the circle fly overhead will need to create an arc in the pupils motion paths do this by clicking the transparent circle between a pupil and its ghost and dragging upward. Remember, when we customize Victor shapes, it's the same general idea. Here. You can click anywhere else along this line that change the motion path. Of course, we don't need the eyes to be quite so crazy, so let's simplify things by selecting some of the points and hitting the delete key. And just by making the path a little tighter overall, rather than repeat these steps for the second people, we can just delete this one and copy paste this one. Then let's adjust the order of these animations, setting them to trigger together and at the same time as the circle jumping. To do that will need to select the pupil animations and drag them next to the circles. Move animation within the build order manager. After that, we just need to tweak the timing to sync all the animations together. This basically just takes a little trial and error until things look right. The eyes still look a little crazy to me so we can go in and simplify the paths even more. And of course, we could keep fine tuning things here until it's absolutely perfect. But I think you get the idea. So let's move on to more interesting stuff. Hold on to this project as well. Use it for the next lesson, which is about animating text 10. Animating Text: animating text is just as easy as animating shapes, if not easier. All we have to do is add a textbook and select a build in effect. Typewriter is my personal favorite, like with shape animations, text animations allow you to edit duration and many other properties. Let's integrate this typing block text into the rest of our existing animation by moving it to the top so that it fires first alongside the circles entrance, just like the shapes. We can also assign action animations to emphasize the text and build out animations to make it disappear. There's one last step, and it involves using slide transitions that's coming up next. So in just a few minutes we've created a rather complex animated sequence all in keynote. Cool, right? Once again hang onto this project because we're going to use it as a starting place in the next lesson, 11. Automating Animations with Magic Move: We've been working on this project for the last several lessons and become pretty complex. So at this point, if we want to add more animations, we should create a new scene or technically, and you slide and then use animated transitions to join the to. The most powerful transition effect that Kino offers is called Magic Move. And that's where we'll focus most of our attention because the other transitions, like push, slide and fade to white are all rather self explanatory. Magic Move essentially looks for similar shapes on two different slides and then automatically creates animated transitions between them. It's easier to show than tell, so let's get started first will want to duplicate our original slide by selecting it and pressing the command and D keys at the same time. Or right clicking and selecting duplicate on the new slide. We can delete all the existing animations because we don't want them to repeat. We can also just get rid of this text. Now let's take the remaining shapes and simply move them to new locations. We can also change the size, select the first light on the animate panel and then select the effect from the drop down menu, and already you'll see a preview. Click the play button to get a more accurate feel for how things will transition after all the animations fire. But since the Blue Circle builds out what they flip animation on that original slide, it's not available for the magic move. So let's delete that animation. And then when we try again, we get this. Let's duplicate this second slide and with shapes again, pro tip. If you're re sizing multiple shapes at once like we are with this square first group all the shapes to ensure that they re size and proportion. Just don't forget to UN group them after re sizing. Otherwise, Magic move won't work correctly and then repeat for 1/4 time for an even greater effect. Go back and re oriented pupils so that they always follow the circle from scene to scene like So, are you starting to get a sense of the possibilities Here you can use magic move to automate pretty awesome animations, and the exercises that follow this lesson will help you do just that 12. Exercise: Start an Explainer Video: Let's put together everything you've learned so far by replicating part of this course is explainer video. This is what will be recreating to get started. Open the explainer exercise keynote project included with this course so that you have the original animation to reference just in case. First we need to create our main character the King of keynote as this. I know I did include a template of this character that you're welcome to edit and re use in your own projects. But I thought it might be helpful to see how I actually made them step by step. Since we've already covered how to create custom shapes, I'll give you a break from all of my talking and just let you watch the process so way, uh, way you know, you, you you No, - you you No, you know you. No, you you know No. No. Okay, now that we've finished our character, we can get to animating at a move action animation toe one of the people's to make the people sweet back and forth. We'll use hard angles rather than curves. This will keep the motion path tight and contained. - We may need to come back and tweet timing. But this should be fine for now. For the second people, let's just copy and paste the animation of the first by selecting it and then using the copy paste animation function under the format menu. Now we just need to set both animations to fire at the same time. Next will create the illusion that the character is typing by assigning the jiggle action animation to his arms. The original settings look too jarring, so let's change the duration 23 seconds and the intensity too small. Then we can set the animation to play with the previous builds, and we have. This looks pretty good, but we still need to animate the text for that. Let's assign the typewriter building effect to the this text block and set the duration 2.25 seconds. Then we'll give the arrow a building animation line, draw and set the duration to half a second. Finally, at the typewriter building effect to the second book of text, with the duration of 0.75 seconds. Now let's adjust the build order. We want the this text to appear when the other animations start, but let's give it a slight delay of 0.1 seconds, then set the arrow and second block of text to start after the previous build. Here's the result for reference. This is the original, so it looks like our new version spends more time typing. But since this is just an exercise, that's fine, and to fix that, all you need to do is go back to the animation, builds and decrease the duration time. But we're not quite done yet because in this second seen, the character looks up and blinks. So let's recreate that to begin will duplicate our first slide and remove all of the animations. Then we'll move the eyes so that they're looking straight ahead. Next at the magic move transition effect to the original slide. As you can see, the magic is working, but let's make it a little faster by changing the duration toe. Half a second looks good now to make our character blink first, create closed eyelids by adding circles. Then for both eyelids, set the build an animation to appear the action animation to blink with a short duration and the build out animation to disappear open the build order manager and make all of these fire one after another and set the first animation to start after the transition. This is what your blink should look like now, but the islands are currently on top of the glasses, so make the glasses the top there by right clicking them in selecting. Bring to front or by just clicking the front button. Assume you've added it to your toolbar. You may be thinking that the blinks look rather slow, but if we play rather than preview the animation, you'll see that they actually animate at a more natural speed. I'm not really sure why the preview speed differs from the place speed. In this particular case, I guess it's just a quirk of keynote. Here's the original one more time and then our new version. This exercise was on the longer side, but I hope you got excited about applying what you've been learning. By the way, I included this Explainer Videos full keynote project in this course. So if you're up for a bigger challenge, consider trying to recreate the entire video 13. Exercise: Create an Animated Logo Intro: one of my favorite things to create in Keynote is animated logos, and in this exercise, I'll show you have to do just that by recreating the keynote for video logo animation, which looks like this. Open up the project file that goes with this exercise and create a new slide to save time. I'm going to paste in our king of keynote character, which you can find in this course is Resource is and then delete his body. Next, I'll remove his neck by right clicking the head, selecting make creditable do, eating these points and finally adding a point for his chin and the video. The characters headfirst lands in the middle of the screen, so let's move the head there now. Then select all the elements and add the squish build in animation with a duration of 0.75 seconds. If your preview looks a little choppy like mine, don't worry. The export version will be smooth. Keynote is just processing several animations on this one slide so it gets a little bogged down in the original animation. After the headlands, the character looks around, Then the head slides to the left, rotates and weeks to recreate these effects will duplicate our first scene several times, change a few details and then use magic move to, well, make the magic happen. Set up the slide effect by duplicating the first scene, grouping the head elements together and then adding the magic move transition effect. Now duplicate this scene and move the head to the left. Finally, duplicate this lasting because we'll add more animations to the head after a slides. Now that we've got all of these new scenes, it's time to change a few facial features. So let's go back to the first scene, duplicated and remove all of the existing animations. We'll need to add move action animations for the pupils and eyebrows to make the character look around. Let's do that now. Remember, the copy and paste animation functions are your friends been creating duplicate animations whenever you're stacking multiple animations like we're doing here. Keeping track of build order is super important. Consider that two or more animations set to start at the same time should also have the same duration. Otherwise, the animations may start at the same time, but they'll look out of ST when they play. Okay, I think the facial animations look good. So next we need to duplicate the slide and use magic move to transition the facial features back to their original state. Here's how things look so far, since we already set up the sliding left scenes that you can see those that work now Too cool. I don't actually need magic move on this slide so we can remove that. Now we can add the text so we'll type out the course name for the sake of time. I'll just copy this description. Text change the thought and good enough. What's animated in the original logo animation, I used the dissolved building effect for the course name and then the typewriter effect for the description. I just need to adjust the duration here and next will rotate the head to prepare for the week. Let's set that to start after the text finishes animating. Okay, now we can duplicate this slide. We need to make a note of the heads rotation angle because on this slide will start from that position. So as you can see, the angle is set to 15 degrees so we can delete the animations here and then change the heads angle to 15 degrees for whatever reason, that made the head rotate the opposite way. So let's do the opposite. 345 degrees should work, since a full rotation would be 360 degrees. Yep, that looks right now. We want to on group the head elements next at a circle, which will serve as the closed eyelid, then change the color to match the open island. To make that I look like it's winking, we can duplicate an eyebrow and just tweak a few settings. Go ahead and group these elements together and send them behind the glasses layer. We also need to change the mouth, which turns into a smile when the character wings. So let's duplicate the mouth, adjust the size of little. We want a big smile and make it white. Once again, let's just duplicated in eyebrow and change a few details, - and we have a beautiful smile. We just need to send it behind the mustache layer. Now we can add build in and build out animations for both of these elements will use the iris effect. You should set the direction for the eye to end so that it looks like it's closing. The inverse is true of the smile. Setting the direction to out will make it seem like the mouth is opening into a smile. Be sure to set these animations to start together, then create build out animations again. We'll be using the iris effect, but this time we'll use opposite directions so that the eye looks like it's opening in The smile. Looks like it's closing. Set these animations to start together, and then let's create a 0.25 2nd delay after the build and animations. We don't want the link to be too fast. Finally, to wrap this up, we just need to duplicate the slide and delete the smile and weak. We can then group the head elements, duplicate the slide yet again. Don't forget the magic move on the previous slide and return the head to its original position by giving it a rotation angle of 15 degrees. Okay, let's see what we've got. Awesome. As I mentioned, that squish effect looks better in the final video. I'll export this project to show you what I mean. I'm going to cover exporting in the future video, but the process is pretty simple. Just go up to file and select export to and choose movie. Then on the following window, you can select the resolution. I'll use 10. 80 p, give it a name, Click Export. And here this. So this is the original. And this is the version we just created. Notice how much better the squish effect looks. I hope you had fun making this animated logo, and I'll see you in the next lesson. 14. Exercise: Build a Transparent Lower Third Animation: One of the most common examples of animation and video is what's known as a lower third. As the phrase suggests, lower thirds typically appear in the bottom part of a video, and they're typically used to communicate relevant information such as the name of the person shown on screen or that of the company that produced the video. And this exercise will recreate the lower third that I made for this course. Here's what it looks like to begin copy the king of keynote character from the provided Project file, then open this exercise this project file and paste the character. We'll only need this head. So go ahead and to eat his body and then right, click the head and selected. Make creditable. Remove his neck by deleting the bottom most points and adding a point for his chin. Then group the head elements together by selecting them all and clicking the group button. If you've added to your toolbar, as I have, alternatively, you can right click and select the group of function, then move the head to the bottom left corner of the slide for the built in animation will use pivot and set it to enter from the bottom left with a 0.5 2nd duration. Next, we need to create a shape that will hold the text. So Addy rounded square and that just sizes until everything looks nice and balanced. The shape is unique in that it allows you to change how rounded the corners are by clicking this green circle and dragging change colors to your liking and then send the rectangle to the back again. You can also right click the shape to find this function. The next step is to create the text components for our lower third, so let's add a textbook and type of name for the original Lower Third. I used all caps for my name and set the font to future. For greater contrast, I'll change the text color to White as a shortcut. You can just copy and paste the first textbook and then adjust the settings and in no time at all, we have a secondary textbook. Let's create a building animation for the text container. Wipe is what I used originally. What does need to adjust the duration and direction next added dissolved building animation to the text like so then set all of these animations to start one after the other. With the exception of the second block of text, we want that to appear at the same time as the first textbook halfway done. Now we need to add build out animations, basically just a reverse of the build ends. But let's create a two second delay. Otherwise, the lower third would disappear before anyone could read it. Here's what we've got so far, do you? In the animation, we can make the king of keynotes head move to the bottom right of the screen, where it will serve as a branded watermark. To do that, we'll simply add a move effect and shrink down the ghost version of the head. Let's finish up by adding a little extra padding at the end, de select everything and then, on the animate panel, set the transition to start automatically with a delay of one second. Here's the result Looks great, but the background is white. Since we want to lay this on top of video footage, we need that background to be transparent. So under format, change the background to know Phil, Then click file export, too, and select movie in the following window under resolution, Select custom and for compression type pick Apple Pro Rez 4444 This step is important if you skip it, The final video will not be transparent. You can also adjust dimensions here if you like. Go ahead and export the project. And when you open the export of file, this is what your lower third animation should look like. From here. You can import this overlay into your video editor of choice In a future lesson. I'll show you how to do that using I movie. 15. Exercise: Make an Overlay Graphic: and this exercise will combine live action footage with animated graphics all within keynote. We use this video of a cat looking around. What's it looking at? Well, that's what we're going to create. Start by dragging the video into the project, then at a flying saucer from the Shapes browser to make it look more three dimensional. We can apply ingredient to the shape. Now the fact that you can see through parts of the spaceship seems a little weird. So let's fill in those transparent spots with another shape. Remember, right click and select. Make creditable to change the shape of an object, - and we can repeat this process for the bottom of the spaceship. - Now we have a pretty good looking UFO. Go ahead and group these shapes together. Next, let's make the UFO fly onto the screen by first placing at offscreen and then adding a move animation. Be sure to set this animation to start together with the video. To get the timing right, click the video and under format, click the movie tab. Here we can use the poster frame tool to identify when certain things happen in the video. So, for example, we can see that the cat looks up around the two second mark. That means if we set the UFO animation to two seconds, things should sync up nicely. Now we can add additional animations, including rotate, scale and move to make it look like the spaceship is hovering above the cat. I just want to play around with build order and timing a bit until you're happy with the result. That looks pretty decent, but let's see if we can find a better scene in the cat video who this part should work well . So let's use the trim tool now to make the video start at 18 2nd mark. And since we're changing that, we'll need to adjust the delay of the first animation, too. Here's what we've got. You just transformed a boring video of a cat to a video of a cat very intently watching a UFO much more interesting. Now let's say this is a video by clicking file export to movie, and then we can adjust the resolution and export. And here's the final version 16. Adding Sound Effects, Music, and Voiceovers: Once you finished animating an awesome video, it's time to add a little polish with audio. Kino allows you to add sound effects, background music and voice overs. In this lesson, you'll learn how to add audio to your Kino animations, starting with sound effects. You may recall this project for my previous lesson when we made a circle jump over a square to really bring the animation to life. Let's record a sound effect for the jump movement in the top navigation bar. Click answered and select record audio. Next, click the red button to start recording and make your best push sound. When you're finished recording, click the stop button. You can then preview the recording if you like, or just click answer. After making a recording, you'll see the speaker icon. It won't be visible in your final video. Keynote just shows it while you're editing so that you can easily make changes if necessary to connect this sound effect to the jump. We can set the audio to play along with that particular move Action, just like when we're managing animations, so rearranged the order and changed the start setting. Okay, that's for you. Sounds like The timing is a little off weaken. Tweet the recording by right clicking it and selecting edit recording, then just dragged the edges of the wave form as necessary to tighten things up. When you're happy with the results, click This is There's icon, click Done and finally click Save. Now our animation and sound effects should match up better. If you don't want to record your own sound effects, you can also achieve the same result by dragging an audio file onto the slide. Next, let's add background music. First, click the audio tab under the document panel and then in the soundtrack box, dragging a song file as a reminder. This course came with Tim background tracks that you can use in your videos, so feel free to import one of those. Once we've added a song, we can adjust the volume, but that's about it. In terms of customization. Keep in mind that this music will start when the video starts and play until the song ends , assuming we're using the play once setting that's currently selected, or until the video ands, whichever happens first. For more advanced audio editing features and timing options, I recommend using I movie. A lesson on that is coming up soon. Finally, they can record a voiceover by clicking Play in the top navigation and selecting records slideshow. We'll then see this presenters view to start recording your voice over. Click the red button in the bottom left keynote will count down, and then you just start talking so you can perform your voice over. As the video plays. Note that hitting the arrow keys while you're recording will manually change the slides, so I would try to avoid doing this as it will likely messed up the timing of your animations and transitions. If you make a mistake while recording the voice over, you can click a point in the timeline before the mistake and start recording again from there. Just keep in mind that everything after that point will be replaced. After we've recorded a voiceover, it will appear on the audio tap over on the right. As you can see from this panel, we can either change the recording by clicking record or deleted by clicking clear. Since Kino offers these audio tools, you really don't need any other software to finish your video. However, as I mentioned I movie does offer mawr editing flexibility, which could be useful depending on what you're making. So I'll share some basic tips for moving your Project I movie and a future video. But first we'll cover exporting your project from Kino. 17. Exporting Your Keynote Project as a Video File: the last step of making a video, Aquino is saving it as a video file rather than as a presentation project file. I've touched on this topic and previous lessons, so you may remember that will click file export to and movie. But here's something we haven't covered yet since we added a voiceover. We have this slideshow recording playback option. If you want your exported video to include the voiceover audio, you'll need to use this option. Otherwise, we can select self playing. Make sure that the numbers for both go to next slide and go to next. Build our zeros if you end up with unexpected pauses in your video, it's likely because you have delays set here. But as long as you said your keynote project up the way I recommended in the beginning of this course, you shouldn't have any problems under resolution. You can choose from a couple of common sizes or click custom for more control over your videos dimensions. The setting is also critical. If you want to make your videos background transparent, let's do that now. So first we need to go into the slide format and change the background to know Phil. Then, when we return to the export settings, will select custom and Apple Pro rez 4444 And when we export the first slides, background will now be transparent. That's really all there is to exporting. Simple right. At this point, you may be done with your video, and if so, congratulations. But if you're wanting to fine tune things like timing and audio, or to combine your animations with live action footage importing your project, that's I movie. Maybe the best next step, so we'll explore that in the next video. 18. Editing Your Video in iMovie: the Aquino is a surprisingly powerful video creation tool. It becomes even more useful impaired with I movie and this lesson, we'll walk through a few examples of how you can use I movie to enhance your keynote videos . Now I could make an entire course on using I movie itself. So in this lesson, we're really just going to scratch the surface. Let's begin by opening a new I movie project and importing your exported keynote video. You can also just drag it into the media library. I'm going to use the final result of our animated logo exercise. One thing to keep in mind is that my movie is limited to a horizontal video orientation. So if you're making a vertical or square video and keynote, you're better off just doing the full production and keynote. Only once we've imported the video simply drag it into the Project Timeline. Now I movie has several features and functions, but I'm just going to cover the few that I think you'll find the most useful after making a video with keynote. The first of these is the ability to adjust timing of the scenes. So let's say, for example, that we want to lengthen the scene after this headlands. In that case, we'd separate that scene by clicking on either side of it, impressing command and the Beaky together. This is a shortcut that splits the clip. Then we'd click this speedometer icon and under speed, select freeze frame right away. You can see that the clip got longer and we can adjust the length by clicking and dragging these little handles. In addition to freezing scenes, we can also speed them up or slow them down. So if we wanted the squish animation to play slower, we would separate it again with command and be and then select slow and the speed settings . We can also remove scenes entirely, so if we needed to short in this video, we could identify a part of it to remove life the animation of this text. Then we would separate that section and simply hit the delete key. As I mentioned in a previous video keynotes, audio capabilities are a little limited, but I movie offers a lot more flexibility to illustrate that point. Let's add a sound effect to the squish animation, head over to audio and search for Buoying as you can see we've got a few. Actually, let's add this one by dragging it to the timeline below the video, then we can just drag it around until it matches up with the video. Well, you know you well. You okay? What about background music for that all dragging my own audio file and we could just insert it at the very bottom next to the music icon. And now we have a background track. If we want the track to end in a semi natural sounding place, we can find a suitable break point, separate it and delete the remaining audio. Then we'll create a fit out by grabbing the right handle and dragging to the left. Now are videos a bit too short, though, so let's add another freeze frame. Okay, here's how the entire thing looks. When you're happy with the end result, click the send icon in the top right and select the file option. Now you can save this video wherever you like very quickly. Let's also try adding a graphic overlay to actual video footage so I'll import are lower third that we worked on, and you might remember this cat video since we exported the lower third with a transparent background. We can position in over the cat video in the timeline without covering up that cat video. Just like in the last example, we can split this clip and make it longer so that it lasts for the whole video. There are so many other things you can do within i movies such as add filters, stabilize shaky footage, customized color grading and even add slow dramatic zooms. I encourage you to play around with it a bit more. Once again, we can add background music. This time, I'll use something from my movies library. Keep in mind you are allowed to use I movies audio in your projects, including commercial projects, but your options are a little limited, as you can see. That's why I included several free songs with this course, and you can find more over on music for makers dot com. Okay, now we've got this sweet video, and we can export it the same way as before. 19. Happy Animating!: Well, that's a wrap. Thank you so much for your time and attention. I hope this course has helped you see Kino and a whole new light, and that now you'll be able to start making awesome professional animated videos. As a result, be sure to reach out and show me what you make using the techniques we've covered. And if you have any thoughts or feedback about this course, I'd love to hear about that as well. In the meantime, happy creating.