Favorites
Comments
Share
0 Projects

Learn how to create amazing slideshows for your videos!

Hey guys I'm Nikhil, your Tutpad instructor and in this After Effects tutorial we will learn how to create a really nice and dynamic looking slideshow animation in After Effects. So without any further ado, let's get straight into the tutorial and get started alright. So yeah, we are in After Effects so let's start by creating a new composition.This is gonna be our main comp so let's rename this to Main. 1920 into 1080, 30 frames, 10 seconds and hit OK. And now I'm gonna create a new composition for our media placeholders. So you can anytime drag in a different image or video to use, you don't need to do the exact same thing again and again. So let's rename this to Media, hit OK and let's create one more composition and this is gonna be our Scene 1 Comp, so let's rename it to Scene_01. And let's rename the Media to _01 as well. Alright. So there we go. Just to be a bit more precise, let's create a group for images and drag in our images into that group. Let's create a folder for media and drag in the media into that folder, let's create a folder for scenes and drag in Scene 01 into the scene folder. So now you have something like that, just to be a bit more organized, alright. So the first thing that I'm gonna do is, into the scene 01, go into the Media_ 01 composition. Just double click on it. And drag in whichever image that you want to use. You can also use videos as well, depending on your preference. So I'm gonna drag in the image and scale it down a bit, cos it's a fairly big image. Maybe somewhere around there. And let's add some text as well. So let's type in something like Dynamic. You can of course type in anything that you want. I'll set this to maybe around 160. Around 160 should work good. And align this in the center. Maybe I'll set this to to 200 pixels. Really big and nice. And to add a bit more flavor to it, I'm gonna add some stroke, so select the rectangle tool, the stroke pixels to 10 and drag in a rectangle just like that. And let's align this in the center just like that. So now we have a bit more nice-looking scene right over here. Then what I can do is, going to Scene 01 composition and drag in the Media 01 comp into the scene 01 composition, just like that. And scale this up to 110%, just like that. And then what I can do is, basically go ahead and create some shapes. So select the rectangle tool, you don't need a stroke, we need the fill. So let's set this to any color that you want, I'm gonna set this to grey and create some random shapes, just like that. Maybe something like this and maybe something like that. And I'm doing it pretty randomly, you can take your time and create some really nice and complex shapes as well. So as you can see, right over here, I have five shapes, five different shapes. So let's hit Ctrl + A to select them all and hit U to close them all, just like that. And then I'm going to duplicate the Media 01 composition five times, so now we have you know, each column for each shape layer. So let's drag in the shape layer to, about the... Media comp, second Media comp. Drag this right over here. And this, just like that. So now we have each shape for every composition as you can see. Let's select the media compositions just like that by holding Ctrl and set the track mat to alpha mat. So as you can see, nothing happens. So what we need to do is go to, let's say around... let's go to 2 seconds. Select the media compositions again and hit P to bring down the position properties and click on the stopwatch to create a keyframe. Go back in time to let's say, 1 second. And now what I can do is, start to displace the composition, Media composition. So I'm gonna displace this to let's say, somewhere around there. The second one, displace that even a bit more... something like that. Third one, displace that maybe something like this. And I'm doing it really randomly, you don't need to be precise while doing this, you can take your time and create any kind of look that you're going for... a little bit maybe... so let's see what we have. Select this one, let's drag this a bit just like that. So now you have something like that, as you can see. OK this is looking pretty cool. Let's select all the keyframes and hit F9 to Easy Ease those keyframes. So now we have something like that. And then what I can do is, go into the main composition and drag in the scene 01 composition, just like that. And we could go ahead and animate this comp. So let's go to 1 second, hit P to bring down the position properties, create a keyframe, go back in time and let's drag this up, just like that. So now we have something like that as you can see. Maybe I'll just bring the keyframes a bit more closer. So let's select all the keyframes and let's bring them down to 20 frames, somewhere around there. Let's go to Media comp and let's see what we have. OK, pretty good. Let's select the keyframes, hit F9 to Easy Ease those keyframes, go to Graph Editor and if your graph editor doesn't look like this, make sure you're working in the Edit Speed Graph and not in the Edit Value Graph. So let's select this keyframe and let's drag this handle just like that. So now we have a really nice and cool looking animation, as you can see. Yeah, that is looking pretty good. Maybe I'll do it a little bit subtle. Yeah, as you can see, it looks really, really cool. So it's the main idea behind creating this kind of slideshow. So now what I can do is, to create more slide show, what I can do is select the scene 01 and the Media 01 composition and hit Ctrl+D... as many times as you want to create slides. I'm going to create three slides, so I'm gonna you know, do it, Ctrl+ D two times to create three copies. So now we have three Media comp copies and three Scene comp copies and now what we can do is, make sure you're in the Main composition and drag in the scene 02 and the scene 03, let's drag it just like that. Let's displace them by maybe one second, or maybe, let's go to two seconds... somewhere around there. So now you have two seconds. And at four seconds I want the third scene just like that. And now what we need to do is, open up the Scene composition, just select them all and double click on it, so it's gonna open all the scenes And also the Media composition. Just select them and open them up and then we can replace them with a different image that you want or you can also use a video, as I told you guys. Let's drag in the second image, scale this down a bit and also change the text to something... maybe... you can type in of course, anything that you want, you can also drag in a logo if you have one. Let's go into third one delete this and drag in the third image that you have. Scale this down a bit and let's rename this to something, let's call it stylish. OK, so now we have our three media compositions, let's go into the scene 02 and replace the Media comp 01 with the Media comp 02. So select them all by holding Ctrl, select the media 02 comp, hold Alt and just drag them over them just like that. And they are gonna get replaced just like this, as you can see. The same thing for the third scene. Select the media compositions by hitting Ctrl, hold Alt, select the media 03 composition, hold Alt and just drag this on the top and it's gonna replace them just like that. So now we can go ahead and try to, you know come up with a different shape, so to do that, what I can do is select them, hit U so we can see the keyframes and delete these keyframes, just like that. And hit delete to delete the keyframes and this time, I'm gonna select the shape layer and drag it to the right, so something like that. Not the shape layer. I'm gonna select the media composition and this time I'm gonna drag them to the right. So let's drag it just like that. Select the second one, drag it even a bit more, somewhere around there. Something like this. And there we go. So now we have a really nice and different kind of look and by the way, you can also change the shapes of the comp, so you can also change the shapes of the shape layer. I can select a different shape if I want to, so just something like that. Maybe, make sure the anchor point is in the center, just to be a bit more precise and make it something like that... different shape... this maybe. And you can also drag the shape up if you want to and creating some really nice and abstract shapes, just like that. So now you have a little bit of more randomness to the scene as you can see. It looks really, really cool. Maybe I'll change the shape, it's not looking that good, make it a bit bigger... Yeah, this is looking really, really nice, as you can see. So let's go into the main comp and let's animate the composition. I'm going to also change the scene 3. Let's bring this on the top. And scene 2 to two seconds and scene 3 to four seconds, there we go. Also change the animation of the scene 3. So let's select the compositions. Select all the layers, hit U and go right over here, just delete these keyframes. And I'm gonna also change the shapes just to be a bit more... to make it look a bit more complex you know, maybe something like that. Depending on your preference or what kind of look you got you're gonna go with... like this. Something... let's Center this up and drag it something like there. And there we go. So now what I can do is, I can select the Media composition and drag this to the bottom, something like this. And... just do it really randomly. But make sure it looks cool. And there we go. OK, so this is looking really nice. OK so this is looking pretty good. Let's select keyframes, hit F9 to Easy Ease those keyframes. Go to Graph Editor and let's create a curve like this, OK that is looking pretty good. And do the same thing on the other two scenes as well. Hit F9 go to Graph Editor, select these keyframes and drag the handle just like that to create a curve like this. And scene one as well. There we go. Let's go to main composition and let's animate these compositions basically. So let's place it right over here. Hit P to bring down the position properties, let's go to three seconds maybe. Create a keyframe, go back in time to two seconds and let's drag them out just like this. The same thing for the third scene as well. And you can create as many scenes as you want, so let's drag this to the bottom, make sure it's out of the frame, select the keyframes, hit F9 to Easy Ease those keyframes and drag it creating a curve like this. Hit U. And yeah, drag it even more. So let's see what we have. Yeah, looking pretty good. Maybe this is a bit too fast so I'll just hit F9 and just make it a bit smooth, something like that, see. Yeah, now it is looking pretty good, yeah that looks cool. Let's hit Ctrl + A to select them all and U to close them all. And now what I can do is, let's retouch the scene a bit. So let's create a new adjustment layer. Let's rename this to CC for color correction. Let's add some basic curve adjustments, just a touch, just like that. To make the scene pop a bit more as you can see, without depth and width. Let's add a vignette pretty quick, so let's duplicate this hit Ctrl+ D and let's rename this to V for vignette. Let's reset the curve, make it a bit darker, just like that. Select the Ellipse tool and just double click on it and work this up and feather this up by hitting F to bring to bring down the feather properties and set this to around 600. And then I can go ahead and tweak the circle a bit maybe, I'll just bring this a bit closer and we are done. So as you can see, it is really simple and easy to create a really nice and dynamic looking slideshow. So let's wrap it up for today. I hope this video was helpful to you guys and I'll see you in my next video. Till then take care and
The transcript in this language is not yet available. We are working on it, please come back later!

Now you can show the world what you have learned.

Add a new project

Help us to improve tutpad

What's your opinion of this tutorial?

american-express behance calendar check cloud comment cross disabled down download dribbble envelope error exclamation facebook file filter folder globe google+ heart heart home inbox info instagram vimeo interogation laptop left linkedin lock logout marker master-card minus prev notification pause paypal pencil phone pinterest play forward plus prev refresh resize right save search settings share star stop stumbleupon support tablet tag thumb-down thumb-up time trash twitter unlock up upload url user visa warning youtube zoom-in zoom-out fire menu-burger eye paper-plane shopping-cart subtitles icon photo vector mockup video flame copyright volume list fullscreen stats earnings receipt bug replay beginner intermediate advanced English clip suitcase French Spanish Italian Brazilian happy neutral-happy neutral neutral-sad sad premium spinner cookie credit-card align-left align-center align-right justify bold underline italic typography link right-quotations list-editor