Creating Push Title Templates for FCPX - Apple Motion Professional Training 28 by AV-ULTRA

[Applause] my name is stanislav robert Liberto with AV ultra and in this lesson we're gonna be making some titles that actually push the screen when we put a name Final Cut Pro 10 these are based on Leno effects as sidebar titles that he has on his website for sale and I want to reach out to make sure that hey is this okay that I'm doing a lesson on this and he actually wrote back to me and said hey that's no problem I think this is totally cool so let's go ahead and get started if we open up our AV ultra lesson 28 a and we can take a look and see how this is put together in our 28 a and we have two main groups we have our title background which is what you see in the background here and then we also have our main group and our main group is our title for our background we have a drop zone that is set up for right now and we have a series of published parameters that we can access inside Final Cut to better illustrate these published parameters let's open up Final Cut and take a look and see how these react once we place them in our timeline back inside Final Cut I'm reviewing one of the lessons that I have put together all about motion tracking and what I'm going to do is just grab one of those push titles and place it on top of my video in my timeline when playing back my timeline you can see that it will move my screen up just a little bit to accommodate the room for this title based on the published parameters that I've set before I can access the color of my different backgrounds and customize this to better suit my needs now that we understand how it works let's go ahead and get started with lesson a what I've done is I've already created a composition of our different titles and our title backgrounds once our animation is all complete then I'm going to change this into a title template layer reason why we're going to change this into a title template layer is if you remember from my lesson anything that we put onto this placeholder is actually going to affect the video behind it in Final Cut to get started I'm just going to turn off this title background so it's not distracting us and we could work on just this title composition my total duration of my project currently is about 5 seconds and you can see some items popping on and popping off and that's not really that important what is important is that I have these markers so you can see I have a build in Mar and at the end I have a build-out marker any time we use this build in marker we're going to want to make sure all our animation that happens is complete before this marker point or animate out we want to make sure that all our animation happens after our build out marker point I provided a main group title that you can work with right away if you choose otherwise we're going to recreate this from scratch first thing I recommend doing is always creating a new group in which to work with we're going to rename this group title bar in our title bar group the first thing I'm going to create in there is a rectangle and this rectangle will serve the purpose of being our back plate once I've created that I'll open the inspector so I can change the color I'm going to change this to a gradient and by default it will always pull up this kind of gradient and that's not necessarily what I'm looking for so I'm going to click my color swatches and choose the colors that I want to work with in my example I'm choosing a light and a bit of a dark I'm looking to fine-tune this color placement a little bit so I'm going to open up the adjust item tool and drag out my handles to give a little bit of a softer edge these points that I'm grabbing represent the different color swatches and as I'm moving them you can see how the color is adjusting proportionately I'm moving this tab I can adjust the influence of a specific color as these are settings that I'm going to want to access and final cut I want to make sure that I publish these specific colors so I'm choosing the swatches and hitting publish now that I'm happy with the color what I want to do is organize this and so I'm going to rename my group to main bar we're going to take that layer and duplicate it by hitting command D and I'm going to rename this to a title card now that I have my title card I'm gonna want to adjust this a little bit because it's the same size as our other one let's go into our inspector and we're going to change the geometry of this to about 1200 let's move this all the way to the left hand side where title card will be I'm gonna move it just a little further over to the edge and the next thing we're going to do is change the anchor point using our anchor point control I'm going to move this all the way to the left one special note about anchor points is currently there's no way to snap an anchor point to the edge of a shape or object in all my time of using this I've never been able to figure this out so if everyone has any tips on how to lock this to a corner or edge other than working with the properties and changing the transformation and the anchor point be sure to send me a line I'm sure other people would really appreciate that tip reason why we've moved this anchor point is I want to be able to scale this title and have it move from the left side in my example main reason for publishing that X scale is to accommodate a longer name or a shorter name and if I have that published it's much easier to access inside Final Cut Pro demonstrate I'm going to open up the completed composition that I already have and you can see under my project my X scale and I can just scrub that back and forth to best suit my needs sure into the lesson that we're currently working on you're gonna notice that my title card is the same color as my main bar and so we're gonna go in here and just change these colors a little bit to differentiate it and we can see that a little bit more clearly just like previously I'm gonna choose to publish these colors I'm clicking on my swatch and then going to the color and hitting publish I'm open up my project settings just so I can review that I do have my named colors and my text body colors help better separate this title card from the background I'm going to add a drop shadow on that title card layer I'm gonna add a quite a bit of distance here and a bit of a blur and I think I'm gonna change my angle to about 370 as I'm working through this I'm gonna fine-tune this just a little bit more and I think I'm gonna need to change that angle to about 400 instead the next step for me is I'm going to create a new shape layer for a box for our person or logo a lot of times I'm just going to create a shape and the main reason for that is I may be just lining things up in my composition but we're also going to end up using this as an image mask for our drop zone I'm gonna rename that to DZ mask and I can see that in my timeline I'm a little further along I'm just gonna scrub to the beginning of my timeline select my layer and hit the I key just to shift everything to the beginning of my timeline next we'll come to our add object and add a drop zone and by default it's going to fill the entire screen and that's not necessarily what we're looking for so using the property transport controls we're going to scale it and place it roughly on our rectangle pressing command left bracket I can actually move its layer stack up and down so I can place this behind my rectangle to line things up because I want this drop zone to only exist inside this mask I'm going to right click my drop zone and add an image mask and then drop the DeeZee mask into my image mask layer I can see that I'm just a little off-center so I'm just going to take that and just move it a little bit until I feel that that's correct since we already have this shape layer I'm going to go ahead and duplicate it effectively creating a second rectangle and we're going to rename this rectangle to outline I'll activate my outline and I'm going to go to the color and turn off Phil and turn on outline from here we'll change the color of that outline to a bit of a blue and what I'm going to do is work with a little bit of this width and scale it down just so it gives a nice frame for an image I think we're gonna change our width to about 15 it's like with our title card I can take our drop zone and go to the drop zone layer and activate a bit of a drop shadow on there again to separate it from the background a little bit now that I've laid this out I can see I'm gonna need a little bit more room in this title card which isn't a bit of a problem because I can go to my title card X scale and adjust that to give myself that room for my name using the type tool I'm just giving myself a little spot here to write out my subtitle once I'm happy with my subtitle I'm going to click off of there and click my title tool again and create my title layer to give a little bit of separation I'm going to change the color of my main text here and let's change this bottom to a thinner stroke at this point I'm pretty happy with this now I'm just finalizing my layout decisions using the type tool again we're going to make our body text with the light text on light background it's a little hard to read so we're going to change the appearance and make that a bit darker a note when you're creating broadcast graphics for television since strokes may phase due to interlacing so whenever possible try to make your text as bold and as thick as you possibly can for maximum readability in my case I'm going to change this to a bold and make it about 72 points - best fill up the space that I've set up here I mean actually format the alignment to a justify all we've completed the initial design of our title so let's turn on our title background and review everything that we have completed collapsing all those items we'll review we have our main group which we can put to the bottom right now that's our demonstration group we have our title background which is the picture of the desert that I shot and then we have our title bar group which is what we just put together the next step is going to be taking all of these different items and animating them across time to complete our title I'm going to start with this title bar group and the easiest way to animate this is just to animate this whole group so I mad about the 38:39 frame and I'm gonna go to my inspector and turn on a keyframe and go to the beginning and make a second keyframe and move this one all the way down I'm pretty happy with that for right now however I want to finesse the rest of this title a little bit more in my example I had each of these individual items all animating at the same time if I'm animating that I don't want to be distracted by this constantly popping up and down so what I can do with that is I can actually go to my properties and disable the animation what disabling the animation will do is it still keeps those keyframes there it just turns them off so as I'm scrubbing back-and-forth it's not going to be popping on and off because I'm working in a 60 frames per second timeline I know most of my animation needs to be done before this 3840 frame marker start animating these items I'm gonna work with this large block of text and we're gonna add a behavior to it so I'm going to come down to my text sequence text basic and add a drift in behavior each time we use a behavior it has its own default value set so we're going to change those for example I can see under my format that is actually moving negative 220 pixels on the x-axis let's change that to zero and instead move it on the y-axis negative 240 pixels semi format settings I can see that it is starting at 0% opacity fading in and moving 240 pixels up to further work with this I'm going to change the value from all to a line so if I play this back I can see each line is animating up and I want to change the speed to a decelerate so it slows down as it animates on next I'm is going to adjust the timing of this and change the spread to about five how that we have set an animate in parameter let's go ahead and set something for the animate out could create a new one but my purpose is I'm going to hit command D to duplicate this one and place at the end of my timeline something to note though as I play this back you'll notice that it's not behaving the way that we would want to but it's behaving exactly like it's supposed to let's review the first one and I can see in the first drift and example that it is animating from zero opacity and negative 240 and our end item is doing the same thing starting at zero and moving to 100% compensate for this we're going to need to reverse some of our items in my case I'm moving to negative 240 and zero percent however it's still running a bit backwards and that's because it's starting from the top down and we want to change the direction backwards and our first one it's moving forward from 0% negative to 40 and in the end it's now moving backwards to negative to 40 and 0% opacity to ensure that my text doesn't pop up at the end I'm just going to take my layer and trim it to the end of that drift and do the same at the beginning at the beginning of my drift let's turn on that title bar group animation again and just review our animation as it comes on I can see that my text is already built in so I'm just going to adjust the timing of that so as it's coming on it is also building in using those same principles I invite you to animate the rest of those different items so our name and our subtitle the only difference that I have created in my end example is I've used a move behavior for the drop zone in interest of time I'm not going to recreate each one of those steps but invite you to check them out should you be so inclined we've completed animating our title and now what we want to do is animate our petal background so it looks like our motion of our title is pushing our title background there's just a couple notes that we want to be aware of we want this to move fairly naturally in the background and we don't want it to move too fast or too slow you'll see what I'm talking about in a second using keyframes right around our build-in marker we're gonna set a keyframe for its position and then go back towards the beginning of our timeline and set another keyframe this will lock it in place let's go back to the first keyframe and just drag the why all the way up so it looks like it's gonna be pushed by that title as I'm reviewing this I can see I have a bit of an issue right here see this dark spot let me try this transparency what this means is as this is going to animate on we're gonna see some black when our video is playing so that's not really what we want we want this to be completely covered so we're not losing any video as it animates on to fine-tune your animation you may want to use the graph editor and adjust the interpolation of Luis keyframes across time in this example if I drag this it's going to start very quickly and then slow to a bit of a crawl and if I go in the opposite direction it's going to start very slowly and then speed up across time so I'm just gonna fine-tune this just to fit my needs and ensure that I have no transparency you visible now that I have my animate in I want this to be identical on the way out so I'm gonna select my keyframes right-click and copy them will then move to the end of our timeline and hit paste and right now we have an issue because it's going back to that very first initial keyframe value and that's not what I want to use these same values but to flip them in a way what I'm going to do is I'm going to select these last two keyframes right click them and reverse them it's a little hard to see so I'm going to click this button right here which will resize my keyframe in my graph editor and here I can see it is animating in and then it is animating out reviewing this I can see that we haven't animated out our actual title bar group so I'm going to use the same principle selector title bar group move to the beginning of our timeline and select those two keyframes I'm going to copy them and we're gonna move to the end of our timeline and case them and just like previously we're going to right-click them and reverse those keyframes we're going to review my animation one more time just to make sure that everything is animating properly if you recall the very beginning I had created a drop zone out of this background layer the reason why we want this to be a drop zone is because I'm going to be converting this drop zone one into a title placeholder to convert this composition to a title template we're going to convert this project to a title and it gives me a dialog asking me do I want to convert any of my different layers into a title placeholder this is why I've made note of the drop zone one so if I choose drop zone one that will make that into a title placeholder once I hit convert I can review that in my inspector and see that it is no longer a drop zone but it is a title background by publishing this as a title with a title background any video that appears in Final Cut such I have in my example here will actually be affected by that title background so in this case it's actually pushing up if I had published this as a generator any background image would need to be placed into its own drop zone I have this drop zone right here and that drop zone at the bottom that's this guy that's this guy right here that's the end of this particular example let's take a look at one more example in our example B I have another title that pushes from the right to the left and in here I have some title some bullet points and what's interesting about this one is I have these colors set up for this background but I have one controller that'll change the color of all the different bullet points I have this text that I can update as I write it so let's go ahead and get started with lesson 28 starting with reviewing lesson 28 and let's take a look at our published parameters I have a buildin build-out and those correspond with my building and build out markers that I have set at about 50 frames and five seconds and ten frames I also have a third marker in the middle of my timeline and this is a poster frame fight double click this and I edit this marker you can see that it says poster frame and what this will do is if I'm in Final Cut and I create it and publish it it's actually going to use that frame as its preview in Final Cut Pro 10 if you don't have any item in your placeholder graphic and you're just using the plain placeholder graphic it's gonna look a little bit like this so you'll notice they all have that same kind of ground setting that poster graphic you can set a specific frame to show the completed animation jump back in and continue reviewing this I have my main color that I can specify and I also have this bar and bullet color and like I showcased before if I change one they're all gonna change let's take a look at how the layers were built up I have just a placeholder that has my drop zone and I have my title and my title consists of the bar the title and all the bullet points along with a little website at the bottom there let's open 28 be start and get started I'm gonna go to the beginning my timeline and create keyframe and then we're gonna go a little bit further and create a second keyframe and then I always go back to the very first keyframe and I animate backwards because I like to see where things are coming and going I'm happy with that animation I just want to re time this a little bit so I'm going to grab the keyframes in the layer stack and just retime them so it comes in a little bit sooner and it stays put so the rest of the items can animate because I've animated this in I'm gonna want to use these same keyframes to animate them out so I'm just turning off the other parameters I'm not using one little tip I picked up from another user named Brett Williams is if you are working in motion and have all these different panels open it will actually slow motion down as you're working with it so by closing some of these extra panels you might get some performance boost pretty interesting thought I'd share that piece of information let's take those two first keyframes and we're going to copy them and paste them at the end of our timeline again and from there we're going to right-click and reverse keyframes so that way they animate in and that way they'll animate out since we want to animate these bullet points I'm gonna go back to this main group and just disable that animation again just that way I'm not distracted by it if you look at my layer group in my bullet point it is made up of a single rectangle and a bullet point piece of text be aware that in my rectangle group that is my bullet point I have a link behavior on each one of these what this link behavior does is it'll take one parameter and attach it to another parameter of a different layer in my case I have all of these different rectangles linked to the color of this particular line so when I change the color of this line they'll all change at the same time this way by publishing the color of just the line I can effectively color all of them without having to have multiple different published parameters let's close all these bullet points and just focus on animating this bullet point one I have a few different ways I can animate this I can use keyframes or behaviors let's talk about something interesting that happens if you use a behavior in a keyframed group so I'm going to go to my behaviors and use a move behavior and I'm just gonna finesse this a little bit and move it down from about 3000 pixels and we're just going to shift this so we can review how this is animating on I'm gonna re-enabled the animation for my title layer so we can see how both of them are moving at the same time I'm gonna give that a little room and you can see what's happening with this behavior it's not linked inside of that group because the group has a keyframe it doesn't necessarily care or follow that it's following the absolute values of my canvas to make sure that those bullet points stay inside that title group layer we're gonna use keyframes so let's get rid of that move behavior in our bullet point 1 and instead we're gonna set keyframes in the Y position parameter using the same keyframe principles from before we're going to be animating this on the y-axis by setting a keyframe and I'm also going to be animating the opacity because we want this to start at 0% opacity then go up to a hundred percent set a second keyframe for where and position go back to the beginning and set that first position check out this animation path that's happening now it's taking into account its position within this group layer and this looks like it's going to work out a little bit better for our situation this is an example of when you would want to use keyframes instead of behaviors to complete the rest of the animation with bullet points 2 through 5 I'll actually get rid of them and I'm gonna duplicate bullet point 1 I'll go ahead and rename this bullet point 2 and it follows the same animation curves and instead I'm gonna move my anchor point a hundred and eighty pixels down by moving just the anchor point and not the position I'm not going to be messing up those keyframes I've already said I'm merely setting a new starting point let's go through that process one more time I'm gonna duplicate my bullet point again and this time I'm gonna name it bullet point 3 and what we're gonna do is shimmy it over in our timeline a little bit just so that way they're staggered as they come in and I'm going to add another 180 to this to make a anchor point of 360 so now because I've offset them in time in my timeline I want to make sure that they all take place before a building marker if I have my animation taking place after my building marker things are gonna get really funky so you really want to make sure that all your keyframes end before your build in marker now that we have our main title animated the last thing that we're gonna want to do for this animation is animate this background so let's close our title and work with this placeholder I'm gonna go to the top of my layer stack and just collapse everything and let's move this keyframe again to the beginning of our build in marker and I'm just going to create a new keyframe right there and go back to the beginning and create another keyframe using these keyframes I'm just gonna animate this placeholder so that way it looks like it's being pushed over to the side as that title layer is coming in again I want to be careful not to have any of that black space so I'm just gonna finesse the timing of this to make sure that everything has full coverage once I'm happy with that build in animation I'm gonna go into my graph editor and select my X keyframes go to the end and copy and paste those keyframes while also reversing them so I have a nice smooth in and out you'll see that I'm fine-tuning my animation at the very end because I want to make sure that I have that full covered so it looks like the title is actually pushing it without leaving any blank spots in my video because we want to convert this drop zone into a title placeholder I'll go to my image but you'll notice if I choose my type it won't let me select placeholder so I have to go into my file convert project to title from there we're gonna choose our title source and in my case I have it as drop zone so I'm going to choose that drop zone and now it is a title background to complete this project what we'll do now is just publish it as a title template so there you have two different ways that you can be creating these push titles based off of Leno effects as sidebar titles be sure to check out Leno effects his website where they're they've got lots of different titles and templates for you to purchase and download special thanks to lino for letting me do this project again my name is Stan Sol Robert libertà with AV ultra thanks a lot for watching and stay ultra [Music]

Channel: AV-Ultra

Views: 7,952

Keywords: AV ULTRA, Stanislaw Robert Luberda, Apple Motion, Motion 5, Motion graphics, Publish templates in apple motion, Apple Motion Tutorial, Apple motion beginner tutorial, Final Cut Pro X, Motion Templates, Apple motion Templates, Free Motion Intro, Free apple motion, tutorial, apple, motion, apple motion tutorial, apple motion 5, apple motion templates, apple motion templates free, apple motion templates bundle (videoblocks), Leno, lenofx.com, sidebar titles, final cut generators

Id: BWtoS4CeI74

Length: 24min 53sec (1493 seconds)

Published: Thu Jun 28 2018