Master The CAMERA TOOL in Adobe Animate CC 2021 Tutorial

in this tutorial i'm going to introduce you to the camera tool in adobe animate we're going to learn how to pan zoom rotate and other things like parenting your camera to specific layers so if you've never used the camera tool before then you probably are doing your zooming in and camera movements like this you probably add new keyframes so i'm going to add them about one second here then you go in here and add your classic tweens then you probably go to those other keyframes select your free transform tool hold shift and then expand your images out so they look bigger and more zoomed in and then re-position the image to where you wanted to zoom into and that's fine that works if we watch it looks pretty good if it's a very simple animation with not much going on but if we tried the same thing on a more complex animation like this one and this one isn't even that complex i just have a couple guide layers a background that doesn't even move two classic tween layers and some easing in between if we tried it on this one it's gonna result in a complete disaster for example if i add keyframes at let's say around 100 right here and then do the exact same thing you know go to my free transform tool hold shift expand it out like this and then reposition it to where we wanted to zoom into so let's say the top of the roller coaster here you're going to be like well that looked pretty good so far but if we go back and watch it you're going to see it's absolutely destroyed so all of my stuff even now afterwards look at my look at the roller coaster just flailing away up in the sky so just so you can actually see how much better using the camera tool would be in this situation when i'm done explaining how to use the camera tool i'm going to come back to this animation and show you how much easier and better it is to actually use the camera tool all right so as you can see i have reset everything to square one so now we're going to use the camera tool to do the zoom in instead and it's going to be way easier so where do you find the camera tool well you can find it over here in your tools the thing that looks like a camera here and you can also find it right here so add camera so i'm just going to click on that and you're going to see that it makes a new layer right at the very top now this is an invisible layer kind of like an adjustment layer in photoshop or premiere right so you put the adjustment layer on top it's invisible but it's going to have commands like it kind of tells the layers underneath what to do and in this case it's not like color correction or anything like that it's just movements okay so the camera has a couple key features if you look up here you'll see the slider bar and there's kind of two options of things that we can slide and adjust so this first one here when it's just the camera with the magnifying glass you can see that if we slide this to the left it's going to zoom out make the image smaller and if we go to the right it's going to make the image bigger or zoom in now the key thing to know here is that you also get the little camera little like move tool that shows up in the middle here and you're going to find it weird because when you click and you go to the left the image is going to move to the right and if you move to the right the little camera thing the whole image is going to move to the left that's because you're actually moving essentially this frame here which is the camera so you got to think of it like this okay so i'm just going to move this over here kind of like this if i'm trying to move this frame to be on this b then i would click and i'm going to move the frame over onto the b okay so it's going to seem a little bit counter-intuitive but you got to remember that you're moving the frame here not the actual image okay and then the other one right here is to rotate so if you click on this one when you slide to the left it kind of rotates i would call this rotating it to the right and if you slide this to the right it's going to rotate to the left and just so you know if you want more precise control over how much you've zoomed in or rotated then go over to your properties over here and under tool you're going to see the camera settings so you can see right now on my x my x ass the x axis i've moved it negative 474 so that would be to the left and then my y axis negative 191 it was going to be up and then you can see that i've zoomed in 170 percent and rotated negative seven degrees all of that you can control by just clicking on them and sliding it so you can adjust more precisely or type numbers in if you want now what's good about this as well is that if you get lost in translation you're moving stuff around you're like ah how do i get it back you can just click this little back thing right here this little back arrow that'll reset the position to the original spot and then zoom here you can reset your zoom to 100 and then you can reset your rotate to zero and then you're back at square one once again and just a little side note if you want to get off the camera tool you can't just click down here it's not going to work it's still going to be on that tool you actually have to click to a new tool right here so i'm going to go to free transform and then i can click back onto my other layers normally how i was before and then if you want to go back to the camera tool you can't in the same way you can't just click on it here it's not going to go back you're going to have to go over here to click on camera in your tools not this one this one would be removing the camera you have to go to the one that's in your tools and click on it and that will give you access back to that slider and the properties over here okay so now that we have a good understanding of how to use the camera tool let's put it into action by doing a zoom first so you're gonna make sure you're on the camera layer and you have a keyframe to start you're going to go to where you want it to end so at one second here for me right click insert keyframe and then just like you would to move anything else you click in between the keyframes right click and you're going to create a classic tween because we're going to move it right it's got a tween from one spot to the other so then we just go to the final keyframe and then you're just going to go to the slider and do what you're going to do so i'm going to make sure i'm on this one because i'm trying to zoom in so i'm going to click there i'm just going to slide it to the right and then i'm going to use my camera tool to move the frame over top of the fly and done so now when i go back we push play you can see that it zooms in to the fly and just like any other classic tween if you go over to your properties you're also going to have some options over here like easing so i'm going to instead of just having a regular ease like just straight through i'm going to change it to maybe in ease in and out and i'm going to switch it to maybe quart right here so i'll double click and now when we see that it's going to apply like a slow zoom and then fast and zoom in right so you can apply any easing to these as well and you can even apply color effects so let's say i wanted to you know adjust the alpha so i can have it go from being completely see through here to visible there so this is how you can also do a fade in with it as well if you want but for my case right now i'm going to just take that off i'm going to go none next i'm going to show you how to just make a clean cut from one close-up let's say to another so i'm going to cut from this fly to a close-up on this b to do that you just add new keyframes like this right after the other ones right click insert keyframes and then you're just going to adjust your camera to where you want kind of like a new starting position so i'm going to make sure that i move my i'm going to be on this one right here i'm going to move my frame over top of the b right there maybe i'll even zoom in a little bit more and then move the frame to be even more zoomed in and over top of the b so what will happen here is it'll zoom in to the fly and then it'll cut over to the b over here so i'm going to go two seconds later add some keyframes and then this time i will show you how to pan so now we're going to pan from the b over to the fly so same thing i'm going to click between right click create a classic tween i'm going to go over this keyframe is already right there so this one it's already right there as well but we want it to pan over here so i'm going to move my frame i've clicked in the frame here and i'm going to slide it to the right because i'm moving the frame to the right to be over top of the fly again right there and if we watch these back to back so this one will zoom into the fly then it cuts to the b and then pans over and then obviously you can do the same exact thing if you want to do a tilt as well so i'll just quickly do it insert keyframes click in here i'm going to add a cloth create the classic tween go to my spot here and i'm going to zoom back out a bit and then i will just bring the frame down towards this so kind of tilting from up here down to here and i'll just go over a little bit so now we're on these guys because they haven't had much camera time just yet so now when we watch this one it's going to go from there and then go to those guys so tilt kind of on an angle or whatever so the last one here that i'll show really quick is going to be just rotate so we've already kind of talked about it but i'll insert these keyframes then on my camera layer create a classic tween go to this one down here and i'm just going to click back over to rotate and i'll just kind of rotate around this way now make sure you don't go too far because then you're going to get gaps at the corners so make sure that you stay within the confines of the frame that at all times it's filled and obviously if you need to you can go back to the zoom in and zoom in a little bit more if you need to if you want to rotate it more so you get more frame in there like that now something really important that i need you to know is that despite the fact that i've been adding all these keyframes to extend my scene each time these middle keyframes here are doing nothing so if you see here if i take all of these away i'm going to highlight them right click and just clear the keyframes you're going to see that nothing has changed all of my animation stays the same because the only keyframes that were doing anything were these ones on the camera tool which was dictating where my camera and framing was going so why this is important is because if you have a scene like this you could either like a good way to go about using the camera tool is you could either do it like this where you build all your camera movements first and then you can go down to your layers like i'll just deal with this fly layer so i will create a classic tween for the whole entire fly layer now which means i can now add a keyframe right there and maybe like rotate the fly i'll go a little bit further along here i'll just use this one now insert a keyframe and see how he's like you can see here here's the frame i'm going to move him maybe into the frame and maybe shrink him a little bit so he's like trying to fly into the frame because he was out and then maybe over here i just do whoops i went back to this one and i'm just gonna maybe spin them upside down like this so now you can see that the camera is still doing the same thing but now i'm able to just focus on how i'm going to animate the fly kind of on its own while the camera is moving another way to do it would be to add the camera tool to an animation that exists already so i've done all my movements on this one already and i showed you at the start that if i tried to do my zooming in and stuff on this one by using keyframes it would result in a complete disaster so i've managed to make this whole animation and i'm just going to add the camera tool on top of it now after the fact to kind of spice it up so if i add the camera and then just go to the end to make sure that i add a keyframe there i'm going to right click and put the classic tween on it now all i have to do is find all the spots that i want the camera to move to so i'm going to make sure the camera zooms in up there so i'm just going to hit a keyframe there zoom it in and then move my frame up to there when it hits down there i'm just going to add another keyframe and move my frame down maybe zoom it in even more and leave a little space in front so that the next bit is going to go there and then probably i'm going to move it here so i'm going to put another keyframe stay it zoomed in like that or keep it stay it zoomed in keep it zoomed in and i'm going to move my frame again to kind of lead it a little bit there and the last little bit i just have to kind of hit this loop at the top to make sure i get that so i'm going to hit the keyframe there zoom it back in again and move my frame so it kind of hits right there and i don't see any white and then at the very end i don't want it to zoom all the way out yeah that's fine now if we go and watch this we go to control test you're going to be able to see what it looks like with all that camera movement applied after so this one comes up to the top boom it's following it along it looks like a much more dynamic animation than it was at the start and then i guess the only other thing you really need to know is parenting so there's this little button right here so it says attach all layers to or detach all layers from camera so to show you this properly i'm just going to set some new keyframes right here so now i'm kind of right back to square one again where i have nothing happening then i'm going to go in here right click i'm going to create a classic tween and i'll just do something very simple so if i zoomed in here oops i'm rotating so undo if i just zoom in a little bit okay so that's all i'm going to do here right now none of the layers are parented or connected to the camera the camera is zooming in and it's going to zoom in on whatever's in this frame and zoom in more and more and more and more get closer but if i were to take if i were to parent all of them so if i attach all layers you can see these little symbols that will come up that means that all of them are attached to the frame where they were in the beginning and you'll see that nothing is happening because i've i've attached them to be connected with the frame so obviously no matter what i do here nothing is going to happen so well why would you do that well you're really trying to look to see if you can parent one or two or three layers not all of them to create maybe like a parallax effect or maybe if you have like an object or something that's coming towards the audience and it's like driving down the road or something this could be a way that you can do that as well so if i do this now if i unclick the fly you'll see the fly now jumps to where i had it zoomed in so now i'm zooming in now it's not connected to the frame so as i zoom in it's going to get bigger right it's not connected to be this size so i could disconnect maybe just all the bugs so the bugs the b and i'll leave the rocks and stuff so you can see that now the ones that are not parented to the camera i can zoom in and out and control those where i lock these ones so you can maybe see like i said if these pretend this is like a car down the street here and you have your road like locked you can now just use the camera to zoom the car closer and closer and closer to you or like a planet or like i don't know what i don't know whatever thing you can think of that you'd want the background locked and then this helps you to maneuver the objects closer or further away from the camera but just be aware that whatever parenting you do over here is going to affect the entire scene you can see here that the whole timeline of everything we did before is now adhering to the same two parenting things that we've done here for these two layers so if you want to not use parenting in one section and then use parenting in another part of your timeline you're gonna actually have to add a new scene so right now we only have one scene you're gonna have to add a new one and then copy those frames over i do have a whole video about working with scenes in the description below but i'll show you how i would deal with this one right here so the first thing i would do is go up to scene if you don't see it right here go to window and then down to scene and you'll probably see like a floating panel show up like this just click on the word scene right here on the little tab and drag it over here to dock it right there and then we're gonna have to add a new scene so that's right here this little foldy thing in the corner add new scene and the yours will say two i've obviously done this already on this one so scene two and then what we're gonna do is go back to scene one and just copy these frames right here so i'm gonna select all these ones from corner to corner right click and i'm going to go cut frames and i'm going to go over to scene 2 and then just right click in here and paste frames now on this one i can put a new camera so i'm going to go to here and add new camera i can do the same steps add a keyframe click on here put a classic tween go to this i'm going to zoom in and rotate a bit like i did before but remember i'm just going to parent the rocks and the blue background so that the only thing that are not attached to the camera they're going to do the kind of zoom in and twist and rotate are the bugs okay so that's a separate scene now scene two and if i go back to scene one i'm now going to unclick these two cameras and then highlight all these frames that i don't need anymore right click and remove those frames so if i go back to the start of this one it's still going to be how we did at the very start so our pan zoom twist whatever is going to be there and to watch them all together you go up to control and test and then we can see scene one and scene two will play back to back so there's our little twist and it'll cut right to scene two so scene one right here as soon as it ends cuts to scene two and that's it that's my introduction to the camera tool in adobe animate if you got something out of this video make sure to drop a like and if you're new to the channel please consider subscribing and i'll catch you next time you

Channel: Shawn Dolinski

Views: 6,243

Keywords: using scenes in adobe animate, camera tool animate cc, camera tool adobe animate, adding scenes animate, actionscript 3.0, adobe animate, animate cc, adobe animate tutorial, how to animate, camera tool, zoom adobe animate, camera zoom adobe animate, adobe animate zoom effect, how to pan in adobe animate, rotate adobe animate, parent camera animate, how to use the camera tool in adobe animate, using the camera tool in adobe animate, animate tutorial, animate cc 2021

Id: DLWmDPiws5Y

Length: 19min 6sec (1146 seconds)

Published: Mon Nov 30 2020