Adobe® Photoshop®: Video Editing & Animation

Lesson 7/15 - Adding Transitions to Video


Adobe® Photoshop®: Video Editing & Animation


Lesson Info

Adding Transitions to Video

So I typically let my videos just start with solid black, and then I start fading in the text or the other imagery, so I'm not going to add a transition to the beginning of this solid color fade or solid color film layer, rather, but what I am going to do is have the next image, which is this guy right here I am gonna have him fade in. So how do we do that? We're going to click the little transition icon in the timeline, pale and here's, all of the transitions. So brianna simply click the one that we want and drag it down on top of the clip, and it'll snap, release it, and now we've got our fade so let's, click our timeline panel scrubbed with our play head, and we can see that he's fading in, but we've got a little bit of transparency going on, right? Because there's nothing underneath, okay, there's, nothing. Underneath that clips, we have it fade in, we have to tell it to fade with a color, or we need to add another layer of color underneath in another video track. Will, why do that...

? What we're going to do is change the style of transition you can do that a couple of different ways you can click the transition icon itself is this tiny little I connell increased my seems you can see a little bit more. See that's, the transition icon right there. If you control, click it or right, click it and are careful not to click this shortcut that comes up well, there's no way I can do that is there. I skated over here, okay? Control or right, click the transition we get a little poppet menu and that's how you can swap the transition. So to keep me from having any kind of transparency and my image there, we're gonna choose fade with black. So now when I scrubbed through, we don't go to transparency, so it kind of just depends on how you set up your layers panel let's say you kept a background layer hanging around the bottom of your layer stack that would show up in another video track, and if that background layer were black, then you could have used just the regular fayed transition. But most often times when you're fading in and out, you are going to be fading in and out from white or black it's just common colors used in video so it's really easy instead just to use this fade with black or fade with y or fade with any other color, so that keeps you from having to have a whole nother layer down there just for that color. Okay, so now we're going to keep scrubbing through, and the next transition we want to add is in between are still image in our video footage, so let's add a cross fade. Yes, so that will mean that this still image will fade out as our next clip is fading in, so they kind of cross over each other. So let's, go ahead and clicked open our transition icon, and we're going to grab the cross fade, and this time, instead of placing it at the beginning or end of the clip, we're going to place it in between and you can see the little black outline of where that transition is gonna land and you can just drop it. And now, when we scrubbed through, we've got our dude fading out, and we've got our next clip fading in. Now you'll notice that when I choose that transition menu, we have a duration slider at the bottom, so you that's letting you enter your durations and seconds one second is the default, but you can either type in something else here or click that little triangle to get a little slider bar or let's say you don't know exactly the duration that you want your transitions to be you can visually dragged them right down here on the clip itself so see how as I point my cursor to the end of that cross fade I get that same little bracket that I got when we were trimming clips so once you see that cursor you can click and drag and you can change the duration of the transition see how that's changing down there so if you want the transition to be shorter you can drag it to the left want to be longer even drive it to the right and again if you'd rather dialling the number, you don't have to go all the way back up here to this mean you can just do that control or right click atop the transition icon itself and you can change the duration right here and if you decide you don't want the transition you can click the little trash can icon but I also think that you can click to activate the transition, impress the delete key and then I'll make it go away as well. Andy that's what comes back so that's all there is to adding a transition so there's our cross fade so now will come down here and we'll do another cross fade I typically do fades at the beginning and end of the piece in cross fades in between this is kind of an easy formula to follow, and you'll get fast at doing this so here's another point we're going to add a cross fade, you can't copy paste transitions you can't option are altered, dragged, duplicate them like you can layer masks or layer styles in the layers panel so we're going to you when we're across they down here keep scrolling, scrolling, scrolling is going and another cross fade there. Now when we get to the end of the piece over here, when we go into our black, what kind of transition or we're going to add favorite black or you could do a cross fading the one there we go. So now let's cruise back all the way over to the beginning of our peace in this time was tap the space bar to play through the whole thing. You can either click the play button or press the space bar, so we're just given ourselves an idea of what we've got here, so we go from solid color fade to still with with motion on it. Then we fade to an actual video clip and here's the clip that we split and color corrected using familiar tools and fed a shot. Can you see the little blue line that's appearing about the clips that just lets you know that photo shops drop in frames just for the sake of preview once you export those frames will not be dropped also you'll notice that the frames per second indicator down there at the bottom when it's green everything is is playing along in the time that is supposed to but when it's red you're skipping a few frames and then we should fade right out to black here we go said ah course you will want to say this document okay sir right now we're rolling untitled here so let's go ahead she's file say this he had very dangerous sports photog portfolio and was gonna leave that in here there we go so the next thing we're gonna do is go ahead and add a spot of branding so it's quick our play head so that we are back to the beginning of the video now we're ready to add a text layer so how do you add a text layer and put a shot? What you just click the big old fat t over here in the tools pale my goal however is to have this text be on another video track because we talked about at the top of the class the only way to stack elements in the video is to have them in different tracks so if I want text to appear on top of my solid color phil layer it has a living another video track so knowing that I don't really care what layer is active, I could perhaps activate the video group because it's the top most thing in my layers panel and then when I add a text layer, it should add the text layer above that in the layers panel but if you don't set that up beforehand, just click and drag that text layer out of the video group up to the top of your layers panel and that will make photoshopped create another video track for you so we've got the textile active when it come over here to my document and I'm going to click and drag draw tick s box because I know that I want my text on ly appear inside of those guides so when I'm going to do is just go ahead and click and drag to draw a box and released my mouse button now immediately photo shop has placed that type player inside the video group all I have to do is click and drag it out of the group and little land on its own video track a top that solid color feel layer but let's go ahead and add just a couple of pieces of text so I can actually see it and I have all of my funds that I used right here so we did moto cross mavericks that this gives us some type now I'm going to click on the text layer itself and I'm going to drag it out of the video group see that little line that's appearing underneath my layer locks there when you see that solid line, then you're gonna drop or let go of your mouse button. So now it's just a matter of finding where that text peace went in somewhere over in here there it is way over yonder I'm gonna change my zoom levels when don't have to scroll quite so allege I know that's a text layer of why? Because his active over here in the layers panel now we're going to click and drag it, see how it landed on its own timeline or ah video track rather so we're going to click and drag it all the way to the beginning. So now when we reposition our play head, we've got that little bit of text that I typed on top of the layer so now we can just format are text however we wanted position it on the screen, make it look all pretty and if there are any questions we can take those while I'm formatting this text just momentarily anybody in the in studio audience have any questions? We did have a question a little bit from earlier lisa about if you could show again how you added just a single photograph into the timeline, but that might not be the best part to do to see his file place ok, perfect at the foul place come in that's absolutely it awesome or copy paste so easy, right? Yeah, I mean, just you know you can combine multiple images in in one document in a hundred different ways of photo shop. One way is to open that image select all, copy it to your clipboard, pop over to their document that has where you're building your video in just your regular paste in that image layer fuck shot will create a new image layer here just like it would in any other place. Great, thank you, my question is there a way to place transitions across all of the layers? Are things at one time I wish there were it is a single drag and drop situation, so we're going to come down here and bold this one. So what I love to do and typography is pair thin with thick so you're seeing me choose light version myriad pro one of my favorite fonts ever and then I'm doing an all cap bold version of type next to it. If you want to learn more about that, I have a fabulous class for you graphic design for everyone it was a three day immersion into every graphic design principle that you could possibly need as a mere mortal not as a professional high end art director, but as a mere mortal, and we spent quite a bit of time on typography, and we learned how to do things like that. So if you if you want to learn more about that, I highly recommend picking up that class. So now that I've got that set up, I'm gonna turn off my cats lock. So featuring bobby thompson and these air fake names, people is all stock footage. I have no idea who these motorcross days are. So now I'm gonna highlight that and we're going to make that a myriad pro light. See my extended somewhere. So my extended lights and my extended there we go. Yeah. And what size or we're gonna use forty two points. I tell you what? When I was going to photo shot world conferences before I started teaching, nothing would drive me crazier than an instructor sitting on the screen and trying to figure out how to match the type sizes and fonts that they had used in order to recreate it. Jeremy crazy. So I always write it all down, and now we could d'oh. We could either select all of this information right here and center it on the screen that way, or we could just use the move tool to reposition. The type itself, so we're going to call that done for our branding, and the last thing rudy, before we go to break is we're going to add a transition for the text, right? Because we I want that text to fade in and fade out. So how do we add a transition to a text later, exactly the same way we added transitions earlier? Click the transition icon because we're stacking elements now, and we've got a black layer underneath it physically, then we can get away with just adding a fade to the front end of the text and a fade to the back end of the text. We don't have to worry about fading with black, and now when we scrubbed through, see how our text fades up and then fades out, and then to control the duration of how long that text is on the screen, then we can just simply click to drag it out, just like you normally would still, and I'm gonna extend that solid color film layer in within that same video, try for the shop scoots everything else over so that's, how you can control how long it stays on screen, and you have a question, jessica, I was just wondering if there was any way to add other transitions, or if there was a plug in that, maybe added video transitions for the features. Jessica darling was adding transitional plug ins on the list of things that fun shopping. You e know. Yeah, what you've got is what you're what you've got.

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