Apple Motion & Final Cut Pro X: Plugin Creation - Build a Zoom & Highlight Effect ✅ | Benjamin Halsall | Skillshare

Apple Motion & Final Cut Pro X: Plugin Creation - Build a Zoom & Highlight Effect ✅

Benjamin Halsall, Final Cut Pro X & Adobe Courses

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
10 Lessons (30m)
    • 1. About the Class - what you will learn

      0:15
    • 2. Create and Save Your Project

      1:35
    • 3. Setup a Clone Layer for your Effect

      0:52
    • 4. Setup the Mask Layer for the Selection

      0:40
    • 5. Publish the Scale and X Position Properties

      1:52
    • 6. Create a Custom Rig Slider for the Scale

      3:30
    • 7. Create the Zoom Position & Scale Controls

      9:17
    • 8. Create an On Screen Controller (OSC)

      5:03
    • 9. OSC for Controlling Scale

      2:43
    • 10. Sliders for Horizontal & Vertical Position

      4:31

About This Class

In this tutorial you will learn how to make a Zoom & Highlight effect plugin for Final Cut Pro X.

This class introduces some of the key skills that you need to create a controllable effect plugin in Apple Motion for Final Cut Pro X.

Lessons Outline - what you will learn.

  1. Class Introduction
    A brief outline of the skills you will learn in Apple Motion.


  2. Create and Save Your Project
    Setting up your project correctly is important so that you match the video properties of your edit.

  3. Setup a Clone Layer for your Effect
    Creating the clone layer allows you to modify and mask a selection of the original video layer to which you are adding this effect.

  4. Setup the Mask Layer for the Selection
    The mask layer is all important and it is this masking that allows you to rescale a portion of your screen by isolating it from the background.

  5. Publish the Scale and X/Y Position Properties
    Publishing these properties allows you to control your effect in Final Cut Pro X. This is key to creating any plugin that has controllable options that you can modify, keyframe and animate in your edit.
  6. Create a Custom Rig Slider for the Scale
    Creating a custom rig with a slider allows you to take control over your plugin by adding custom options that can be modified in Final Cut Pro X.

  7. Create the Zoom Position & Scale Controls
    Once you have setup the mask layer you now need to create the controllers that will allow you to increase the scale and modify the position of your selection.

  8. Create an On Screen Controller (OSC)
    Adding on screen controllers for certain aspects of your plugin will allow you to create a more intuitive interface for your plugin when it is used in Final Cut Pro X.

Don't have time to build it? Buy the Zoom & Scale Plugin Here

Purchase the plugin here - https://gum.co/fcpx-zoom-and-scale .

Transcripts

1. About the Class - what you will learn: So in this apple motion on final cut pro attention, we're gonna look at how we create this highlight zoom effect. Now, that's quite a few steps to go through here. And if you don't want to build this, affect yourself. Then you can find a link below where you can purchase the plug in. But we're gonna run through all the different steps to create this plug in from scratch. 2. Create and Save Your Project: so the first thing we need to go ahead and do is create a new effect, so we'll go to file new on. We're gonna create a final cut pro effect. So essentially you'll be able to drag us onto a clip on, zoom in to a certain section of your clip, either using a rectangle or a circle, and then you'll be able to increase the size off that selection. So this is useful if you're create tutorials. If you want to highlight a certain part, your video. And for that we need the effect option here in the project rows of. So we're gonna create the preset broadcast HD 10 80 p. 29.97 ntsc I'm working in North America. So this is that form that I'm working with. If you are working in regions that use power, then you can still use broadcast HD 10 80. But you might want to change this to 25 francs per second. Or if you're just producing stuff of the web, then you can set this up at 30 frames per second. So we'll hit open now. So now we have our project set up. We're gonna go ahead and save it will go to file, save as on for myself. I'm gonna say this into my effects, this template. But you could also create your own new category for effects if you want to. So I'm gonna call this zoom on. Highlights version two point. Oh, as we already have an earlier version off this installed in my plug ins. So this will distinguish that will hit. Publish. So now this will become available in final cut Pro. If we go into my effects, will see Zuman highlight legend too. Andi, it won't do anything yet. We haven't set up to do anything that we were gonna go ahead and have a look at how we get this set up. 3. Setup a Clone Layer for your Effect: So the first thing we need to do here is to create a clone of the original layer. So I'm gonna create group first of all in my groups up here. So I'm gonna right click here and go to a new group on then in the effects source. We're gonna actually create clone of this last the way that this effect works. Essentially, we are masking a clone of the original layer. So if we right click here, we can make a clone layer off that Sourcefire, which means we can have more than one version off that on screen. So I'll make a clone layer here on then I'm going to move that up to my group one here. So I've got a clone layer of the effects source. So two layers of the same video and now it's to this clone layer that we're gonna apply it some masking and also the ability to move and transform this layer and group in final cut pro 4. Setup the Mask Layer for the Selection: So once we have declined less up, we're gonna create a mask on this clone layers. So if we come down to our options here, the last tool we have in the middle just above our timeline is the master on. We want to select the circle master. So it basically now, if we hold down shift, we're gonna create mask, which will look at the outset. Like it That's very little. Then we're gonna place that right in the middle on what this is essentially gonna last to do is to move on, mask a selection of that original layer. Now, obviously, we need to be able to increase the scale of it. We need to be able to move it, and we also need to be able to increase the scale off the image within it. So we're gonna settle that up now, step by step 5. Publish the Scale and X Position Properties: So the first thing we'll go ahead and do is enable us to change the size this mask and move the mass so we can focus it on one particular part of our video. Now, just toe make this make sense when we're working on this and final cut pro against the effects source and come to the inspector and go to the properties here and I'm just gonna drop the capacity. So what we'll see now is that we have the original video in the middle of this circle, which is the full color video and then behind it. We have this opaque version of the original via now, add some adjustment properties for that. But for the moment, that's gonna help us to see what's happening when we test it in final cut pro. So we'll come back to the Circle mosque and for the circle mask. Under the properties, we have the position which we want to be able to modify. We have the scale which we again also want to be able to modify, want Tobe able to change the width and height off this circle and being able to modify these two properties off the mask will give us enough control to get going with this. This is relatively straightforward. To do an apple motion. We'll make sure that we have The inspector selected across here on the left hand side, said he see the library, just click on Inspector, and we're going to come to the properties for this circle mosque on now. What we can do is publish the X and Y position, so that will publish it to the effect. So if we published the X on published the why on, we'll also publish the scale as well at the same time, if we say that now and we'll come back into final cut pro, we can now take zoomed highlights effect we've created drag it onto our clip on. We have the ability in the effect to change the exposition on the wire position and also to modify the scale that we're selecting as well 6. Create a Custom Rig Slider for the Scale: no one thing with using the default scale Position X. And my position is that we can't rename it here. So sometimes we'll want to actually create our own slider or rig in apple motion so that we can name it on so that our plug in can be a bit more organized. So if we come to apple Motion, we're gonna go to the object menu on we're gonna credit you rig so the new rate will essentially allow us to add sliders, pop ups and check boxes for different properties within our effect. Plug in What? A slider. We're gonna work on the sore scale here, so we'll call this selection scale and now we can do is we can start recording. We'll come back to our Circle mosque and now in here for the start. We want this to be quite sports. We want this to slide down to the smallest button you could imagine highlighting the screen on the smallest element on your screen. So we'll go down to 10%. Just type that in here now. Once you've done that, we can stop the rig editing mode. If we come back to the selection scale you'll see that it's connected it to the circle Mars scale. Their value is 10% on. Then. If we come across the right hand side, you can see the maximum value at the moment is 100% which if we're trying large things on screen, people would be okay. But actually, we could set this 250% for the maximum Perry we might want to select and in large using this technique. And then once we've made those two settings, we can scroll back to the middle here somewhere around 50%. So we're going from zero to 100 our slider, who are actually going from 10 to 150 as a percentage. So as long as we've got exercise that we're happy with and we can leave this now will again for the selection scale will come to publish it and save. This will go back to our original circle mass. We want unpublished the original scale So it is. Click here and unpublished that selection. It's an African That's final Kaprow hand will delete the original effect we added here that will drag on on you zoom in a highlight effect, and you can see now that we have the selection scale here and also the position as sliders to now making sliders for the exposition of the white position gets a little bit more tricky on one thing to replace. That will be a visible onscreen controller, which we can add in apple motion so that we can actually can control elements of this visually in the middle of screens. We can drive the circle around and so on and so forth. Another thing we might want to do is reorganize the's options. So we jump back into a promotion. If we select our project, we can now come into the project options here, and we can reorder their published parameters by dragging those around so we can change whether selection scale the exposition on the Y position are actually safe. So now I can see if we jump back in here on de delete this hungry at its then we've reordered that scales that now we can go. That's a nice small element here, Onda. We can position it on, and now we need to go ahead and add sliders that would allow us to increase the scale of that element on move that as well 7. Create the Zoom Position & Scale Controls: So now here in a promotion, we're gonna have a look at how we can increase the scale of our selection. So what Russia do here is increase the scale of the group that we south here. I'm using a slider. So we're gonna jump into our rig, and we're gonna create a new slider which up here will name as zoom Scale. Enter Andi now. Well, start recording. I will come down to our group on. We're gonna go to our property. So we're still in the inspector in Properties on will come across to the scale. Onda. We don't really to reduce the scale for this. We're always gonna want to be going up in scale. And so I'm just gonna reduce this scale for the X and wire to 19. So reduces a tiny bit and then we'll stop the rig editing and we'll come back to zoom scale on on the right hand side here. We're gonna set the scale here too. 500%. So the maximum group one scale is gonna be 500 on will set the slider to 500 as well. So now if we publish this slider jump into final cut pro. You can see now when we re at this, we are zoomed in. So this is a good point about how we leave the plug in when I finish work emotions, the women emotion. Uh, the position we leave it in here will be the position that appears when we first opened up motion. So I'm gonna leave this around zero, which is gonna leave it at that 90% scale, and I'll say that again. Now, we don't want to be zoomed in when we first see it, because he won't be ableto do anything. So now we jump back into final cut pro and will remove it on at it again. So now you can see we've got our selection. We can move our selection up and down on. We can also increase the size that selection. Now you can see when we're increasing the size that is getting thrown off the screen, which is where we need to actually not have another X and Y position available to us so that we can move that back into position. So we'll jump back into a promotion, select the group on. We will publish for this group the X and Y position. So I will publish X, uh, published The Why save that Test it and we should have the start things of a working version of this zoom option. Now, one of the reasons I generate this originally was toe enable me to zoom in corn areas that I was teaching. So basically, toe zoom in on a certain area off the screen. I'll show you that in a second. So now you can see we consume in on a certain part of our video. We're still on weaken, position it and frame it perfectly. So if we come to screenshot, I have here a final cut pro and you can see when I drag this on drops back the background, we can make system another clip selected Weaken. Select this clip. What's he added that we can change the position so you might want to zoom in, for instance, on the time code, I took my time code in one of my tutorials. We can scale that down on, then zoom in on position that zoom nice and perfectly so that we can see what we're talking about really clearly. So the next thing we're gonna do is actually had a couple of options for different shapes, which will introduce a couple of other things when we're creating plug ins for final cut pro. So we'll jump back into apple motion. So we have a circle mosque here already. We have the mass properties and everything here on we want to pay attention to Here is the original radio. So the size of our rectangle that we're gonna make now which will be a mask layer on the select my clone layer on I'm gonna slept a rectangle mask till here. I just tracked this out and in the mask options undersize. I'm just gonna make exactly half the radius of the circle. So this is to 82. So we want this to be besides this to be 1 40 which is gonna make a little smaller. But what we're gonna do now is attach under the properties the scale here, x scale her over the X scale and go to add behavior, had parameter behavior and link. It's on to the circle mass on a link. The X and why scale in position to the circle so that when it scales up, it's going to follow what the circle does. And we also want the position to be the same as well. So we'll come here on for the position. We'll add a link again. All these links just straight to the circle mask. It will copy the properties from that on the last one is the y position. So creating a link dragging on the circle Masters Dropbox area. Andi now we should say that when we come to our selection, we have our rectangle mosque. If we hide our circle there and we come to our selection scale, when we increase the scale, it will increase the scale of that rectangle. Now, we haven't got it quite right here. We need toe tweak something. So for the circle mask, the original scale is 84.5%. Um, but the radius is was 282 so it should be 5 64 So they should match in size almost exactly yet. So sorry. Double the radius, Um, here, rather than half the radius. So now what we can do is we can add a check box which will allow us to flip between a rectangle in a circle in our rig. So if we click on our right here, we can add a pop up, which will give us a couple of different options. So I will have this pop up will be select shape. And for snapshot one, we're going to rename that to Circle and we'll start recording. And so for the circle option, we're going to come to the rectangle hand for the properties of that rectangle. We're gonna drop their pastie down 20 so we can't see it. So now will stop. The reality will come back into our select shape option, and we'll do the same thing for ah, Snapshot two, which will be our square and we'll start recording will come to our circle mosque And so the capacity of that 20 Then we'll come back to the rectangle mask and make sure the capacity of that set right up to 100%. So I'm gonna stop my rig editing there. I can add mawr options for that drop down to select shape drop down that we have here. I can also select options here and remove them. So now for the circle, you can see the rectangle 0% on for the square. The circle is 0% of the rectangle is 100%. Now. If I come toe the select shape option here, I'll publish that. And if we come back, its final approach on will remove this him. Dragon. Now you can see we have an option for a circle or square and we can increase the scale of it. So what was selecting? We can change the position of it on. We can zoom in to the selection that we're working on. Okay? So you can see I'm hovering over these numbers here to actually change the position. Just not quite as good as a slider, but is a couple of other options that we need toe Think about here when we want to make a slider for the X and Y position, which 8. Create an On Screen Controller (OSC): So now we're gonna go ahead and do is actually change these 1st 3 options that we have that we can have a visible controller to the selection of the area that we want to zoom in on too. So we'll jump back into a promotion on now. It will do is we actually will remove the selection scale controller. We're gonna go back to the circle Mask on. We're gonna unpublished the position options. Okay, so now for this next step, we're gonna create a new group. So go to object. New group. And we need to create something in this group that's gonna be invisible for this next step . So we're just gonna go ahead and grab the rectangle tool on drawing a rectangle Doesn't really matter what the position of it is. We'll just call this slug. We're going to our properties and drop their past two down to zero. So it's invisible. We just need something that runs throughout this entire timeline. So what we're making here is on screen controller, So I'm just gonna come to my group to well, cool this OSC and we're going to use the on screen controller from one of the light raton's that we have him. So we'll come into our library items here on what we're looking for is that this quarter function so we'll go to the search right down at the bottom were tightly in this scope. Andi, Underneath our filters, we have esque war on. What this is going to give us is these onscreen controllers. So we're gonna apply this to the slug, although we're not going to see this like, we will see the the on screen controller. So now with the slug just gonna go back to the Inspector and set the position of this 20 Andi zeroes. That's right in the middle. So now you can see when we see the on screen controller, it's gonna be right in the middle. So I'm gonna go back to the Circle Mosque and we're going to create a link and then for the link, we're gonna link it to the the slug of the Disc Corp. So it's gonna use the functions from the disk walk. So we need to come back to our link on. Just drag this up here. So now we wanna use the compatible parrot parameters from this are actually gonna go to the filters that this walk on the center and for this one, we're gonna center it on the exposition. Okay? So you can see how this war is pushing it right across to the right hand side there. And if we just come back into our policy group options here, the one thing we need to change here is fixed resolution. So we'll come back to that circle mosque on, and we're going to link the Y position. We're gonna take the white position to the slug as well onto the filters. This school center wise, we're basically linking it to the effect has been applied to a different layer. So under the links that we've created here and we're just name they, So we've got Link Bank X on a link. Why we need to offset these. So we basically need to offset this so it comes back to the middle. So we're gonna do you mind? A syrup went five here on minus 0.5 here, and that will bring our square like the center. And if we come back to our discord options here, we're now going to check, Publish OSC published on screen controller Man. If we come back to final Cut Pro now we'll delete this on Add our new zoom and highlights. We have our answering control of their and you can see we can move around our selections. One thing we're noticing, here's what we move with the on screen controller. It's moving their square. Or if we select the circle by a much bigger amount that we're moving the actual circles. So we're not really kind of focusing focusing in on that. So one thing we can do here if you come across this is we can actually change the scale. So that's gonna multiply the value that we're moving. Things by here kind of offset the values oneness. That is 2.1. Save that, and you can see that at the moment that previous version was moving a lot. If we delete that on added again, then you can see we're moving much closer to their circles. Don't quite perfect. But for the purposes, what we're trying to achieve here is gonna work well so we can position no shape on. We can scale it up, and then we can tweak the shape by moving around this onscreen controller. Now, the next thing we can do is actually use this little ring circle to modify the scale, and that's what we're gonna jump into next. 9. OSC for Controlling Scale: so no jump in and used the answering controller to control the scale of our square or circle. So we come to our circle mask, We're gonna link the X scale to the radius. It will go to X here on at a link to our slugs radius property, which is the circle that we can move in the on screen controller and will link that to the radius. You know, those things will get small here. That's OK on then will link this Ah, link fraud, ex scale. And then we'll create a new link for our Why scale to the slug to the filter on the radius on again. This will get small now. So you know, it's that we're looking at the square, but the circle is what? We're attaching these two because we built those links earlier on. So let's go ahead and have a look at this. It will save this. Everything is published already. So jump back into final cut pro removed there. Previous human highlight at this. And now we should be able tow scared up a little problem here. We'll fix that. Uh, our square Onda, we can zoom in, so we can zoom in on something very small, but obviously we need to tweak this so we'll jump back into motion now and we'll add a bit of both scales. This it will scale this by 10 10. That will mean that now, when we come back in and re at this, we should be able tow, scare things up nicely to get a good selection and also move around our selection so we can zoom in on a certain section scale the size we want to use, increase it on, then change the position. And next thing we'll do is we'll add slide. It's the exposition here on the Y position. I'm not having to. Onscreen controllers will avoid any confusion, but now you can see we conflict between our circle and square quite easily on. We can adjust any of the things that we need to to zoom into the screen or a particular part of the screen. 10. Sliders for Horizontal & Vertical Position: Now I want to come back into our motion project, and we're gonna go to our group. We want to create Slider to move the selection that we have left. And right. So once we've got that selection made using the onscreen controller for the group, we're gonna have to sliders that move this left and right and up and down. So for the position here, we're gonna come into an inspector our properties on. We're gonna go to had to rig Rick and out to new slider, so it's gonna create new slide up. We'll start recording, and then we'll come back to the position for our group. We're gonna send this all the way to the left. Okay? So minus 9 60 is what it should be minus 9 60 Fry Exposition. And we'll stop that. Come back to our slider and we'll just click here. Rename it. So this is Reposition hex, reposition X. I never the right hand slider we want type in 9 60 and that will send it all the way to the right. And you can see here now to slide sliding to the left and to the right with that slider on we'll leave this at 50% which we'll leave it right in the middle where we want it. So now I'm going to come back down to my group and then for the white position. My mom just unpublished this as well on for the Y position here. I'm gonna add to rake and at any slider I will start recording. And then for the the Y position Will will come to our group on. Well, pull this all the way up to the top. Make sure it sense it. Onda. We can see that the value Here's fivethirtyeight should be 5 14 Well, stop that editing. Come back to our slider which will Breen a reposition. Why? And no for the slider all the way to the right. We're gonna set that value. Teoh minus five. 40. Always the bottom. So you can see now we're sliding all the way up and down on. We just removed these widgets. We accidentally added Onda. We can now save this. We're gonna publish these. They will publish our slider here on will publish how a slider here on jump into final cut pro delete zoom and highlights and then drag it back on. So now we have our repositioning is up the top There will fix that in a second. But we have our onscreen display for re sizing the selection that we want. You might want to zoom in on one of these Ah, clips, Andi. Then we can reposition that zoom in and we can still go up on the country in control is always gonna pop off the screen at some point. So you might need to zoom out to 25% to reposition things a little bit on. We can perhaps tweak the value that we're modifying that by in apple motion as well. Essentially, we have the fundamentals of our zoom in on highlights controller here. So I hope that's useful to you. And if you have any questions about this or any of my other final cut pro or Apple motion tutorials on skill share, then please drop me a message in the course on duels. They're going to check out my YouTube channel, where I have some quick and easy tutorials to follow. You'll find the more in depth ones here on skill share, but I often regularly upload answers to people's questions on YouTube. So if you have any questions, Hopman here put on YouTube on I will work through and eventually hopefully get all your questions answered for editing or creating motion graphics in final Cut Pro had Apple motion. Thanks for watching, and I'll see you on the next month.