Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
When you combine behaviors and keyframes in Motion, you can get some really powerful animations. Let's make this text Zoom Out at the screen and kind of bounce when it resolves. So select your text, and we will start with keyframing. Go to your Inspector, and since we are on Frame 0, let's adjust our Scale to 0; since we want it to start from nowhere. Go ahead and add a keyframe. Move 15 frames down your Timeline, and let's add another keyframe and change the Scale up to 100.
Move your playhead back to the beginning and hit your spacebar. That's a little too smooth, I want it to kind of really Zoom Out there. So let's adjust our keyframes. Open the Keyframe Editor; Cmd+8. Drag a box over all of your keyframes, and right click on your keyframe. Under Interpolation, we want it to increase exponentially, so choose Exponential. Now you will notice the speed gradually changes and then pops right in.
So move your playhead back to the beginning and hit your spacebar. There we go, that's a lot closer to what I was looking for, and now let's use behaviors to polish this animation a little bit. Go back to the Timeline, and if you click this button down here, that will reveal your keyframes. So click the button and move your playhead back to your last keyframe, and let's add an Oscillation to our scale; and I will show you exactly why we want to use that behavior in a second.
Go ahead and right click on your Scale and choose Oscillate; and this is a Parameter Behavior, since we are applying it directly to the Scale Parameter. Go ahead and choose that. I don't want this behavior to start until the 15th frame, so go ahead and hit I to trim your in point for your Oscillate Behavior. Now let's open the Keyframe Editor, and even though this is in the keyframe, you will notice the value is actually changing here. Behaviors actually show up in your Keyframe Editor. Now, I only want this bounce to happen over the next 15 frames.
Move your playhead down in your Timeline another 15 frames, and hit O on your Oscillate Behavior. Now, this isn't quite the way I would like the speed to adjust, so let's adjust the speed of the Oscillation. Go ahead and drag it to the right, and I think that's just about perfect, 49. The reason I think that's perfect, if you look at your speed graph here, it goes all the way up, and then it comes right back down and just bounces a little bit below, before it comes out.
So let's Rewind our playhead back to the beginning and hide our Keyframe Editor, F6, and hit your spacebar. Deselect or Cmd+/ to turn off your Overlays. There you have it, a very organic, powerful animation, using both keyframes and behaviors.
Get unlimited access to all courses for just $25/month.Become a member
93 Video lessons · 28323 Viewers
135 Video lessons · 62938 Viewers
79 Video lessons · 21271 Viewers
350 Video lessons · 106237 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.