Clean 3D Animated Travel Map Tutorial in After Effects

hey what's up ladies and gentlemen I mean is Alea and welcome to the crater galaxy space station in today's video we'll be seeing how to create an awesome travel scene across the world man so as you might know if you look on YouTube you'll see a lot of plugins presets project files that you need to buy in order to achieve this effect that in this video we're gonna do it entirely from scratch so I'm gonna show you how to create this effect with whatever image you have lying around and yeah with all these techniques you can do a lot of fun things okay so I'm here in Adobe After Effects and this is my image that I found on Google will first create a new composition make it full HD and make sure that the lock aspect ratio is checked off 191 1920 by 1080 and we're gonna rename this to maintain calm mein kampf okay I have difficulties with MAME completely the previous video was also like that so I'm gonna fit this to my comp size I'm gonna import my world map I already pre composed my road map just so if I later on want to change this up I can do that right here next what I want to do is create a new solid layer and this is going to be our stroke it doesn't matter what color you want to pick and click okay then I'm gonna uncheck this layer and then you have to decide where you want to travel to so I live in Belgium I want to travel to where haven't I've been yet if that show seems nice okay so I will click on this layer that we just unchecked go to my pen tool and then on Belgium I'm gonna click and drag just so we have that smooth line coming out and then on Russia and Moscow we're gonna create another line and the line just has to look like whatever animation you want to apply to your to your curve here so we can just adjust it and this looks kind of alright then we want to go to effects and presets or with the effects console we can search for stroke and apply that it's automatically going to choose our mask one from that layer which is this mask and then if we increase the size immediately start seeing that if you enable the layer of course we're gonna let enable the layer we have our stroke here so I'm gonna make it a little bit thinner and also here for the paint style we can paint it on the transparent so that way we see it on our video and of course you can also add spacing if you want that's up to you let's do it with spacing for this video and change the color to whatever you'd like there we go so now we have this line across our map obviously we want to animate our line so to do that we're going to click on the end stopwatch here which is currently set at 100 at the beginning of our timeline click on stop lunch move forward in time maybe 3 seconds and then set it to 100% because that's actually the end results we're gonna press e on the keyboard and click here to make another keyframe then go back to our first keyframe and set this to zero so now we're gonna see that animation of the travel sequence now it's of course up to you if you want to have a linear animation which means it's going at a constant speed or you can do an easy ease where it's gonna start out slowly ramp up in speed and then come to a slow stop again so let's do that just because it's a little bit more complicated for for this video and that way you also see how to do that so keyframe systems easy ease we can go into the graph editor right here which I'll show which shows you the speed it will actually do so it's going to ramp up speed up here and come to slow stop of course if we're going to drag this in it's going to be more abrupt and you're gonna see a bigger difference so right here we see this it's ramps up and boom we come in Moscow of course for traveling we don't want it to be that extreme but I just wanted to show you so you know what you can do in Adobe After Effects so that wait we have this animation which still looks pretty boring we can also click on this layer and add a drop shadow by searching drop shadow and then apply that to your layer and maybe add a little bit of a distance that way it's going to look a little bit more tree d it's going to look like it's going in depth and there we have it pretty cool I dropped the mic so now the most complicated part of this animation is the 3d animation where we fly over that so we're going to create a new camera it's actually really simple that's that's the goal here if you're a After Effects expert you want to make everything look super complicated but actually in reality it's super easy so that makes you look like a professional while you're not specially when you watch our tutorials and especially if you visit our website creator galaxy comm the one-stop shop for any digital creator and if you buy something from our website it helps you support this channel as well we have a ton of awesome templates presets packs and yeah who knows what's coming next horses for Premiere Pro After Effects and all for a low affordable price because we want you to make epic videos links are in the description below go check it out it's really awesome I can't say anything else about the website creator galaxy comm creator galaxy dot-com creator I will be waiting here until you go and visit actually actually go visit otherwise I don't continue my tutorial [Music] you've got a visit so here we have our camera and then next what we want to do is click on our world map make sure that you toggle the switches if you don't see that 3d icon right here and enable treaty for this layer and also for the stroke effect while we have our camera we do want to create a new null object and we're also gonna turn this into a treaty layer and then we're going to click on a camera parent this to our no that way our null is going to be our control from the camera and that way we can do some cooler animations because the camera is following the rotation of the nose so it's going to follow and make cooler animations than if the camera would just really simple pan and tilt so that's kind of how it works maybe my animations look a little bit weird but hopefully you'll understand we click on the null and we're going to press R on the keyboard and also hold shift and press p on the keyboard that way we see the position and the rotation tags here we're going to the beginning of our timeline and then we can zoom in with the Z here we can also rotate it across the map so we're starting off in Belgium where I live maybe rotate it a little bit like that we start here and we create a stopwatch for all the rotation tags just because we can and then go to three seconds and here we want to rotate it the other way there we go of course because we added that kind of easy ease we have to add it on this animation as well otherwise it's not gonna follow equally so we're going to apply an easy easy effect to all our keyframes and head over to the graph editor again select all the beginning keyframes click here and hold shift and drag it in just a little bit and then same for the end here and now if we're gonna play this back we have our travel animation super cool of course you can also click on your camera go into the camera settings go into camera options go into the depth of field and check it on nothing is happening because we have to change your aperture to 130 and now everything is blurry but if we're gonna play with the focal distance we can sharpen Moscow and create that very cool depth of field look where Moscow is sharp and everything around the camera is not so that's really cool and then of course you can animate these elements so we can go till the end and click on the stopwatch for the focal distance go in the beginning and make sure that Belgium in this case is sharp so everyone can see where we start and where we are going to and of course the lowered value here for the aperture the less blur you will have in the rest of the image so we start off traveling right here maybe everything should show that it should be sharp so we're going to change it here to something like that [Music] we also have another asset right here a pin location which we can also import in our scene we can also make it a 3d layer and then we can reposition this to our final destinations just so we have a little bit of an extra element so we're gonna position is over here I'm gonna also click on my pan behind tool and move my anchor point here to the beginning and then I want to press R on the keyboard and rotate it up and that's pretty cool press S on the keyboard click on the stopwatch for the scale move a few frames backwards set it to zero and then on the last keyframe you want to right click keyframe assistance easy ease in go to the graph editor select this and drag it in a little bit like that and that way we have an extra element that is kind of popping out here [Music] what I also did and the example is have that little circle so wherever you land having like a kind of echo so to do that we're going to create a new solid layer and we're going to click here go to the ellipse tool and go to the center hold ctrl and also shift to make a circle like this and right here what I want to do is press S on the keyboard and also click on the stopwatch for the scale for your few frames backwards set it to zero and that way you scale it up and then we want to press M on the keyboard click on the mask press ctrl that way we're going to duplicate our mask and set it to subtract then we want to open up the second mask options and go into the negative value for the expression for the expansion and that way we have this little line we're also going to click here at the last keyframe on the stopwatch for the mask expansion and go to the first keyframe we're going to increase it a little bit or decrease it a little bit so we have a thicker line in the beginning and it kind of becomes smaller towards the end and then we also want to go in the middle press T on the keyboard click on the stone for the opacity go till the end and set it to zero so it fades out so we have now this growing kind of circle which really clarifies the location first you on the keyboard it's like the last keyframes all of them right click keyframe assistants easy-easy in again go to the graph editor select these you drag them in a little bit and then also make this entry treaty layer then go and search it because it's gone right here and then position this with the V [Music] point cool you can go to layer solid layer settings or taking one of that orange tones bring it below the pin maybe we can click on the pin and also go for a drop shadow and then we want to use the same one here duplicate it or actually first we're going to trim it to the keyframes that we actually use just so it looks a little bit better in our composition and then duplicate it and right here in the beginning we can do the same thing with the pen tool as well so we can use our pin location and also trim this duplicate it and go to the beginning here and then we want to press B on the keyboard and move it all the way to the left [Music] all right so that's how to create a map animation in Adobe After Effects I hope you enjoyed this tutorial if you did give this video a like also be sure to subscribe to the channel for more definitely check out a crater galaxy comm we have a lot of stuff to offer for any digital creator and if you buy something on our website we you support our channel so that's kind of a nice deal I hope to see you on the next one take care and good bye yes hey what's up ladies and gentleman i mean--is leia and welcome to the greater gather loop [Music]

Channel: Ignace Aleya

Views: 1,441,268

Keywords: ignace aleya, yt:cc=on, after effects tutorial, after effects, how to animate travel map, how to create map animations, how to animate a map in after effects, how to animate a map destination in after effects, map animation after effects, animated map effect, travel map animation after effects, animated map path after effects tutorials, create traveling motion graphics, after effects map animation, after effects map animation tutorial, after effects map line, map animation

Id: p2O2VYm0uvo

Length: 13min 52sec (832 seconds)

Published: Sat Feb 29 2020