Importing and Resizing Media


Adobe® Photoshop®: Video Editing & Animation


Lesson Info

Importing and Resizing Media

Hello, internet and welcome back to creative live. We're here with photo shop deep dive with lisa snyder today's workshop is video editing an animation right in photo shop? So, lisa, we got a lot to cover, so I'm going to throw it back to you. Thank you. All right, so we left off with our first view of the mighty timeline panel, and so let's just been the female is going over some of the controls that are really going to be useful for you at the top left of the panel, we've got standard, you know, fast forward, remind play stop kind of buttons that you're used to seeing we've got a meat, but which is nice that's going to be handy if you've got a lot of different audio tracks going on in your piece and you're playing it back, playing it back, you're going to get real, they can hear it and all that so you can temporarily turn off in the meat that will mean everything we talked about earlier, the fact that you can mute just the audio on a video clip will this meat button in the timeline p...

anel meets everything so that's hammy, the little pair of scissors to the right is how you split it clip and the play head that's a couple of icons over there to the right is a blue little triangle with a red line running through it. So to split a clip, all you do is position the play head where you want to split to occur and click the little scissor icon so really, really simple here. Very intuitive. Unlike the rest of the program, the next button over from the pair of scissors is the transition, but when you click that it's going to bring up a little poppet menu of the five or six transitions that you have and it's a drag and drop situation dragged them from the little panel down onto either the front, the beginning or the end of the clip depending upon what you want to do, then you've got a time ruler and you can set that to show you frames per second or minutes center. You can display in a couple of different ways, so that just helps you keep track of where you are in the the time. How long is your video? How long is that clip et cetera the line of little blue? They looks like they're really blue dots, but it looks like little dash in a solid blue line underneath that time ruler that is a visual indication that photo shop is actually dropping out frames while you're doing the playback of the video were I was mentioning earlier how photoshopped struggles a little bit with the playback of all these different elements, so unless you have super fast computer with lots of memory and a really fast, hard drive push up is going to drop out some frames during the preview, but when she export in the movie, everything will be fine. So when you see that little row of blue dogs that is letting you know that indeed frames were being dropped out and it's not like you can do anything about it or with it it's, just that I want to know what the heck those blue dots were doing there in my timeline panel. So I tell you guys, that's what that means, then we've got a panel, me and you at the top, right? And if you haven't done so already, make sure that you choose that palin may need and choose panel options and choose the large thumbnail so that your clip thumbnails are as big as they could possibly be so that you can see them and then the video group line that I've got a nice little red bracket underneath that's a video track so in your layers panel the order of your clips what's at the most, the bottom of your layers pain all those will play first, and they appear in a video track like this so that's, what that looks like and we can use this little video a little flippy triangle next to the word video to expand that track and get at its animation options that we're going to be doing that later on this afternoon, the little film strict icon to the right of video group one is just a quick access to importing more media, so we'll be using that little icon to bring in more clips and stills and all that kind of good stuff. Underneath that track is your audio track so that's where we're going to put in all your audio while photo shop is happy to let you add audio clips to a video track, you would lose all the ability to affect that audio, such as controlling its volume, feigning it in fading it out and that kind of thing. So you want to make sure the on ly import audio on the true audio track otherwise fuck shot thinks it's a video clip and it only gives you those options. You can add eyes many video tracks as you want to create a stacked element situation where you have things playing on top of other things, text on top of video and so on, and you can add as many audio track you want, there may be a limit, but I don't know what that is off the top of my head. Down with the bottom of this panel we've got a little icon that let she flip flop back to frame animation if you accidentally clicked the button to create a video timeline than you might say shoot, I'm in creating an animated gif so you can click that little bottom left hand button to switch quick shortcut key for exporting your video is little arrow to the right of that one you've got a time code indicator tells you where your play head is in your timeline of your video there you could see your frame rate down there at the bottom probably the most useful control on that bottom siri's is the zoom in and out of time line you're going to use that slider a lot because a cz you add more clips in a linear fashion so they play one right after the other to your timeline panel you're going to be in a little bit of a scrolling nightmare because this panel is little now what you might do is if you have two monitors, you might set this panel on one monitor and make it really, really big so you can't liberate it from its dock in photo shop just by grabbing its tab so what's his timeline just click and held down your mouse button and drag it and that will make that doc floating or that panel floating and then you can use the little little grabber handle at the bottom right of that panel to make it larger so you could make it really big but if you don't have a really huge monitor to then you're going to be stuck with it being fairly small so that zoom in and out slider makes your clips really small a really big so you're going to use that a lot because if you make your clips too small then you can't see the controls on the clips themselves and the main control and I'm talking about if we look here in the timeline panel on the video group one track see how we've got the little boy running with the cape the clip to the left of it and see how it's got a little right facing triangle at the top right of the clip that's where you can get at your motion controls toe add the pan ands eem two clips that's where you can meet the audio on a video clip that's also where you can control audio clips if it were on audio track but if you make those clips really small so that you can see a bunch of them in your timeline then that control disappears so you have to increase the same level to get that control back so you're going to be trotting down there and using that same slider a lot so I just want to point that out to you let's go build some videos all right, so if you've purchased the course we are working and holder number three now we're going to build that sports photographers portfolio and what we're going to do is we're going to walk through several steps we're going toe create the document we're going toe ad in the different assets were gonna trim and split, we're gonna add adjustment layers we're going to play with filters were goingto do all that kind of stuff and we're going to repeat those steps on a couple of different projects so let's, go ahead and take a peek at the finished file, which I have for you here motorcross master so let's, just take a look at that so here's, what it looks like here in our photoshopped environment since I'm dealing with one screen, I'm going to leave my timeline panel docked at the bottom and I'm gonna point my cursor to the dividing lines between the timeline panel in the previous area that gives me a little double headed arrow and I can use that to increase the height of my timeline panel if I want. Then of course you've got your regular scroll bars here to move around within the previous area of the video itself, so this is what it looks like we can take just a moment to discuss what we're seeing here and in our layers panel and then we'll build it all together so if we come over here in our layers panel, I mentioned earlier that whatever is bottom most at your layers, panel is going to play first it's, little bit opposite of how you normally think about later stacking order, because layers have the ability to cover each other up for their filled with content. So if we click on this bottom most layer, which is a solid color feel later set to black that's, how we're getting that solid black background, then, as I click that item in my layers panel, it activates over here in my timeline panel. So, for example, if I click the next thing that place, which is the photo of one of our motor cross superstars, see how it's automatically activating down here in the timeline panel, it gets a little white outline around it that lets you know it's active, so as I activate the different layers in my layers panel, you can see how they're activating in the timeline and panel, this is an adjustment layer, it's got a downward pointing arrow, and it's kind of scooted over to the right in my layers panel that lets you know that's, a visual indicator that it is clipped to the layer underneath it, so that means it's on ly, affecting one clip down instead of everything that's underneath it by default adjustment layers want to affect every layer that's underneath them, but what I've done is I've clipped this curves adjustment layer so that it's on ly affecting that one clip because if you're bringing in different video clips, they may not all need the same kind of color correction or lighting correction, so that easily lets you restrict that color change. Now I'm clicking it, but we don't see it active anywhere in my timeline panel, all I have to do is scroll and it is in there somewhere I just can't see it at this moment but anyway, anytime you click these elements they do activate in your timeline panel and vice versa is true if I wanted tio click to activate whatever is on this clip right here than it automatically activates and the layers pain. Also you can do the reverse nine times out of ten I use the layers panel to activate and even move things around as far as changing the stacking order, which they're four changes the playback order to me it's just a little bit easier to grab him and drag him around the layers panel that is over here but you could do either one changing one changes the other activating one activates the other, so what we've got here in the timeline panel are several video tracks and that is how you create a stacking element and what you're seeing on the preview at any given moment depends on the position of that play head. So this is that play head, right? Here's got little blue triangle with a line down underneath, so as I click and drag it around, aiken scrubbed through my video. So what trips up a lot of folks when they first start editing video and photo shop is they let's say, will click this layer over here and the both the layer and the clip is now activated, but they can't see it in their preview. Why can't you see it in your preview? Because of the position of the play head, so just keep that in mind, so in order to see that layer that clip that are active, I have to scoop my play head over, or I can just click. So do be congressman of where your play had is positioned and what clip and layer are active at any given time. So if we just take a peek right here down in my stacking order of video tracks, I can see that. Ok, we've got a video track here, which is named according to the layer name or, in the case of a type player, what type you've actually entered. In that type player so that's where my branding is coming from but I'm not seeing that right here why well if I look at this track and follow it to the right I can see that that branding doesn't appear until farther along in the video so it doesn't take too long to get used to this kind of ah linear timeline situation and but I can't see with the position of my play head right now if I follow it down in the various video tracks that I've got I can see ok I've got a text layer right there I can click it activates over here and then underneath that I can see that I've got another clip what is that clip well you can click it and I say oh that's that solid color field layer and then down at the very bottom we've got an audio track and that's where the background music is coming from so you can scroll through your timeline here and here's that little zoom slider that we were talking about this oh so useful so right now you can see that extra little triangle controller that is on each and every clip except for that solid color feel larry there's not much you can do to it's just a coat of paint but if we click that little controller we get a pop a panel we're not ready to talk about that just yet but if you zoom to a level where all your clips are nice and small, then see how that controller disappears. So know that if you need to get at that controller and you can't see it, it does exist. Just change your zoom level to the point where it becomes visible again. Other little things to mention before we get started building this thing or the little white triangles you're seeing at the beginning and ends of some of these clips, those air our transition icons so the icon that you know what kind of transition it isthe and that's about it. So let's, start building this thing, we're going to go and close this document and we're going to start over from scratch. Here we go. First thing we're going to do in creating a video is to create a new document, and you do need to decide what size you want to make it, so we're going to choose file new info shop has a slew of really useful priest says so from the nude dialog box, we're going to choose film and video from the preset poppet menu, and from here, if you're building this video for somebody else will tell you what size that you need, but soon as you change that preset many to film and video, then you get a slew of really useful presets from the size menu. That appears so depending upon what format you want to pick how do you know the format will depend on what it's going to play back on? But a good fail safe video size to make is twelve eighty by seven twenty and that's what you're going to get with this htv hd tv presets that's going to give you uh I think it's a sixteen by nine aspect ratio or something somewhere so it's going to be long? You know landscape in orientation so we're going to go ahead and give that a click when you do photo shot fills in all these other fields and unless you know what you're doing don't change anything more often than not you won't have to change anything don't worry too much about background contents here because we can change that we're gonna end up deleting the background layer and a little bit anyway because we're going to use those solid color field layers to control our color. But if you wanted tio instead of using those solid color field layers, you could just set your background color two black and you could just make the that particular layer stay on screen and that could be your fate up and fade down colors from your beginning and ending clips but more often than not I use a salve of color feel layer because I like the ability to double click the layer thumbnail experiment with color go ahead and click ok and food shop is going to create your document when you choose a preset from the film and video set the timeline panel's going automatically open and if it's collapsed like mine was just give it a single click or double click I guess one click to expand two clicks toe collapse I sort of did we change? Is that in every version the program so as soon as you see that then from this little flippy triangle we're going to choose video time on and we can give that a click and that just gives us one video track and one audio track, and from there we can add as many as we want. Now. One more thing I want to show you before we get started is that by using a film and video preset photo shot gave us a siri's of guides that air really helpful, especially if what you're making is going to be played back on tv because there are some safe areas you got a little bit of a smaller viewing area or or rather, when it's broadcast it can be cropped and unexpected way, so the guides that you get are really helpful we're not seeing them right now because I've temporarily turned them off, but to turn him on, choose the view menu, show guides or use the keyboard shortcut, which is command or control and then a semi colon on your keyboards next to the el ky so they're those guides and all this is the mount a little bit by pressing command or control minus. So basically the deal is don't put any text outside of this inner right tangle of guys because it possibly could get cropped, so this is considered your safe area. This next little column right here is your might not be safe area, and if this is going to broadcast this other area on the outside is your you, khun bet your you know what, it's, not safe area and most likely we'll get chopped off. Okay, so just make sure all that really means is if you've got any text or logo, just make sure that that doesn't extend past this first set of guides, and you're going to be fine doesn't matter if the video extends out here because, of course it would, or the still image but your most important bits, your focal points and your branding, et cetera all need to make sure that it's inside of these guides so those air handy. All right now, let's, go ahead and start adding our media if I if I know in advance and I'm going to add that solid color feel layer to be my black fade in and fade out I'm areas will go ahead and add that now so let's just do that a couple of different ways to add it you can click the half black half white circle of the bottom of the layers panel and she's solid color and then from the resulting color picker where is going to choose blacks or click way down here or if your web geek like I am can I have a degree and web development animation that's so odd I do know I had a code which is handy so I have a slew of hex color values memorized and all zero six heroes is black and all ifs is why annual uses a lot if you want to really nice gray use all seas it stressed me so we can just enter all zeros if we want or just click down here at the bottom left for black and click ok now I can delete that background layer because I don't need it not going to use why no big deal if it's hanging around but for the sake of argument there we go now let's start bringing in our other assets so we're going to click that little film strip icon down there on our video track and let's choose ad media so now let's navigate to where all of our content lives and of course you have already put it in folders what I like to do if I'm using if I'm gathering up more than one piece of audio more often than not, I will create let me see if I've got a folder that has that yeah, here's one down here inside of my project folder, I'll create two more folders, content and audio you don't have to do that, but if you've got a lot of audio that you're adding it's helpful to kind of keep those separate that way, you don't accidentally bring in audio on a video track, which, as you know, already makes you lose all audio controls. So from with this within this dialogue, we've already got our clips or our assets are stills in our motion in the order that we want to bring them in or bring them or make them play. We've already got them remembered, ok, so we're going toe click to activate the first one, then we're going to shift click to activate the last one that again, I'm being careful not to include that way file, so go ahead and click open and footage shot brings them all in and plops them onto that video track one right after the other, according to the name and as we look over here in our layers, pain what we can see that indeed we've got item a bcd, et cetera the the assets that we brought in that air actually motion video have a little video icon at the bottom right of their layer thumbnails so at a glance that helps you see oh that's not a static image that's actually got emotion in it so from here what we can do is simply scrubbed through and see what we've got typically this is the next thing that idea I see if anything needs to be resized to reposition so when I'm going to do is just grab the play head and we're going to scrub through so right now if we look at our play hit its atop that solid color phil layer so that's what I'm seeing black and then here's our motor cross guy here's our first clip position on that looks pretty good if you want to reposition it all you have to do is click to activate it grab your move tool reposition that because all of the tools work exactly the same way as you expect that's the beauty of these and photoshopped to do this kind of thing as you already know how so much of it works so reposition resize if you need tio keep scrubbing through now this particular image let's try resize and add this little bit cause I don't want this guy's head to be topped off if I happen to go to broadcast so how do we resize it? How do you decide anything free transform so commander control t for transform make sure you activate the thing that you want to effect that's another thing about this whole play hit situation is it's really easy to position your play it and see what you want to effect without really paying attention to what's active and as you know photo shops, tools and commands affect the currently active layer so keep peeking down in the time on panel or the layers panel and make sure that not only are you seeing what you want to see in a preview area but the right thing is active so now we can press commander control t to bring up our re sizing handles well, arguably they're hard to grab if you can't see the darn things so here's another keyboard shortcut that may possibly be worth the price of the entire workshop and that is done to done command zero on a mat or control zero on a pc will make photoshopped resize your preview area just enough to see all the corner animals. So now if I wanted teo, I could use our shift option drag trick or shift ault drag on a pc to resize from the center out and I can resize that image just enough where I've gotten all the heads of my subjects in the safe guides and then when you're finished his press return just like you normally would tell it photo shopped know that you're finished with that we'll go back up in size by pressing commander control plus now let's keep scrubbing through to see if there's anything else that needs to be repositioned or resized in the piece so this clip we're going to end up splitting so I'm going to leave that alone right now because it's got some you know kind of boring bits at the front end right there so really that loan just for a second keep continuing on with our repositioning re sizing well it's a good thing we took a peek at that one yes way can't even see his head so we're going to click to activate it either in the time under the layers panel and we can either thiss point use our move tool which is already active in the tools panel to reposition or in this case let's resize it so we're going to some and free transform again commander control t and now we're going to use our keyboard shortcut to see the re sizing handles commander control zero and all that is is a keyboard shortcut for this command right here view fit on screen now we can shift option on a mac or shift ault on a pc dragged to resize that image and while you have a free transform bounding box if you click and drag inside of that box it lets you reposition the image I'm going to seem a little bit more there we go this make sure that you don't move the photo over so that you end up with a transparent area like that because that'll end up in your video probably not what you want ok let's call that good press return hewlett photoshopped no we're finished we can use our fit on screen keyboard shortcut again zoom back up to fit the whole thing on screen and keep scrubbing through our video now this is one that and we need to enlarge obviously so commander control t commander control zero and what have I done here look what's active the whole group not when I want so escape right to back out or bail from a free transform and make sure to activate the ripening commander control t my clue that I had done something wrong was that the bounding box was larger than the picture retro ok so let's call this good all right now when we click back to the double zero point of our timeline is due back in now as we scrubbed through uh did I have some I must have had something else active when I resize that image because they're all changing in size as interesting huh? Okay well this run through that one more time and make sure all right see this is good this is really good they're all moving because the video group is active campbell okay and of course I do all this to show you the pitfalls weird going back video that's. Really interesting. I don't have that thing locked or something, do I? It really normally does not do that. That's. Very strange. You know what it is? I have figured it out. Oh, I'm so happy. I figured it out. You know what it is? You know what it is. You know what it is that little b you know what? Right there. Oh, my goodness. All right, everybody home. Let us all hold hands and activate the move tool in turn off the evil auto select option. Now, when we move it, nelson is take that photo shot. I think either the auto select either love it or you hate it. But boy gonna drive you crazy. If you don't know. It's on it's. A great practical joke for your, you know, that's. I mean that's. I mean one. All right, you want to screw up, somebody turn that sucker on. Dog is, uh

Class Description

Are you ready to add a video component to your photography or design business? Join author of the best-selling Adobe® Photoshop®: Missing Manual book series, Lesa Snider, for a deep dive into the video editing capabilities of Adobe® Photoshop®—a whole new way to use and maximize your favorite image-editing software.

In this intensive, full-day class you'll learn how to edit video easily and efficiently in Adobe® Photoshop®. You'll learn how to import, trim, and split video clips as well as how to apply adjustment layers for color correction or creative color effects. Get the scoop on animating still images and adding transitions, as well as displaying multiple elements at once including text, images, and even other videos! Lesa will help you master using Solid Color Fill layers to fade intros and outros into your piece, as well how to animate the size and location of text, masks, and graphics to create incredibly compelling motion. You'll also learn how to import and control multiple audio tracks, in addition to creating surprisingly useful animated GIFs for web ads.

By the end of this deep dive, you'll be able to grow and diversify your business and online presence by through video portfolios, promotional pieces, and more!

Software Used: Adobe Photoshop CC 14.1