2 Final Cut Pro X Title Tutorials: Type Transitions & Animating Type | Benjamin Halsall | Skillshare

Playback Speed

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

2 Final Cut Pro X Title Tutorials: Type Transitions & Animating Type

teacher avatar Benjamin Halsall, Final Cut Pro X & Adobe Courses

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

    • 1.

      Class Introduction


    • 2.

      Use Keyframes to Build on Type


    • 3.

      Custom Type Transitions & Connected Clips


  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

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.





About This Class

In these two tutorials you will learn how to keyframe type for precise animations in Final Cut Pro X and how to combine effects and transitions to enhance your edits.

In this class you will learn how to:

  • Work with transitions
  • Create keyframe animations
  • Work with connected clips & layers
  • Add color overlays
  • Advanced editing techniques

Meet Your Teacher

Teacher Profile Image

Benjamin Halsall

Final Cut Pro X & Adobe Courses


For the designer in you I create fun short lessons in Adobe Photoshop, Adobe Illustrator & Adobe InDesign. I include some creative and technical tips in all my lessons which are always easy to follow. Check out my popular Banksy Yourself Photoshop Class, how to create Polygonal Patterns in Adobe Illustrator or my Photoshop Drawing & Painting Fundamentals.

For Final Cut Pro X editors check out my course Learn Final Cut Pro X in 25 Minutes or learn how to put video inside type, create grunge style text or my basic and advanced split screen tutorials.

I look forward to seeing your projects and am always happy to answer your questions.

See full profile

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

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.


1. Class Introduction: I didn't spend houses Hit these two tutorials. We're gonna be looking at how we kind of text in front of a pretend one of the teachers to keep framing How key from its great size animations Pretend on second tutorial we're gonna be looking how we create combined effects on transitions to create some cool titles We decide Hey, Father, pretend so I have a Ford You I signed up for to say the projects you could be working on a final corporate 10 on Let's talk straight and have a look at how we work type titles in front pretend. 2. Use Keyframes to Build on Type: So here, final cut, pro Gonna be looking at how we create this sliding on type. So we're gonna be looking at placing type, setting up tight, adding key frames and then also putting that together into a compound clips so that we can have this fade effect at the end. And there's a lot of my skills they're gonna pick up in this tutorial, which will help you in lots of different areas of final cut pro. So let's dive straight in and look at how we're going to set this up. So the first thing I'm gonna go and do is delete the compound clip that we have already connected to our main story line. So I'm gonna highlight that and delete it. And now we're gonna go ahead and add our type players. So we're gonna be using the basic type in final cut pro 10. I've got a background here, and you can use any video in the background that you once it doesn't really matter. The main thing we're focused on here is setting up the text. So I'm gonna jump into my titles across here on the right hand side. We're gonna keep all selected, and then we're gonna have a look for the basic type. So I'm gonna grab this and pull it on to the timeline here, and I want three of these basic tiles for each of the words that we're gonna get to slide on. So I'm gonna use the blade tool and just slice this just before the end of this clip. So we're gonna be switching between the blades will hear short cough, which is be on this electoral just so that we can grab a stack off these type players. And once I've gotten that, I'm just gonna adjust the duration that they're all the same length on the timeline. So essentially, what I'm gonna do is first of all, set up the type for each of these, position them, and then I'm gonna kind of reverse engineer their sliding on of the type. So let's get our types up first of all, so we'll select our top. Most lay here, come to the text options on and type in slide. We're gonna increase the size this nice and big make it bold. And once you slide to the right there and get to the maximum font size, you actually hover over the type and increase it even more. And if you hold down, shift is you're doing that. It will increase it more quickly so they don't jump down to the next title. It doesn't really matter which layer order these, Aaron, because we're no overlapping them in the animation that we're going to be creating. So set up the same bold on. We'll pull the size of this up, and I'm just gonna position this over here towards the left or just push this up a little bit more and then I'm gonna come down and grab this title, and what I want to do is make sure that I get the font size for the on on title The same. So I'm just making a note of that 252 that I have there. And for the title, we're gonna use the word type. Make this 252 so we can slide to it on, make it bold on. Then just position this to the right there, and then what's We've got the size for these two bottom bits of type here. Just gonna position there's roughly on their dropped the size of this top. Most layer down just that matches the width off those bits of type below on will slide this into position and again just nudge it up a tiny bit until we've got a nice block of type death. So that's looking pretty good for the moment. I'm just going to tidy up the alignment by I a little bit here and you consume in 200 or 200%. If you wanna just work. I'm getting this lined up a little bit more, so that's looking pretty good. So I'm gonna jump back to fit to screen. And so now we're gonna do is we're gonna lock these elements of type into place by adding a position key frame somewhere down the timeline. Okay, so I'm gonna come to around one second here. Andi, I'm gonna jump now to my video tab. Now, if you don't see the inspector here across in the right hand side, you just need to goto window show inspector so that you can see the inspector. So we're going to come to the video options here and now I'm gonna add a key frame for the position for each of these layers, and we're going to animate the slide first. So I'm going to come back just about 1/3 of a second. So somewhere around 25 frames here and now for this, I'm going to slide this across to the left so I can do this either by grabbing the Mu tal here and then sliding across the left, or I can drag the exposition here to pull it across to the left. So I'm gonna zoom out here to around 25% so that I can see the edge there and I can slide out there and then also just to set this y position back to zero so that it's not moving up or down, it'll So now you can see we've got our slide on. Okay, now, sometimes when you're making these animations, what we've done here is without Two key frames were animating between those two key frames . Sometimes when you're doing this on the key frames, you can get two different options. So if I right click on here, you can see I'm currently got a smooth transition. I would change that to linear. It just means that it's gonna snap into place so you will make sure it's a linear transition there at the end. So now if I wait for this to render and then play through, you consider get a nice slide on there. So we're going to do here is I'm gonna come to just when this is almost slid on. And now, if you remember, we added the key frame here already for the on. So I'm just gonna right click on the on layer and go to show video animation. Okay? I currently got a key frame for the the position that the on is currently and so I'm just gonna slide that back a little bit so we can use thes video animation options to move the key frames around. So now, with the on layer selected, I can use the move toll on. I'm gonna drag on down, okay? And just let it snap to the sense point there. And now if I wait for that surrender and come back to the beginning my timeline, you can see we get a nice, smooth transition there. So would close the video animation for the on layer jumped type player. And again just wait for the on toe, Almost be visible. I'm going to right click here, go to show video animations. And I'm just gonna move this key frame for the position back a little bit more and then I'm gonna pull my type layer across to the right hand side here. Okay, on. Just let it snap into position there. So it's staying horizontal. And then we can go back to the beginning, wait for all Torrens and then press play. Now, once we've done that, if we wanna adjust the timing of things a little bit, we can show the video animation any one of the layers and we can just slide these key frames around either toe change when things start or to slow things down if we pull the key friends further apart. So we can just kind of keep tweaking that as we go through. So I'm pretty happy with how that's flowing. Now we've got a nice, smooth animation. We can play it through a couple times, and now what I want to do is when we have the type and it's hung on screen for a little bit , and I'm just gonna extend it out teeny, tiny, bit more. I want to add a closing effect. So I pulled these out on this out a little bit more. So in order to add that closing effect, I want to add it to all three layers. So what I'm gonna do here is hold down shift, Andi, click on those three layers to select a more, or you can use command and click on each of the three layers Andrea to file new on compound clip. And I call this type type animation. And so now I can add in effect to that layer also means I can move the layer around a little bit as well. So I can quite happily notch that left to right or up or down, and you can see even though we've got the edge of the frame, their the type is still visible because it's animating from off the screen. So final cut pro doesn't crop it at the edge there. So I'm just gonna pull this back to the center here and now I'm gonna come to the end of my clip, OK? And what I want to do is two things I'm gonna do a blur and a fake. So I'm gonna come to my effects panel here, across on the right hand side, I'm gonna add a Gaussian blow to my type. So at the end here, you can see I've got that Gaussian blur on their Andi. I want this to happen relatively quickly. So just looking at the number of frames there. So we're gonna go from frame 11 to frame 27 get the text to blur out. Between two points are the first thing they do is come up to my effects panel in the Inspector, drop the blur down to zero at a key frame and then come to the end of my clip here and increase the blur right out. And we can use the blood boost if we want to for one of blur even more. And then if I select the endpoint there, I'm going to go to my transitions on dissolves and I understand it. Cross deserve at the end of that type. Let's just delete that 1st 1 Andi short on it up. So it's only a few frames long. And so what we have now with those layers grouped together in a compound clip the blur and the fade at the end is something like this. So obviously we can go ahead and change the timing of it. If we right click here, we can show the video animation it's going to show us the blur, the timing of the blur. So if we wanna speed that up, it looks like there's a hanging a little bit at the end. We can key frame that, and we can modify the end there as well, so we can speed things up. Just wait for it. Surrender. So one thing you will find when you're working with effects is that you will need to render things from time to time. If you want to speed things up, you could work in a proxy set up before you render things out, and you can do that just by going to view and proxy. But if you're working with any video files, he would need to transco those to a a proxy version off the original footage. So let's press play now, and that's looking pretty nice. So slide on Onda fade out. So if we double click here, we can double click into those layers of animation so we can still edit and modify those. We can change the type. We've got a compound clip up him so we could actually duplicate these if we wanted to change the type that we were using in the animations. But obviously we can come in here as well. Andi head it. Any of the text settings? Any type settings such as the Connor, the font alignment, that kind of thing. But it would still remain in our animation because within that compound clip, so there are a lot of plug ins that you can get to perform these functions for you. But I really like to do it manually so I could get the timing just perfect. One other thing I will mention about the key framing if we just double click into our text animation. Here is when you're animating the type, just watch out for the number of key frames that you're adding. So if I right click to show the video animation, sometimes when you're moving around, edit point here. If you're adding key frames, then you can often make movements and add just one too many key frames around and edit point and so you can get a little bit of jumping so that you're getting used. A key framing. Just make sure you have a look at the video animation on and keep an eye on where the key frames of being created we can highlight key frames here. The news backspace to delete them on. Do you can also right click on Delete them as well? So that's how to set up build on animation for type in Final Cut Pro 10. I hope you found it useful. Andi I look forward to seeing on the next tutorial. 3. Custom Type Transitions & Connected Clips: in this tutorial will be having a look at how we work with text transitions. We're going to creating some of these Glor dissolves applied toe text on connected players in final cut pro 10. And as you can see here and get some really nice effects as you move from one clip to the next, we're working with the video transition in the background layer and then also a text transition in the top layer to create these different Garcia and radio and zoom and pan dissolves with text on a connected layer. So let's dive straight in here. We're gonna start first by just adding our type to our timeline and final cut pro 10. So I'm gonna go to my title. I'm gonna keep all options selected here and type in basic down at the bottom. So we're grabbing the basic title, which is installed in final cut pro by default. It's no extra plug in, and we'll grab that and drag it to our timeline here, and I'm just gonna set it so it fits the duration of one of my clips. So in the title here is gonna go to my text options. First of all on will swap the text now is kind of what we're doing to the type, so we're gonna use the same word and will increase the size. Just gonna help us to see what we're doing here will make it a nice bowl type. And we're also gonna change the face of the type to black. So I'm just gonna grab a black here and you can do as I just did by clicking on the box here. And I've got a preset black selected Or you can hot down here on grab black from the color picker down on the bottom. Here, both do the same thing. So now we're gonna go ahead and just have a look at the background less. I wanna change the background layer so that it matches a bit more of the feeling that I want for this video saying I had a color tint to this. I'm gonna go to my effects here, and I'm going to go down to my color options and at a tent, I'm gonna change my tent to a nice yellow so you can see it's gonna let the black stand out nicely there and you can copy the RGB values if you want, or just as we said before, pick out a color that you like and you can Silicon scroll through some nice different colors, they're gonna stick with this yellow. So now what I want to do is add a transition for the type player on the top to execute a transition from here to here. I'm gonna highlight one of the problems that there is with the transitions in Final Cut pro 11th. And then we'll look at how we fix that to create this effect. So I'm gonna jump into my transitions on. We're in the Blur's here. Okay? I'm gonna put my Gaussian blur on to my title and I'm gonna delete it the opening part of this clip and just watch it at the end here. So if we press play, we can see it's kind of doing a funny thing where it's blurring the background layer as well as the top player. So we're getting this kind of doubling up of the blurring, which is not what we want. We want toe, just blur the type player. So in order to do this, click, delete and delete that I'm just gonna take a couple steps back, actually, so we get back to the type player on its own. So the first thing I want to do is create copy off this text Last. I'm just gonna drag this across the right hand side, okay? And I'm gonna highlight this and go to my video options scroll down and drop the opacity there. Okay? So basically, we're gonna be transitioning from text with full capacity to text with no opacity. So now, if I grab the Gaussian Blur and drop that onto these layers and I just delete this last one here, you can see we're just blur the type there, just let it render So we'll play this back. And at the moment, the only promise that we get this very kind of jumpy transition between the layers in the background. So I'm gonna play this back again, and then I'm gonna come to my transition's gonna goto lights, and I'm gonna add this bloom effect in the background. And so now, once we let that render, we can play that through, okay. And the blur effect is kind of washed out by the bloom effects. I'm actually gonna just jump to my selection tool on just move this back a little bit. So we get the transition and then the bloom effect one after the other, and we can have them overlapping just a tiny bit for the back end of that effect. So we get the explosion and then the blame effect. So let's play that through. So you get this nice move from the explosion transition to the color effect a mixed in with some sound as well in the background that produce a really nice effect so we can go back to our blurs and have a play around with the other blur so we could try their zoom blur effect on. Each of these is going to give us a different effect as we move in that transition and weaken. Just work on the re timing of the transition so they flow a little nicer together. So I just moved a transition on the video in the background back a little, so we get a little bit more of a continuous movement. So I had that's been useful for working with and exploring how you can work with titles. One of the important things is this transparency off the compositing off the second title here, so that you get this transition working over the top of the video rather than it mixing with the video as well. If you have any questions about transitions or titles in final Cut Pro 10 then please don't hesitate. Toe. Send me a tweet at Ben Household. I'm really enjoying all the great feedback I'm getting first on my video tutorials, and I look forward to you guys. Ask me more questions and I will see you in the next tutorial.