Make Maps Like Johnny Harris • Apple Motion 5

hey friends dylan bates here the final cut bro johnny harris is an absolute legend when it comes to map making today we're gonna try and take some of that sweet legendary sauce and make our own maps but they also have a super cool plugin to share with you from my friends at motionvfx and it will take your excellent map making ventures and make them happen in a fraction of the time let's get started go ahead and open up motion if you don't get the project browser you can push command option n and that will give you the project browser next you'll just want to select the motion project and then we can set the duration of our clip to something like 20 seconds set your frame rate to whatever you desire for this tutorial i'm going to do 59.94 and we will push open the first thing we're obviously going to want to do is bring in a map so you can do that with command i and then we will just locate our map that we want to do so i found this amazing 12k map off of i believe deviantart i'm going to have a link in the description to this if you want to download it for yourself it was free and i'm just going to import that so this map is at a 12k resolution which is really important because when you're going to be zooming in you don't want it to look pixely 4k 8k those would work for a 1080 timeline but i got 12k because i want my computer to suffer the first thing that i want to show you is how to do some really basic camera zooms and i'm going to show you the easiest method for applying these animations so you don't have to have any understanding of animation so what we're actually going to do is rather than put in a camera first things we're gonna do is add a rectangle and we'll just create a rectangle then you can go into your inspector go to your geometry and i'm actually gonna set the size of this to be 1920 by 1080. so that's going to fill up the entire frame but that is okay we're going to fix that in just a second then from there go to your style go ahead and disable the outline so it's an actual 1920x1080 and now let's go ahead and scale this down to something like 25 i'm going to rename this as our camera animator and then i want to actually turn it red so i can easily see where it's going to be jump into your properties and we can just lower the opacity so that it's just barely visible and this is going to be a visual indication of where your camera is going to go after that we're going to jump on up add an object and we are going to add a camera and then from there we're going to switch the entire thing to 3d in the camera we can go up to our behaviors go down to camera and we're going to choose framing and framing is really nice for creating dynamic camera animations very quickly once we have that go ahead drag your camera animator into this well here and what you'll see is if i play through this you can see the camera zooms in to totally fill up the frame with this red box which is exactly what we want but it's not very smooth so we're going to change around some settings to get it really smooth looking the first thing we want to do is the position transition time we'll drag that up to a full 100 and i'm actually going to set this down to two seconds so we can really see it happening so if we play back you can see that it's doing the zoom and it's gonna be a little bit choppy because i'm working with a 12k texture we also want to change the transition type from constant and we're actually going to do ease both so now it's going to start out with an ease curve slowly zoom in and then go to the end but you'll see it's got this weird animation where it kind of shifts off to the side and then zooms in so we can fix that by going to the orientation and set it to orient to final now i don't know why this isn't the default because this fixes a lot of issues when you set it to orient to final but now you can see we've got this nice smooth animation into this red box what's really great is anywhere that we move this camera animator the camera is going to zoom in on so that's a really easy dynamic way to get your camera to zoom in exactly where you want it and you can disable the visibility of this clip and so now when it zooms in you won't even see it and you can just have some really great smooth animations so i'm going to move this over the top of the caribbean for today or caribbean or however you want to say it according to jack sparrow it is the caribbean so we're gonna go with that today so from there let's go ahead and get rid of these black lines here we'll just scale this up to i think 28 fills out the whole frame now let's say that we want to add in another animation where the camera moves to a different location on the map well that's again super easy we're going to go up to our framing and we can push command d to duplicate it so all of our settings are identical we can move it later into the scene here and then let's go ahead we'll go to the end of our framing here we'll go to our camera animator we'll add a keyframe move forward a frame and then move it down to where we want the camera to end up so we can just move this down i'm going to go down to chile here there we go looking very lovely so now we've got this really dynamic animation zooming in here and then it goes down to chili so the next thing we're going to do for this map is add in some fancy text and that's just going to outline our locations so first we're going to zoom in here to the caribbean and i'm going to click and add the text tool i'll type in caribbean and then we can just push escape and that will finish that off now you'll notice that it's totally vanished so to fix that we'll go down here to our position tab and you'll find the z setting it's at negative 1 706 so what it's basically doing is it is behind our map here so to fix that click this down arrow and push reset parameter and now it should be on the top so now you can see as the camera moves around the caribbean text is there and we could actually even move it a little bit earlier here and i can select that push o and that will extend it out to the end so now our camera zooms in and it has the caribbean but it's not really very 3d yet so if we just change our z position here we'll go vertically a little bit like say 106 pixels that seems good it's got a little bit of three dimensions to it or we can move it way forward in 3d space and we could adjust the scale on it shrink it down to what we want and it's looking blurry i'll show you how to fix that in just a second but now the the caribbean text is going to be much more 3d on our zoom so it's going to add a lot of depth to our map so to get it to be not blurry go ahead and change your quality over to best and now we can see the text perfectly clear so from there let's go ahead and add in some more text down here at the bottom for chili so i'm going to duplicate our caribbean text but it's kind of annoying to have to move back and forth in our map to find our text layers so if you want to change that we could actually click on this button here and give us two windows to work with then we can change the camera type over here in the top left hand corner of each of these windows so i'm going to set this to the front and that should give us a broad view of our entire project here so we can just get a good idea of what we're looking at i'm going to select our caribbean copy here and then i'm going to drag it down to where i want next to chili and there we go we've got that all lined up i can just type in chili here and escape so now we've got our text and we can move it exactly how we want it so now let's say that we want to have an arrow that goes from the caribbean down to chile so to do that we'll select our pen tool here we'll just click and i recommend doing it in the zoomed out form here so you can see where you're clicking to and then let's say we want to go right here to chile so we can do that create our nice fancy little arrow and we can actually drag this out to get more of an arc with it then we're just going to push enter and that will finish off our shape here but we want to disable the fill so it cleans it up a bit and we want to bring our width way way way down and then we'll go down here to the end cap and we'll set that to arrow also sometimes i like to set the start cap as bevel i just find that looks a little bit cleaner so now when we zoom in you can see we have our bezier curve here and then as it moves down there is that arrow let's go ahead and move the arrow to our final position that we like so we'll just have it set right there and then let's say we want the animation to happen as the camera is going so we'll just find our last point offset here click this down arrow add a parameter behavior and we are going to use the parameter behavior of ramp ramp is just a really great way to get a nice smooth animation so we'll find our curvature slider here set that to a full hundred and then we'll come up here to the start value and we will set that to negative one hundred percent so now it's starting from nothing so you can see the ramp is happening very slowly over this animation so let's fix this by setting an in point here we'll push i that will start the end point there and then come to the end of our framing copy here and we'll push o and that will create a nice dynamic little animation for our arrow pointing down to chile and you'll notice that it's got this weird blip here so we can fix that by selecting our bezier curve and we'll just push i and that will trim it down to size so that it doesn't have that weird blip anymore now we could dial in the color of this we could set it to like a yellow color or something or even red to show danger we could go to our properties and we could set the blend mode to something like overlay so now it's just over the top of the map almost like it's drawn on there and now let's say that we want when that gets here um a lot of the time i'll see johnny harris you know kind of create these circles that show tension or war or something like that to highlight a point on the map so to do that let's go ahead select our circle tool here and we'll just create a circle generally about the size that you want it somewhere in there is great and once again this circle is in 3d space so it's down below everything so we'll just reset the position on that and then we can select our tool we could drag it over here the scale is way too big so we'll jump into our geometry and drag that down to the size that we want and also i think this has an outline so there we go we'll just dial that into the location that we want so we'll set that to 45 just so it's nice and clean let's go ahead change it to be red to imply danger and then we can go over to our properties and we're going to animate this scale here so we'll click this down arrow add a parameter behavior we'll select ramp once again we'll just move forward about a second we'll push o so that it trims our ramp down to one second and then we can drag our curvature way up and set our start value to negative one hundred percent so that it's starting from zero and as you can see it plays out and just slowly grows over that section now we can go back to our properties and set this to overlay and so now we have this gorgeous looking red circle over chile and let's say we want to have two of these we could just do command d drag it a little later into the frame and then we could drag this one up say to this area and we'll have another red circle and we could even adjust the scale here to be 100 so it's a lot bigger just like that so one last thing that i want to show you is you could actually have your text animate in we're just going to select our caribbean here and we'll go to our text behaviors and we can do text basic and let's just do fade characters in so now it's almost going to write those words in caribbean just like so we move down and here's chili we could have chili also animate in let's see if we find a point right here maybe we want to start going in so we'll push i for in and then we could go to our behaviors text basic and we could do fade characters left in again so now it'll kind of write in chile and we got our growing animations there so if that seemed like way too much work to build in motion yourself well i have got good news for you motion vfx has got you covered so i'm going to actually show you from their m travel 2 pack this really cool travel map animation they've got built and i'm going to show you how to use it and we're going to try and recreate the effect we just made in motion but in a matter of seconds so i'm going to drag in their travel map from their titles and we've got our departures over to our arrivals so what we can do is go up here to the settings and we're going to change this to set location so you've got the pink dot and you got the blue dot we're going to drag the pink dot over here to the caribbean and the blue dot down here to chile and then from there we can just go back to the final effect and we've already got an animation going from the caribbean down to chile just like that we could also dial in the text so we can have this say caribbean if we wanted to or whatever you want it to say and then we could go down here go to our arrival location and change it over to chile so you can do that you can also change the font whatever you want to do but you can also dial in a thousand other settings i don't know if it's actually a thousand but it feels like a thousand so you've got your camera zoom that you can dial in here you've got your rotation if you want to go crazy um you have got your c color if we want to change the c color we can make it black the black sea uh you could get rid of the opacity all together so you could drop in a nice looking background if you wanted to you can change your line width and if we wanted this to look a little closer to what we made in motion we could actually change this airplane so if we want to get rid of this airplane we could actually change it over here to an arrow so it'll look kind of similar to what we made in motion but you can just see how the camera is really nice and smooth and fluid looks really nice and clean and there are so many settings here if you can't get what you want it to look like i would be very surprised so if you're going to be making a lot of maps strongly suggest this plug-in pack there's also all of these other options with backgrounds there's other animated maps just like this with routes city roads and memories and then all these icons it's really an exhaustive pack really incredible so if you're gonna be making maps pick this one up link in the description if you want to see a video that's just like this but we're animating like vox check out this video thanks so much for watching and i hope to see you in the next one

Channel: The Final Cut Bro

Views: 4,148

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

Id: 3kR8zZq9Pdw

Length: 14min 8sec (848 seconds)

Published: Mon Oct 04 2021