Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Motion: Principles of Motion Graphics, Ian Robinson shares the core concepts and techniques used to create real-world motion graphic elements in Apple Motion. The course starts with finding the initial inspiration for a project and then covers how to bring those ideas to life using the tools in Motion, including type treatments, filters, textures, and lighting. Two projects demonstrating how to animate a title sequence and how to assemble a graphics package are also included. Exercise files accompany the course.
Now we're continuing building our title open animation from the second video in this chapter. And to see where we're at, let's go ahead and watch a preview of our animation. And as you can see, we have this initial box animation, and it's taking extraordinarily way too long. Now the reason I am saying it's taking too long--when I typically build title animations like this, I build modular graphic elements, and I would like those elements to be roughly the proper time.
So in this instance, if we select the Open Textures layer, you can see that the amount of time this graphic is on the screen is the entire open. Obviously, that's a little too long. So let's go ahead and trim this in the Timeline. Now I just want this to be a part of the Open, so let's move our playhead back to around two seconds in the Timeline, and again making sure that we have our Open Text group selected, press O on your keyboard and that'll trim the out point.
Now, let's preview our animation to see where we're at. And that looks pretty good, but it's still a little slow. I want to have a little bit more energy in the Open. So let's select our sequence behavior for our Replicator. So in the Inspector, under Behaviors, let's add another loop to this animation. Now, this is going to fade these boxes on twice before it finishes in two seconds. So that should make it significantly faster, but before we preview the animation again, we should revisit the End Condition.
Right now, it's set to Hold, and I don't want there to be any jump in this animation, so I am going to set the End Condition to Ping Pong. And literally, it means what it sounds like: it goes one direction and then ping-pongs back the other direction, just like a ping pong ball in a ping pong match. All right! So let's play it and check it out. Cool! That was perfect. So it went all the way out and then came right back in. What we need to do is start another graphic element to transition our eyes to the next part of our title open.
So I have a layer for that already set up, and let's just turn off our Open Textures for the time being. And if we turn on our Brush Transition layer, you'll notice it is three seconds. What I want to see happen is this brushstroke actually appear on the screen. I know it's kind of hard to see, so let me deselect and just scrub here, so you can see. I want it to draw on the screen, but I want multiple versions of that stroke, and I want them to actually appear within the edges of our original texture.
So while I am not going to worry about timing out immediately, right now, from this background initial build into our new transition, I do still want to place our new transition. So let's select our Brush Transition group and open it up, and you can see I have a Bezier brushstroke. Since I want to have multiple lines coming down, let's just make it into a replicator. So go ahead and click the Replicate button in the top of your canvas, and just resize this until we have one brushstroke for each one of these dark areas in between our tiles.
Now, as you're positioning the edges of your replicator, you can actually check the specific size right over here. If you had a number in mind, you could definitely put that in there, but I think this looks pretty good for right now, so we'll leave that. But I want you to pay attention to columns and rows because right now, I have 5 and 5. And if you actually decrease the number of rows, look, see, I am not getting all these other lines appearing here that happened to be overlapping each other. Now, we just want one row and five columns, so you can see we have 1, 2, 3, 4, 5.
So we're good with that. Now we just need to go ahead and animate these. Now I want to draw the viewer in towards the title. So to do that, I want these lines to tilt straight towards the camera, and we'll do a camera move that'll zoom along these lines and pull us into the next part of the animation. So in order to do that, we need to visit the 3D section of this replicator. Now that we've turned on 3D, we can go ahead and apply a behavior under Add Behavior, and we want to add a Replicator behavior, and we'll sequence that replicator, so they'll flip down in sequence.
So since we enabled 3D and we've applied our sequence behavior, now if we expand the Rotation option, we can go ahead and click and drag in one of the wells. You notice here, as I drag on the X, I can see that the scale is changing, but other than that, I can't really see what's going on. That's because the camera is facing directly at that line. So we need you to go up here and change our view to Perspective, and if we orbit around here, now you can see that this line is actually tilting straight towards us, which is exactly what we want.
So let's go back to our Camera view, and if we press Shift+Z, we can refocus the scale of our canvas. Okay, so we've got our rotation set. Actually, I want this to rotate 180 degrees, so it'll be pointed straight into the camera. Now the only issue I am having is the fact that this replicator is the entire length of the composition. So in order for me to see these other lines flipping down, it would take extraordinarily way too long.
So let's go ahead and trim the length of our replicator. If we select our Replicator layer, let's just move our playhead down to around three seconds, and here we can actually see the lines moving. Let's go ahead and press O to trim the out point. Now if we actually rotate, you can see the lines come down, and they're starting their rotation. Now as you can see, they're actually flipping around, and I don't want that, so I want it to actually be in 90 degrees, so let's change it to 90.
And now, if we check it out, yes, they're rotating down, and they're pointing directly at us. Okay, so if we go ahead and check out our animation here, now we can see we've got the boxes and we have our lines actually coming down and rotating. So, those transitions are looking pretty good for now. Obviously, I'd want to keep going and building more transitions, but we will do that in a later video. But for now, I hope you see what I am doing in building graphics in a modular fashion.
There are currently no FAQs about Motion: Principles of Motion Graphics.
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.