How To Make MKBHD's Intro • Apple Motion 5

hey friends dylan bates here the final cut bro today we have a viewer requested tutorial to recreate the mkbhd intro within apple motion so let's jump right in go ahead and open up motion you can push command option and if you don't get the project browser from there we are just actually going to select the motion project after that you can set your presets to whatever you like for frame rates and whatnot and then i'm going gonna recommend setting the duration to four seconds because that's about how long his original intro is the first thing i did was drop in this reference clip of his intro just so that we get an idea of what we're recreating um and we're gonna do the best we can just kind of copying off of this video so what we're going to do to recreate this backdrop is jump into our library go to our generators and find the color solid so we'll just drag that in and actually i want to leave this reference on the very top if i can so we have our color solid let's go ahead and get a base color of this light gray color and let's go ahead and rename this to be the background after that select your color solid we're going to go to filters go down to stylize add noise now you'll see we get this ugly gray noise up here on the edges there so we're going to change the type over to film grain and it's going to look a little bit better and we're going to disable the auto animate and we're going to make it monochrome so now we just got this white and gray look now we can just drop down the amount way down just so we kind of get a look of what mkbhd had for his backdrop so here's his here's mine so you'll see it's at 0.02 if you like those numbers so we now have a basic backdrop of his video the next thing we want to do is recreate these white dots that appear so what we're going to do from here let's go ahead and create a new group and we're going to call this our replicators group because we're going to have multiple replicators in here we're going to create a circle here and you can make it anywhere in the middle and i'm going to recommend you push shift so it has a perfect radius after that we're going to go ahead and disable the outline so it's just the fill select your circle and go up and push on your replicators and actually i'm going to recommend that we rename this circle to be a white circle and then we'll just have our base replicator click and drag on these corners to get this replicator to be larger than the area of our video and we're actually because we have some animation going on we're going to want to make it even larger than what it is originally so we want to give us a little extra space to work with then we can just drag up our columns to a good amount and our rows to a good amount now this is going to look a little insane so let's go ahead and drag our scale down and we'll scoot it way down until it looks similar to what he has in his videos so we definitely want much smaller and a lot more rows so what we'll do we'll go back to our base replicator and we'll just keep the scale going down a bit more maybe down to 10 is good and then we'll drag up our quantity and i would say that's pretty good so unfortunately we have to see all these ugly x's which makes a little difficult but if we click off of it we can see them so we now have our replicator here okay so if you're watching his animation you'll see that it's kind of got this watery animation to all of the uh dots so what we're gonna do to replicate that is select our base replicator go up to our filters go down to distortion and we will find the underwater distortion filter and you can see if i play back it's just warping it all over the place which is actually kind of cool but we definitely don't want it to be moving as fast as it is so let's take the speed way down to i think even 0.1 might be a good spot let's see how that looks yeah that's considerably better and then from there let's take our scale and we'll actually scale it up considerably so let's try three let's see how that looks so now it's kind of got this nice warping animation and i think that the uh the refraction amount might be a little bit too much so we'll take that down to like 50 or so and you know what just looking at his animation i'm going to say that we need even more dots so we'll go back here we'll set our scale to eight percent maybe and then we will just drag up our columns and rows a bit more so now we've got even more dots to work with let's go ahead and recreate the look of the different dots that are vanishing and that's going to bring a lot of depth to this particular animation we're going to jump on over into our library and we're going to look up the cellular generator so that's going to create this kind of murky look we want to drag that in above our base replicator and we'll just call this the cellular mask now go ahead select your base replicator push command shift m or you can right click and add an image mask then we're just going to drag our cellular mask into the image mask so now we can just call this the base replicator mask we'll go into our inspector and we'll change the source channel from alpha over to luminance so i'm going to disable mkbhd's video and now you can see we've got this really nice looking kind of sparkle effect going throughout the waves so what we can do to dial this in further is if we jump into the gradient settings of our cellular mask we can drag the blacks over closer to the white so we can get a bit more contrast out of the two colors so now we can see defined dots that are vanishing and reappearing much like what mkbhd has got going on throughout his and ours might be a bit too intense so we could go into our cellular mask and we can drag the speed down a little bit here so it's a little slower and i gotta hide his again just something like that now you can totally dial this in to get it as close to mkbhds as you want but i'm just gonna keep this tutorial moving along so the next aspect that we're going to recreate is the dots actually appearing in so they kind of start off really large and they shrink down into scale and then they just start moving upwards so let's go ahead and recreate that so select your base replicator go to your properties find your scale attributes and we'll add a parameter behavior of ramp now we're going to be using a ramp a lot to recreate this effect what we want to do let's see how long his animation is right to there so we're going to select our ramp find the end of the animation here and we'll push o and that's going to trim our ramp down so now the duration of this ramp is going to be that long let's go ahead and set the start value to be considerably larger so our dots are a little bit bigger so now oh i made them way too big i should have started at the beginning so we'll shrink them down until they're at the size that we want somewhere in there so now if we play through you can see i'm shrinking down to scale but it's very jagged and jarring so we want to drag up our curvature slider so it's a nice smooth animation like so after that we want a continual motion of this moving upwards so to do that we'll just call this the ramp scale and then we'll select our base replicator find our position stats and we'll find the y position we're going to be animating along the y so we'll click this down arrow we'll add a parameter behavior and we're going to add in ramp and so now we can animate this to move up as much as we need so come to the end and we can set the end value to be a little bit higher so it's just kind of got this continual vertical animation so now it's just continually animating vertically just like that and i think i've made this cellular mask a little bit too intense so let's go ahead and dial that back as well what i did is i made it so that there's a little bit of gray instead of black so that all the dots are continually visible but some of them go almost completely invisible i'm also going to dial up the scale the size quite a bit and take the speed down way more so now we should get a better look here perfect now we've got this really intriguing background going on okay so let's start dialing in the appearing of this so you'll notice it's kind of got this wipe mask uh it's a large circle that just makes it appear so let's go ahead and recreate that we're going to create another group here new group and we're going to call these our image mask group what we will do is create a circle that we will scale up eventually to fit the entire size so go ahead push shift so that it's a perfect circle and then go ahead and reset the position so that it's directly in the center and we're gonna call this the circle wipe and for whatever reason that didn't put it in the image mask so we're just going to move that around so it's in the proper position and i also created it way in the middle here so just come to the beginning and push i so now it's there for the entirety of the animation from there go ahead find your scale parameter we're going to add the parameter behavior again of a ramp and then we'll just come to the end here and we will set the end value to an amount that's covering the entire screen and then we can come back to the beginning and set the start value to negative 100 so it starts from nothing and then slowly grows over time go ahead drag your curvature up so now this circle has a nice slow grow animation over the entire video and what i'm noticing actually it's going way too slow if we re-watch his everything appears within about um one second so we want to make it so that our circle wipe whoops i totally misspelt wipe how did i do that let me fix that one somebody's probably already typing in the comments you misspelled wipe anyway so what we need to do is go to our ramp here and we're going to change our end offset so if i push command a we can actually see the keyframes here at the bottom and we'll come forward to about 28 frames or even a full second and we're just gonna drag up the end offset so that everything is completely covered by that time frame so now that circle is growing at a good rate so this is going to drive our image mask so what we need to do is find our replicators here and we're actually going to need to put the base replicator in a separate group which is going to have the image mask if we apply the image mask to this base replicator right now it's going to conflict with the cellular mask that we've added so right click your base replicator select group and we'll just call it the base replicator mask group or whatever you want to call it then you can push command shift m or right click and create an image mask and then just drag your circle wipe into that so now it's going to appear over time just like that so it's looking closer and closer to the mkbhd intro perfect i'm going to push command 8 again so i don't see the keyframe editor there so now let's go ahead and recreate some of those concentric circles that kind of break out over the video at random times i think he does it to the music i'm not going to play that music because i don't want to get copyright strike so we have our image mask group we're going to create a few more circles make sure you're at the very beginning so that it's the full length of the animation and i'll just click and make a circle of any size i'm going to reset the parameter so it's dead center and then i'm going to come and disable the fill and just have the outline i'm also going to increase the size of the outline just like that okay so we need to animate this circle growing so what i'm actually going to do is select this ramp i'm going to push option click and drag and drop it onto this new circle we made so we have a new animation of this circle growing from there i'm actually going to rename this outline mask 1 and now i can position this as i need down in this bottom corner so that's going to grow from that corner we just need to adjust the scale so that it grows large enough to cover up everything so go ahead find the end of the animation and i actually want it to be a little bit slower so we are going to set the end offset to zero so now it's growing over the entirety of the video and then we're going to set the end value to something that is beyond the scale of our video so now it's growing out just like so and you could apply this to the shape geometry settings in the radius settings instead of to the actual scale and you wouldn't have the width of this object getting larger over time but i actually kind of like how it changes width so now we're going to find our base replicator mask group again we're going to right click add an image mask to that once again and we are going to drag our outline mask into that now it's not affecting anything because we have the other circle that it's working with so what we wanted to do is actually subtract so we'll select the mask blend mode to subtract so now you can slowly see it kind of ripple across just like so awesome so now we could actually even duplicate this outline mask so we'll push command d to duplicate it and we'll call it the outline mask 2 and i'm going to change the ramp scale to object shape radius all so now it's just affecting the radius and then i'm going to change the position of this to the center here and then with it selected i'm going to find the point that i want it to start growing and i'll push i so it's right there at the beginning and then it it's going to do that explosion but you can't see it just yet we don't have it applied to anything as a mask so we'll just find our base replicator mask group again add yet another image mask and drag our new outline mask into that point and then we'll set the mask blend mode to subtract so now we've got kind of multiple concentric circles working throughout one last thing that mkbhd has for the backdrop is he has a few little points of red appearing so what we're going to do we're going to duplicate this base replicator mask so i'm going to push command d and we're going to change the name to red replicator mask and i'm actually going to get rid of copy there perfect and we will go ahead and jump in here and rename everything appropriately now what we're going to do is select our red replicator jump in here to the white circle copy and we're going to find the color mode we want to change it from original to colorize and now we can actually change this over to red so now you can see these dots are appearing as red so what we want to do is actually invert our image masks here so that they aren't being applied at the same time so to do that go ahead select your uh first image mask we're going to change the mask blend mode over to subtract so now you'll actually see it starts off with red dots which is kind of cool you might like that i'll show you how to fix that if you don't and then we can go to the other image masks here and set these over to add and we'll set that also to add so now we have the original red dots and then we have small concentric circles that are appearing creating these larger circles just like that now if you don't like the red dots being there at the beginning what we can do is actually select our red replicator we'll find a point where they're all gone and then we'll just push i to trim it down so that it's just the length of the points with the concentric circles just like so so the final section we want to work on is actually creating this rectangle with the nice shadows underneath it we'll select our rectangle tool actually i'm going to enable the reference just to get the exact scale we'll click and drag and make this the perfect scale just like that and now we can disable the reference go ahead jump into your geometry and you can drag up the roundness to whatever you like now we're going to want to sample the color from this which is actually the same color as the backdrop but if we go into the style we'll select our fill and we'll just select that edge and we'll also disable the outline okay so now if i disable the reference we've got our circle here and i accidentally put this in the image mask group so i'm going to change the group on this we'll create a new group here we'll call it logo okay so we've got our rectangle let's go ahead and create those shadows so we'll go over to our properties here and we'll go down to our drop shadow settings now we'll have two shadows if you look he's got a light shadow up here in the upper left and a dark shadow on the bottom right let's start with the light shadow so if i disable his reference we'll go over to our color and we'll just change it to a lighter color and let's go ahead and drag up the distance a good amount and we'll change the direction to that top left hand corner just like so and then we can blur it like crazy now we'll go ahead get the opacity down a bit just like so and i think i blurred it a little bit too much so we'll just kind of dial that in and now we have that first light shadow and again i've made it a little too intense we'll just drop the opacity so we have our first shadow there now go ahead and select the main group that contains the rectangle and we're going to select the drop shadow settings and we can drag it out the other direction so now we're getting a shadow from everything else dropping to the bottom right and we can drag up the blur again and get it exactly how we want and now it's looking pretty close to what mkbhd has there but you'll notice if you look at the reference it's a little hard to see there are some faint dots happening in here so we are going to create one more replicator so go ahead come down to your base replicator mask group we'll push command d one more time and we'll rename this to be the logo replicator and what we're going to do is actually delete all of the image masks that are happening within this logo replicator and again i'll rename this to be logo replicator just like so okay so now let's go ahead and drag this logo replicator to be above our rectangle and i'm going to disable our reference once again so we now have this replicator on top of everything we're going to create a image mask that is going to use this rectangle as its source so we'll just drag in the rectangle but we'll need to re-enable the rectangle once we do that so now we can see the dots that are actually appearing within our object here you'll notice that they're a little bit too bright so let's go ahead jump into our logo replicator we'll find the white circle we'll change it over to colorize once again and we will just drop it down in opacity so that it's very very subtle just like the mkbhd logo so now if we play through you can see the replicator is appearing just behind our rectangle here which is super cool now what i want to also do is delete the base replicator mask so that now all of the grid is completed throughout the backdrop of this rectangle and now that i've done that i'm actually going to dial down the brightness even more so that they're even more subtle just like so okay so the last part we are going to do is animate in this background rectangle so let's go ahead jump into our properties and make sure we select the rectangle i should say and i'll actually change it to logo rectangle find your scale parameters click this down arrow add a parameter behavior of ramp and let's go ahead look at his reference and see when the growing stops of this object so it stops right there so we'll go ahead and push o on that point that's 26 frames in just like so and then we will find our start value and set that to negative 100 so now it's going to grow in just like so and his actually starts off rounded so we could go into the shape go to our geometry settings and we could even add a ramp parameter to this or you could just do it by hand so we could click add a keyframe drag it way up so it's really circular and then have it square out towards the end to a value of 50 just like so and now if we jump into our ramp settings here once again let's drag up our curvature so it's got a nice smooth animation perfect and then he has one more animation of it vanishing so we'll go ahead and select our ramp here and we'll change it to ramp outro and then we can move this towards the end here and then we'll change the start value to zero and set the end value to negative 100 so now it's going to have a nice smooth animation out just like so now if we watch his reference let's see it starts shrinking right at this point so we'll just drag our ramp outro just a little bit so it matches the same animation so we've got it popping in and then we've got it zooming out and you could even add that roundness to it again on the way out if you wanted now i would recreate the logo that is going on here but that is a whole nother tutorial so that's gonna have to wait for a future video but what we have created is this really nice looking dynamic background that looks just like mkbhd's logo um his might be a little bit better but i think he's probably spent more time on it if you enjoyed this tutorial you might also really enjoy my vox animation video that i did for apple motion thank you so much for watching if you are a patron you can download this project file right now with that being said i hope to see you in the next one

Channel: The Final Cut Bro

Views: 2,910

Keywords: The Final Cut Bro, final cut pro x, tutorial

Id: LGPMiZnl-uc

Length: 22min 23sec (1343 seconds)

Published: Mon Nov 22 2021