How to Pan and Zoom Video in Photoshop CS6

[♪Piano playing♪] [The Complete Picture with Julieanne Kost] Hi and welcome; my name is Julieanne Kost, and on today's episode of The Complete Picture, we're going to learn how to pan and zoom not only a sequence of images in Photoshop, but also video as well as stills. So I'm going to begin here in Lightroom, and you can see that I have a series of images. Now these were taken while the camera was obviously sitting on a tripod, and I used an intervalometer in order to take a photograph every certain amount of time. Now I want to create a video out of these, and I've already adjusted them a litte bit; I've added a little bit of contrast and a little bit of clarity in Lightroom, and I've also exported the original raw files so that they're JPEG files. That's important, because when we take this into Photoshop, we can't take a sequence of raw files; we have to take a sequence of JPEG files. I've also resized them down a little bit. They're not at the full resolution that they were captured, because I was using a digital camera that captures about 5,000 pixels across. We don't need that much resolution or that much information when we're going to ultimately output these to HD video. So I've gone ahead and resized them down to 1,600 pixels at their width, and the reason that I chose 1,600 is because I actually want to pan across these images over time, and I didn't want Photoshop to have to interpolate up the information, because ultimately, I'm gonna be creating a video that is 1280x720. All right, one last thing to notice here is that they are numbered sequentially, so I'm starting at 1, 2, 3, 4, and so on, and they don't have to start at 1; your images don't have to start-- the sequence itself doesn't have to start at 1. It's just that there can't be any gaps in the sequence. All right, so how do I get these into Photoshop? Well, let's go ahead and switch over to Photoshop, and I'm gonna actually use the open dialogue box, so I'll use Command or Control O to open. I'll navigate to that folder full of images, and I don't want to select all of the images, because if I do, you'll notice that I don't have the option to open as an image sequence. Instead, I'll just select the first image in the sequence, and then choose Image Sequence, click Open, and then choose the Frame Rate that I want. In this case, I'll leave it set to 30, but you can either select from the drop-down here, or you can just enter in your own frame rate. So if you wanted it to look maybe a little bit choppier as the time progressed, you could lower this down to maybe 8 or 10 frames a second. But I want to be a little bit smooth, so I'll go ahead and click OK, and now we can see in my Layers panel, I have a video group, and inside that video group, I have Layer 1, which is my image sequence which as has been turned into a video layer for me. And in fact, if we look down here at the timeline, we can see the video group, and if I tap the space bar, we can actually play this video layer and see this sequential time lapse. All right, one of the things you might want to do if you don't see the timeline down here is you might want to change your work space. So here I've got it set to essentials, although I have changed it a bit, so instead, I'll down to Motion, and that just makes the timeline a little bit larger. Excellent! Now, when Photoshop created this video from the sequence of images, it did it at the size of the image, and I want to change that, so I'm gonna go into the Image Menu, and I'll choose Canvas Size. I'm not gonna choose Image Size, because I don't actually want to resize the entire image area. What I want to is I want to make the canvas size smaller, the size that I'm going to output the movie, so that I then have extra image on the sides so that I can pan the video. The width of this is going to be 1280 and the height is going to be 720. And you'll notice that this aspect ratio-- this 16x9 aspect ratio is not the same aspect ratio as the original, so I'll have a little extra on the top and bottom, as well. Now, I can choose where I want to anchor this, so for example, I could anchor it to the left side so that I could then pan to the right, but if you forget or you're not quite sure, you can just anchor it into the center, and then we can move the image in a moment. In fact, let's go ahead and do that; I'll click OK. It's gonna warn me that some clipping will occur; that's fine. We'll proceed, and now if I select my Move tool, you can see that not only is there information to the left and right; there's also information at the top and the bottom, because like I mentioned, the aspect ratio of the original does not match the aspect ratio of the output or the size of the video that I want to output. All right, the important thing is that originals, or at least the ones that I exported, were 1600 pixels wide. What that does is it gives me the ability to pan left and right here without Photoshop having to resample up the image. Now what's the easiest way to pan the video? Well, right now, if I use the triangle here on the video clip, you'll notice that I have options for the video like duration and speed, and I also have options for audio. This isn't what I want, though. I want some motion options, and in order to get those, I need to change this layer here into a Smart Object, so I'll just right mouse click and choose Convert Smart Object. Now that it's a smart object, you'll notice that it changed the background here to purple and when I click on the arrow here, I now have different options for motion. Here I can choose the pan and zoom to pan, zoom, rotate, rotate and zoom. In this case, let's keep it simple; I just want to pan the image, and I can put in an angle; in this case, I want to start panning from left to right, so I'll enter in 180. I can also choose to resize, to fill the canvas, or I can uncheck that if I like what I'm seeng right here and I don't want Photoshop to resize it. I'll go ahead and tap the Enter key and let's go back in time to the beginning of the clip and now I'll tap the space bar, and we can play the clip. You can see that it's making the preview here as it goes along, and you can in the image area that we're panning, so this tree is going to start to disappear, and over here on the right, we're going to start to see the little hut or house over here. Now the first time that you're previewing, it might take a little bit longer while Photoshop is actually creating that preview, but if tap the space bar again, the second time you can see that it's playing in real time. And that's all there is to it if you simply want to pan left to right or we can go in and out of zoom or we can zoom and pan. We can do all of that just using the motion control inside of the timeline in Photoshop CS6. Now, for those of you who want more control, let's go ahead and go back to the Lightroom. I'm gonna move to this folder, and we're gonna open up this image. I'll use Command E or Control E, and I want to edit the original, because this is layered Photoshop document. You can see over here, in my layers panel, that I have 2 different layers. I have the layer down here at the bottom, which is a video layer, and then I have layer 2, which is a photograph. So let's begin with layer 1; in fact, I can go ahead and double click on that, and we'll just call this video so that everyone's clear as to what this is. There is also a video icon here that will help us to quickly identify that's a video layer. Now as I use my time insertion marker here and drag along the timeline, you can see that we're only seeing the video, and of course that's because layer 2 is turned off; the I icon is clicked off in the layers panel. One of the things that I know about this video layer is that there was audio that was recorded with the video and it's actually terrible audio, so I want to turn that off. So before I do anything else, I'm gonna use this right arrow here. I'm gonna audio, and I'm just gonna mute the audio. Now I want to know what size the original footage was, so I'm going to use the keyboard shortcut Command Option I or Control I in order to go to image size. And you can see this was captured in 1920x1080, and I don't need that high of a resolution, so using the image size dialogue box, I'm gonna change this, and I'm gonna enter in 720 and Photoshop will automatically calculate the new width for me at 1280. Now when I click OK, Photoshop is going to show me a dialogue box that's telling me that if I'm going to transform, basically make this image size smaller, it's going to automatically convert my video layer into a smart object, which is great. I'll go ahead and click Convert. Now you might be wondering why that's such a great thing. Well if I wanted to add a zoom or a pan on this, Photoshop hasn't thrown away all that extra data that was captured, so if I want to zoom in, for example, Photoshop will use all that extra information. It won't need to interpolate up or make up any data. You can see over here that video layer is now a smart object. All right, last time using the still image sequence, at this point, all I did was use this arrow and then I chose the motion that I wanted to apply, and we could do that as well here, but I wanted to show you another way to do this so you have a little bit more control, and the way that we would do that is we would use the transform attribute in the timeline. So my time insertion marker is at the very beginning of my video, and I'm gonna click on the transform stop watch, because I like where the video is right here. This is where I want it to start. So I'll click the stop watch, and that adds a key frame at this point in time. Now I can move forward in time, and then I can make a change to the image. I can reposition it by using Command or Control T for free transform. Now it looks like I can't zoom this in or out. It looks like the image is the same size as the canvas, and it is, but if we notice up here the width and height, it's been scaled down to 66.77%. So if I increase the width and the height to 100% each, now we can see that I can go ahead and zoom up to this amount, to this zoom level and Photoshop doesn't have to interpolate up any information. So that's great; I'll go ahead and tap Enter or Return, and when I do, you'll notice that Photoshop added another key frame in my timeline. So now between my first frame here, that first key frame, and the second key frame, Photoshop is going to zoom in. And you might be thinking, "Well sure, I could have used the motion controls." You can use motion controls to zoom, but you don't have as much control, because I wanted it to just zoom to this point, and maybe from this point until the end of the movie, maybe I want to start zooming out, or maybe I want it to start moving the image over to the left or the right doing a pan, so now you can see how using the controls here give us more control. I'll make this a little bit smaller here, and we can bring that over, and maybe I'll want to bring it over to the right there and just up a little bit. Tap Return or Enter and you can see Photoshop again has added that key frame. All right, so let's start back at the beginning here, and I'll just tap the space bar, and you can see that between the first 2 key frames I'm zooming in; we reach that key frame, and then it slowly starts zooming out and moving over to the right a little bit. All right, excellent; so that's the way to manually add your pan and zoom a video. Now let's talk a little bit about stills. The layer 2--this is my still photograph, so let's make that visible by clicking on the I icon there. Now layer 2, let's rename that to Still and tap Return or Enter. Now this was a camera raw file, so it was a DNG; it is a very large file, so obviously, I want to scale this down a little bit, and in fact, what I'm gonna do is I'm gonna make it small like we're gonna play a picture in a picture kind of effect here. So before I start transforming it, because I'm smart, I know that I might change my mind, I'm gonna make this into a smart object as well, so we'll right mouse click on the still image, convert it to the smart object, and this way I can transform and make this larger or smaller and not lose any quality. So let's go ahead and start transformng it. You can see the transformation handles go way off the screen, so I can use Command 0 or Control 0 in order to zoom out, and I'll just bring it down to about this size for now, and then tap Enter or Return. All right, Command or Control 0 will just zoom me in a little bit. You can see we can't really see the layer underneath this, so what I'd like to do is create a mask. So I'll just grab my marquee tool, and we'll just say that I want to position or I just want to see the still image within this area on the left-hand side of the frame. Well to do that, since I've already got my selection and my layers targeted, I'll click on the mask icon in order to add my mask. Now I want to move the image within that mask, but right now if I grab the move tool, we know that if I move the image, it's also going to move the mask, so let's undo that, Command or Control Z, and let's separate or unlink the mask from the photograph, so I'll click on the link icon in the links panel, and then, I'll click to make sure that I got the image targeted, not the mask, and now we can transform this, and let's go ahead and zoom out here so we can those transformation handles and let's go ahead and maybe just make it that big; we'll start it maybe right in the middle. I can just use my arrow keys to nudge that over and down, and tap Enter or Return. Now the thing with video is that you do have to pay attention to where you are in your timeline before you start setting down your key frames. So let's make sure that we go bck to the beginning of the timeline, and you know what else--I kind of like to separate this image from the background so we'll just do a few quick things. While the still image is targeted, I'll go to my effects and we'll just add a drop shadow and we can just pull that drop shadow out a little bit; that should separate it from the background, make it a little bit softer and maybe we'll also go here and just add a stroke on the inside of that image and click OK. All right, so that just separates those 2. The other thing we can do is go down to the video layer, and we could change the opacity. Now since I have the move tool selected, if I just tap the 8 key, and it would change the video layer to 80%. Okay, so going back up to my image, I'm at the beginning of my timeline. I want to close the video group so we make sure that we know that we're working with the still image right now, and you can see that we have some additional options with the still image, because we've got that mask, and also we've got a style applied, so we can change all sorts of parameters here, but we're just going to concentrate on transforming the image. So right here at the beginning, I like where my image is, so I'm gonna click on the stop watch in order to add my key frame, and then we'll just move forward in time. Again, I could use--if I just want to a single pan or a single zoom, I could go up here and add motion, but if I want more control, then I don't want to add the motion there; I actually add it with the key frames. So let's say at this point in my timeline, we'll do a Command or Control T; I'll just go ahead and make this a little bit larger. Hit Return or Enter to apply that, and then maybe we'll go a little bit further, and again, Command or Control T, make this a little bit larger and maybe scoot it up a little bit so that it looks like it's moving, and then again, we can go further in time, and again, apply Command or Control T to transform this. Now, I think this might actually look a little bit funny, because there's gonna be way too much motion going on at one time, but I just wanted to show you that you can really go to any point in the timeline and change the position of any layer, whether it's a still layer, whether it's a sequence of images that's been turned into a movie layer, or movie or video layer itself. All right, so we'll scoot all the way over to the beginning of the timeline. We could also use this icon right here to return to the beginning, and then just tap the space bar in order to play that, and you can see not only is the video moving, but this still is also moving. We get to that key frame; it's gonna start moving in a different direction and a different speed and then we're gonna get to the next key frame, and we can go ahead and start scaling that back down. And that's all there is to it; once you've got your image the way you like it, you can go ahead and choose to export this. That's as easy as going under the File menu and then Export and going to Render Video, and I have another video that's all about how to render your video in Photoshop CS6, so we don't need to go through all of that right now, but basically you would pick your format here, maybe H264, and then from there, we have a variety of different presets right here that you can choose from; so for example, if you were going to YouTube or you were going to Vimeo, that's all set up for us. Okay, excellent; I'll go ahead and cancel out of here. I just want to mention as a last note that you can also obviously use other types of layers, so if you wanted to add some type, for example, you could just add a type layer to this document, and then use these same controls in order to pan or move your type layers or your shape layers or whatever other contents you have here in Photoshop. Well, that's how easy it is to zoom and pan both your videos and your still images in Photoshop CS6. My name's Julieanne Kost; thanks for joining me. [Adobe TV Productions]