Keyframe Animation in Photoshop

hey everyone welcome back to another video in this one I'm gonna play some footage of me laying out some key frames and chat to you while this is happening this is a character focused shot so I will start with the character for this one in many of my other videos I've shown you how I first create a background and then sort of slot my characters into it but this will take the opposite approach this will eventually be a shot that goes into my current personal project which is an animated short film and if you're new here and I got a bunch of videos covering different shots I make for this film in this one I will work with what's called post to post animation which means we establish a few main keyframe poses and that then drives the full sequence these are the most extreme or you could say most significant frames might carry or poses my character takes and they can be later blended together with in-between frames to create a smooth animation there are a few ways you can animate either you can do this with a few guiding frames that drives your full sequence or you can animate chronologically starting from frame 1 and going forward frame by frame for less quick motions and acting of characters like we're doing here post a pose animation always seems to be the better way but linear animation where you draw chronologically is great for other things like animating effects like water or smoke or really fast action moves for example but with poster pose have a bit more control and it allows you to eventually see the full sequence in a low frame rate but you know you can still see it before fully committing to it I'm using Photoshop to animate here as you could see in the beginning I brought up the timeline and created a video timeline then I set my frame rate which is 12 fps and that's what I use for all the characters for this film and then I created a video layer which I can draw on to be able to animate in Photoshop those are the basic steps you go through and it's pretty simple my character here is somewhat detailed so each frame takes some time to draw I thought it could be interesting to see some bits in real time here to get an understanding of the time I spend on each of these key frames sometimes when we only see the time lapses of the process it might be hard to actually get the hang of what actually goes into it I think some slower pace videos like this might be cool but of course if you want to be able to see the entire animation come together I would have to speed things up as these sometimes take hours or you know even days to finish for this episode we will only get the key frames done and not the in-betweens so will be quite a jagged animation but it will establish all the main poses this shot will contain dialogue so I'm gonna have to animate the mouth and expression of him I will first get the general moves down though and then focus on getting the keyframes timed correctly to the audio I have not yet recorded the audio but I know what he will say so I will recall that once these first frames are done first we will get the general moves in [Music] to give you a bit of context here this guy's one of two main characters for my film and he's a rock climber and together with his mates they're hiking up a mountain to this big boulder that they are projecting to climb and in this shot specifically he's responding to what the other guy is saying so we cut from the other guy to this and they're talking about the different moves that will be required for this climb and he's sort of mimicking them standing on the ground and you know trying to visualize them you see this a lot in rock climbing so if you're into that you might know what I'm talking about he's reading the boulder that's what it's called he's basically gonna flap his arms around trying to remember the sequence of moves that are ahead of him just so you're on board with what I'm sort of aiming for here so I just flipped the cameras and why I do that is to just get a fresh perspective and see you know if there's any problems I didn't notice before when you look at a picture for too long it's not easy to see the mistakes and you know whether it's of proportions or waited in the wrong place or so on so flipping it gives you this instant refresh that sort of helps you to spot these things [Music] so this is the first keyframe and we can now go forward to the next I turn on the onion skin features so I can see what's going on between the frames I set these somewhat low I don't want to see it too clearly I want to be able to tell what's going on in the previous frame but I don't want it to distract me for the second frame I want him to lean over slightly to his right so I'm using the keyframe before as a guide to get the scale and everything correct and then I offset something slightly here it's good to move back and forth between the frames just to check that it transitions nicely from one to the next it's like the old masters used to do with the paper where they you know flip the last couple of sheets between their fingers to get like a slight reference of how the movement works I am working in 4k resolution in case that's interesting to know I was tend to work in the resolution of what the film actually will be like in the end something I quite enjoy is drawing hands it's always challenging but it's also a fun practice and it's satisfying when they turn out the way I want them to it's a lot about capturing the right silhouette rather than getting all the fingers in the correct space well the fingers needs to sit in the correct place but the overall shape of the hand is more important in getting all the details in [Music] by the way thanks to everyone who's joined me here over the last year it's really been cool to see how the channel has grown you know pretty quickly and yeah it's really nice to read all your nice comments as well so it definitely motivates me to create more [Music] [Music] so I'm happy about how he brings his right hand over here first and as he imagines you know grabbing onto a hold and then now I'm gonna make him sort of stretch out completely to the next hole after that this would be the hardest move on the boulder so he's basically saying that to his partner while simulating it he's gonna say something like yeah but then I think you really have to go dynamically to the one after and when he stretches out his arm he basically shows the dynamic move he's talking about probably none of this makes sense to you at the moment but when slotted into an edit it will hopefully make sense right now I understand if it's a bit confusing but I'm sure we will get there this is the first stage so these frames will be cleaned up at a later stage but I try to spend enough time on each of the main key frames so that I am happy with what my character looks like in each of them things like his hands I can refine in the next step but I want there to be enough information so that I know what's going on and so it doesn't look messy [Music] I'm gonna add a frame between these two key frames as I want a frame that anticipates the upcoming big movement of his arm I need a guide - so lean over to his right and then fire out his arms so that you know so that has some impact if you want to add a frame between two frames that you already drawn on a video layer you can go up here and under the layer menu insert a blank keyframe I have even set this as an action in Photoshop - one of the function keys on my keyboard that makes that process a bit quicker you know taking your phone and filming yourself acting these things out can be really useful it doesn't have to look pretty just making sure the sequence works and that the moves looks the way you want them to [Music] so here are a few frames that covers the main poses it goes from quite passive bringing over his arm to the right stretching out for the big move holding that for a second and then drops his hand down while he keeps talking I will then cut to a close-up of his face as he finishes the sentence the next step for me will be to add you know frames between all these to smooth out the animation but I will record the audio first so I can time these to the sentence and he will say maybe that could be something I make a video about we'll see let me know if you like this slower pace workflow obviously it means we don't get to see the full process but maybe sometimes this snippet of the workflow is interesting too all right I'm gonna leave it here but feel free to subscribe to the channel and stay tuned for more videos have a good day and I'll see you soon bye [Music]

Loading