Master Apple-Style Text Animations: Easy Steps for Stunning Results (Full Transcript)

Speaker 1: Hey everyone, welcome back to Camp Keyframe. My name is Bas, and in this video, I'm going to show you how you can create those nice text animations, just like Apple does. So I've recorded a little voiceover here, just because these texts, we can see them multiple times in Apple animations, like the text is moving on screen, following the voiceover along, and it kind of does this fun, playful thing. So I've done this in the past, but I've got some new tricks that I want to show you. So this is the voiceover I created. Those nice and quick text animations, just like Apple does. It's very easy, looks really cool, and works great.

Speaker 2: Now you can create those nice and quick texts.

Speaker 1: So it loops nicely. And the first line is those nice and quick text animations. So I'm going to type in those, and I want them to kind of appear on screen right after each other. So I can cut this layer off and duplicate it, and then here, type in those nice. So then I have two words. But what I can also do, it's way easier, just open up the source text here. So if you open it up here, go to text, and then we have source text, click on that, and it makes a keyframe. It's a square one, and that's because it's a hold keyframe. So it doesn't move in between. So if I go a bit further and I type in nice, then at this point, the source text changes from those to nice. And because it's a hold keyframe, that means that it only changes on this keyframe, not in between here. So those nice, and a little bit further, and then here, quick text animations. Nice. So if I play that back, let's put this up, put sound up so you can hear my voice as well. Those nice and quick text animations. So if I play this back, so here I said nice, so put the keyframe over there. Nice and quick. It's always a little bit of playing around. It's always faster than you think, stuff like this. Cool, so now that's done. So the next line is just like Apple does. So I'm going to cut this off here, duplicate it, put it over there, and then we're going to open this up and delete all these keyframes, and just type in just like Apple does. I'm actually going to duplicate it, press Command D, and the bottom one here, I'm going to make a different color, it doesn't matter which one. And in here, I'm going to type in just, because I want these words to be separate objects, separate layers, so place it over there, and then duplicate it and press Command D. Like, I'm going to zoom in here, just place it on top here, like. And then duplicate it again, Apple. So the red letters are just here for as a template, so I know where it goes. Does, okay, delete the red one. And these four, I'm going to give them a P position, and then, oh, I want all of them, position keyframe, yeah. And then over here, I'm going to drag them to the right, so they come in sliding from the right to the left. Select them all, right-click, Keyframe Assistant, Easy Ease, open up the Graph Editor, and then select this. I want them to pop in fast, so I'm going to put all of this to the left and these to the left as well, so it can start really fast and then gets down slow, so it kind of pops in. Just like Apple does. X animations, just. So at the just. X animations, just. Like that, and then we're going to go like a frame further, Apple, one frame, and then the, so it's all one frame. This until there. And then this one needs to kind of mimic the movement of just like Apple does, so I'm going to give this a position keyframe as well. But we're going to move this to the, whoop, to the left here, and then give this the opposite easing, so this kind of needs to start slow and then ends really fast, so it kind of has the great, nice momentum going, so. X animations, just like Apple. That's too slow, so turn that in.

Speaker 3: X animations, just like Apple does.

Speaker 1: Maybe this can be a bit faster, so just tweak this and play around with it. So now I'm going to create a null layer, Command, Option, Shift, Y, or just go to Layer, New, Null Object. It's a null object. I'm going to cut this off here. Let's make this a separate color, make it none. And I'm going to parent all of these to this null. And the next text is, it's very easy, so I'm going to duplicate this one here. Go over there, delete the keyframe, and then put it in the middle here. Type in it's, and this null object, let's place that down here. The transition to this next layer is I want all of these words to kind of zoom in, but if I zoom them in with Scale, they all scale from themselves. I want them to scale as one line, so that's why I parented them, so the parent now can zoom the whole thing in. So if I press Scale, and then zoom that in a little bit, let's just cut these layers off right there, and give these also some easy ease. And now if I want to start slow and end fast, like that. And this one is the opposite, so if this zooms in, then this one needs to zoom in as well, so it needs to end on this scale, 100%, and then it's going to start a little bit smaller, like that. Okay. Same thing here, come in quick, and then we have this. It's very easy. I think here it need to be the it's, okay, this can be quicker, only to be done quick, quick, quick. This is also quicker, like this. It's very easy.

Speaker 2: Yeah, nice, and then I'll open this one up

Speaker 1: and go to Text and Source Text, and this time I'm not going to change the whole text, I'm just going to add something new to it. So in here, so it's going to it's, and then I want this to be very, very small. Very, so space, very, and now it kind of, it's nicely aligned in the middle, because the text is aligned in the middle. So now it just kind of opens up, and then here it's very, and then again, space, easy, easy. So now this tick, tick, tick, it opens up. So let's see how that looks. Nice, okay.

Speaker 2: It's very easy.

Speaker 1: And then I think here I start to say, looks really cool. So duplicate this here, and in this case, we're going to type in looks really cool, and I'm going to give this a position. So click on the P, and I'm going to turn places up here. So it kind of slides down. So that means that this one needs to slide down as well. So this is sliding down and this one as well. So I put the key frames at the beginning here, give them all easy ease, and this one yet again, turn it way up, and this starts, turn it way up the other way. So now we have this transition, kind of as you see it, and it kind of turns into the other one. So let's see how that looks in timing wise.

Speaker 2: It's very easy, it looks really cool.

Speaker 1: Looks really cool, that is correct, sir. Looks really cool. And then we have, and works great. So duplicate this again, place that over there. Okay, and then let's, and works great. And I also want this in separate words, so do the same thing, make this one red, and the top one, make them separate words. So and, place it there, command D to duplicate, works. Command D again, great. Nice, delete the bottom one. And this I want to have them kind of playfully appear on screen, so position, and then maybe, and works great. Okay, right click, key frame assistant, easy ease, and this same thing yet again, zoom in here, bloop, bloop. Okay, and let's turn that to the left, and I'm gonna give this a hard cut, so it just cuts to this, and I'm going to time this, of course, to the voiceover, whoop, wrong button.

Speaker 2: See how this looks. Really cool, and works great.

Speaker 1: Little bit later, I think, okay.

Speaker 2: All, and works great.

Speaker 1: I think around here I'm gonna say now.

Speaker 2: Now, you can create.

Speaker 1: Oh, yeah, so I'm gonna duplicate this, and it says now. Now, put it in the middle, and I'm gonna give this some, again, some text, source text, and then here, let's do the same thing. Now, space U, a bit further, space can, a bit further, space create, that's it. So now we have the full thing. Let's give this another null object here, so create that, and then make that none, and select these three, and parent them to those. So these ones are now parented to this one, and this one the same. Let's just have this kind of zoom out to make it a little bit smaller here, like that. Kind of the same tricks over and over again, but it makes it really dynamic. Cool, let's just give this a little bit of a zoom in here. Okay, and then let's, wow, that's really small, like that, and then give the word, the those, scale as well, and let's have this start bigger, and then easy ease that. All right.

Speaker 2: Those nice and quick text animations, just like Apple does. It's very easy, looks really cool, and works great. Now you can create those nice and,

Speaker 1: so let's cut this little thingy off here to make it nice and clean, and I can do some stuff as well. So just duplicate the background here, have it start over there, and then solid settings, and make that white, and the solid settings of the dark background, so I'm gonna copy the color here, the dark blue, and just give all of these letters that color, these words, so now it kind of snaps to there. So, okay, let's do that again here, and works great. So this, these colors, this blue color, and then I need to cut this off here, of course. Cool. Maybe we can do, looks really cool as well, give this a little bit of a scale, so let's start here, and maybe get a little bigger, just while it's on screen, so we can a little bit of a zoom in.

Speaker 2: It's very easy, looks really cool, and works great. Now you can create those nice and quick text animations.

Speaker 1: Cool. That's it. Support me on Patreon to download the project files for this and all the other videos. Thanks for watching, and I hope to see you on the next tutorial. Thanks, bye-bye. ♪ Do it like, do it like, do it like, do it like, do it like ♪