Join Maxim Jago for an in-depth discussion in this video The Animation panel, part of Photoshop CS5 for Video Editors.
If you're going to work with video clips inside of Photoshop CS5, you can do it by treating the items as just layers in the layers panel, and you can apply effects to them and that's fine. But if you want to do anything over time, you're going to need the animation panel. Now, I'm just going to double-click on the viewing area here to import a piece of video. Let's have this holding hands shot will do just fine, and in order for me to see the contents of this properly to get it displayed, I'm going to switch over from my essentials workspace to the emotion workspace.
Now, really this is going to bring up a Clone Stamp tool and I'm not so concerned with that right now. What I want is my layers, and most importantly, it's going to bring up this animation timeline. You can also, of course, get this by going to the Window menu and choosing Animation. Now, if I just click through a little bit and I just resize this as well. You'll be familiar with a lot of the these controls. You've got the ruler along the top to show you the frames in the seconds. There's time code indicator on the right. You can click on that and drag and I've even go the frames per second displayed. And I just want to skim over this panel and make sure that you're familiar with the controls so you know what you're working with when you use it. First of all, you'll notice like a lot of panels in Adobe applications there's a panel menu.
And if I click on this the Option here, I'm particularly interested in is this, this is the document settings and if I click on it I get an option to change the frame rate and the duration. Now, you don't have to change the duration of your timeline in order to reduce the output. There's a work area which behaves very much like the work area in Premiere Pro, or I guess using in and out marks in other editing systems. But if you want to increase the duration, this is where you would do it. And also, before we get into the tools available for working with continuous video clips, down on the bottom right here, there is a button, if I just click this, I get a warning about converting the timeline, I'll click Continue.
This is effectively for doing stop motion animation, and that's not really what I'm going to show you today, but just so you know the buttons for it toggles between the two modes. This is for generating frame after frame after frame yourself. Let's just toggle back. Now, let's have a little look at the controls. So, first of all, you may well be familiar with this stopwatch icon. This is a standard motif in Adobe applications. If I drag through a little key here I can add comments and they're kind of treated like keyframes. If I click, I get a dialog box where I can put in this is an interesting shot, click Okay.
Maybe I'll drag through a little bit further and here I got go to previous, go to Next and Add or Remove. what would be a keyframe but in this case its a comment. And I'm going to click again and I'm going to say, yes indeed. This is an excellent shot. So, now I can toggle between the comments that I've added. You'll notice that they're not super visible. However, I can hover my cursor over a comment and I get the text inside it as a tool tip. Now, if I expand my layer 1 video, remember, you can have multiple layers of videos, no problem.
I've got a few different options, some of which will be super familiar to you and some of which won't. First of all, altered video is kind of a new one for people who've been cutting with Analyze. If I just click Back a little bit and I'm just going to pick up the Paintbrush tool here, I've got a yellow color selected, and I'm just going to draw a line across the picture. And you can see on the altered video area here, I've now got a highlight on the frame that I've drawn onto. And if I just click further down the timeline and maybe I'll draw a little circle here, again you see I gotta highlight, and maybe I'll draw down here.
So now, I can again treat these altered frames like keyframes and go Previous and Next, and it's just an indication of which frames I have made changes to. Now, altering position opacity, those should be pretty familiar to you from editing systems. If I get my Move tool here and I can of course reposition the video in my canvas which is transparent behind. I'll just Ctrl Z or command Z to undo that, if I turn on keyframing position. Well its pretty obvious, I'm creating key framing off that movement, but its pretty cool that you can do that inside of Photoshop, because I think it adds to the ability to use the application for composting.
Again I'll just undo, Ctrl Zed or Command Zed undo to go back enough to remove those drawings as well. Now, opacity for a layer of video is the same as opacity for any other layer. So again, if I turn on keyframing, I can select the layer in the layers panel and I can drop the opacity, there we go. And there we are, I've keyframed the opacity of the layer. Now, I don't know how often you're likely to use this because I suppose that, if you were using an NLE, you'll probably do this kind of thing in your editing system.
But again, if you want to be building a complex composition in Photoshop this is how you would do it. And then, we've got a couple of interesting options here. We can keyframe the style. Now, layer styles are these things under the effects button at the bottom of the layers panel. And just to illustrate this if I click and, perhaps I'll add a bevel and emboss just to make this really obvious. And you've got various options for how it's going to look, I'm going to make a really big Obvious bevel. Click Okay, and you can see that's now given an edge to the video layer. And it's appeared on the layers palette.
Now, if I turn on keyframing for this, and then again, perhaps move further down the timeline. And of course, I've got my opacity down there, haven't I? Let's turn off keyframing on that and bring the opacity back up. Now, I've got my bevel and emboss on the edges of the video, and again if I go back in I can double-click on the entry under the layer in the layers panel and maybe I'll just reduce the size of this a bit and click Okay. That's keyframed as well. And then you'll notice that there's a lighting angle.
So, I've got a lighter pa-, area over on the right and a darker area on the left of this, therefore, I can keyframe that as well. And in fact, if I go to my Bevel and Emboss Settings, you'll see down here on the shading, I've got a lighting direction so I can switch that over to the left, maybe, and I keyframe that. So, if you're familiar with keyframing you're going to be totally at home with this. But just to be familiar with what altered video means. It means you've made changes to the picture and the style and the global lighting can directly to the layer styles in the layers panel.
Down the bottom we've got play for preview next frame, previous frame, go to Beginning. We can turn on or off the audio as a zoom control and if I want to I can lasso a lot of keyframes, there we are. And I can click on the trash can to get rid of them. The last thing to show you just for now is, if I do want to preview by pressing Play here, if I press it now it'll just play from where the current time indicator is. But this here is a work area, just the same as the one inside of Premiere Pro.
And if I press Play now, Photoshop will render a preview, and it'll play that back for me looping within the work area. This is also used for outputting video to a file, and just so you can see it, if I go to my Layer menu and go to Video Layers and choose New Video Layer from File, maybe I'll just pick this is another HD clip here. You'll notice that this is just like a timeline in an edit system. I've got a second layer with all of the same controls on it and I can apply opacity controls and so on.
So that's just an introduction so you know what the controls are for the Animation panel in Photoshop.
- Color modes, pixel shapes, and interlacing
- Working with prebuilt templates
- Understanding layers
- Using Smart Objects
- The alpha channel
- Working with video in Photoshop
- Using Photoshop documents in video editing applications
- Working with adjustment layers, text, and layer styles
- Color grading controls in Photoshop
- Using Vanishing Point and Photomerge