After Effects Tutorial - Stylish Slideshow in After Effects

today we will create a stylish and minimal slideshow animation in After Effects I am Nikhil from the emotions and without any further ado let's get started make your own photo slideshow in seconds photo file slideshow maker enables you to make a slideshow with photos and videos in just three simple steps add photos and videos you like select an excellent theme for your slideshow select a target folder save the slideshow or share it on YouTube and Facebook all editing features itself to make your slideshow more attractive give them a try alright so yeah we are in After Effects let's start by creating a new composition just like we always do let's rename this to main 1920 by 1080 30 60 fps let's go with 30 fps and make this ten seconds long and hit OK so there we have our main comp let's create one more composition which is going to be our media placeholder where I can or we can drag any image or video to replace it later if you if we want to and hit OK I'm gonna use an image that I got from pixels calm it's a very cool website you can download free images from that and use it for your you know projects and I'm gonna hit ctrl key I haven't change the width and height of this media composition to 2000 by 2000 pixels there we go here okay and I'm gonna scale this up I think this much should be good alright this is looking good let's go into the main composition now I'm gonna start by creating some shapes so to create a shape I'm gonna select the rectangle tool we don't need any stroke I'm gonna set this to zero let's make a nice white fill double-click on the rectangle to create a rectangle shape going to rectangle one rectangle part one unlink the size and for the height I'm gonna make this a bit small just like that let's give it around 850 I guess that should be good yep and then I can select that and align it on to the top something like that now if you don't see this align tab you can go into Windows and there you will find it let's make some room right here alright so there we have it let's select the rectangle tool again and I will create a small square bike where I can drag and drop the second image the second text that I want to use now as you can see the anchor point of this shape is not into the st. it's right over here outside from the shape so to put it into center what I can do is I didn't use a very quick shortcut is ctrl alt and home and bam the anchor point is now into the center pretty simple and helpful even I was unaware of the shortcut just few days back a friend told me and I think it's a pretty helpful shortcut alright let's say with text tool and I'm going to type in text you can of course type in anything that you want I'm typing gallery make this a nice maybe gray color dark black color and for the phone I'm gonna go with big noodle tiling one of my favorite fonts make it a bit smaller and increase the kerning a bit just like so and then I can just place it into the scent and now you can what you can do is you can turn on the snapping and so that should snap into the center just like that and to put the anchor point into the center you can again use ctrl alt and home shot cut and yeah that is looking actually pretty nice pretty happy with that let's create a new null object and parent all these three layers to the null if you don't see the parent option you can hit f4 on the keyboard or you can right click right over your go-to columns and turn on the parent and link option so now I can animate the complete shapes or all the layers using just one null object so let's go to one second and maybe 15 frames create a keyframe on the position go back in time and let's drag this out of the frame just like that so we have a pretty simple animation let's select the keyframes hit f9 go into the graph editor and I'm going to create a peak just to make this motion a bit more interesting so let's see how it looks and as you can see this is looking very nice yep that is what I am going for now I can drag the media composition just like so let's scale this down a bit maybe something like let's go with 45% that looks good and I'm gonna place this below the gallery text and I can place it into the position maybe I'll scale this to around 50% or let's actually leave it at 45 okay let's zoom in a bit and I'm gonna put it into the position that I can use the arrow keys just to be a bit more precise and yeah I think it's it's looking very nice right there now let's duplicate the media composition hit ctrl D to duplicate it and rename is to Matt and into the fixon preset I'm gonna type in Phil and add a Phil effect onto the mat make it a nice white color and change track Matt of the media so let's hit f4 change the track Matt - off format and then what I can do is go to two seconds select the media comp hit P to bring down the position keyframes create a keyframe go to Iran maybe one second and then drag it out just like that maybe a bit more so we have a very simple animation let's select keyframes hit f9 go into the graph editor and then I can just create a same peak that we created before just like that now if you now if your graph editor doesn't look like this make sure to right-click and you're working in there it's feed graph and not walking in the Edit value graph so many people have the same confusion just to solve it and yet that is looking very nice I think yeah that is nice okay so let's go ahead and add some text let's create a new composition which the width I'll set to around 600 pixels and for the height I'm going to go with 200 pixels call this text on this score o 1 hit OK now you can of course type in any text that you want I'm just gonna type in the same text as the example that I use so space its center this up increases size to around 200 pixels put it into the center and the Corning I'm going to set it to 0 all right let's go to one second hit P to bring down a position properties create a keyframe go back in time and let's drag this out like so select the keyframes head f9 go into the graph editor and create a peak into the center okay there we go very nice now I can duplicate the text so I'm gonna create three copies so total we have three copies let's go into the text two and change the text let's actually align this like that I'm just gonna put the anchor point into the center but it's not working the way I want so I just hit control Z alright okay so there we have our text now let's change this to creative and let's change the thought text as well I'm gonna call this studio also make sure to put it into the center just like that and yeah it's looking pretty good I think it's not in the center so what I can do is go to one second align this go at the very beginning align this and now it's perfectly into the center now let's go back into the main comp and drag the three text layers that we have like that and place it into the position that we want I'm gonna turn on a snapping for now and hit ctrl R to bring up the rulers and then let's drag it like so select the text one and just place it takes two and text three let's zoom in a bit and try to be as precise as possible you can of course use the arrow keys okay so far so good now let's displace it text a bit so what I can do is I'm gonna make the text appear after some time or after a few frames so I can just drag it like that maybe so this one yup that is looking much better I think maybe a bit forward in time as you can see this this looks much better actually so at two seconds or maybe let's go to two point fifteen frames I can animate the text a bit so axilla call the text and hit p to bring down the position properties create a keyframe go to around three second and let's bring this a bit to the left just a touch select all the keyframes hit f9 go into the graph editor and create the same kind of peak that we created so now we have something like this very minimal movement but it looks pretty good now I can select the keyframes and displays them a bit just like before so we have an interesting movement as you can see and then I can select the media or go into the media comp and let's animate this hit s to bring down the scale properties create a keyframe go to three-second and let's set this to around sixty selected f9 graph editor now in this case I like to use the keyframe wingman as I showed you guys in the previous tutorials but as you guys know I'm shifting to a new office I have shifted actually to a new office and this is the very raw computer I have just installed windows on this and After Effects and stuff so I haven't in swining script and other things so yeah by the way I'm gonna make a blog about it so stay tuned for that as well and yeah getting back to the tutorial I think this is looking pretty nice yep and now what I can do is let's create a new rectangle just like that we don't need any fill for this I'm gonna set this to none we just need a stroke of around 15 pixels going to rectangle rectangle path one hold alt and click on the link and then this way this is a bit smaller like this let's make this 1000 pixels Oh 1000 pixels and then I can place it into the position that I want I will keep it something like so yeah that looks good to me and let's go to three seconds select the shape layer create a new keyframe on the size go to two second and 15 frames and let's make this smaller just like that then hold alt and close square bracket to crop the layer and put this below the media comp so now we have something like that no obviously it's not looking that great so that you select keyframes f9 graph a little and create a peak so there we go as you can see this looks much better now to add a bit more accent to this design what I can do is select the media composition hit ctrl D to duplicate it f4 and said there's no track mat hit you or hit you and get rid okay okay and get rid of all the keyframes let's place it into a position that I want so I'm gonna place it there let's put it a bit to the left okay create a keyframe go back to around maybe one second I'll go to one second and drag this out holding shift select keyframes f9 graph editor I guess till now you guys have got a bit you know annoyed with this same step but this is very essential to make the animation look nice and smooth as you can see looks pretty nice I think the animation should stop should start a bit early so what I can do is go to 2 second in 5 frames select the shape layers hit you and drag it go to media drag this one as well and now I can select this layers had you and drag the keyframes as well so yep this is looking much better now to add some more accent what I can do is I can go into text one maybe select the text hit control D duplicate it hit you and get rid of all the keyframes selected hit control X to cut and ctrl V to paste the text there you go let's increase the size and I said big and just invert this to stroke let's set the stroke to around two pixel and now I can use this add some I didn't use this text as some accent for our complete design and this is one of the technique that I use for my video hive templates as well so it's very useful it looks very nice so I can place maybe this text right here hit ctrl D to duplicate it maybe place one right over here and change this to a different text I'm going to call this creative and let's place it just like that and make it a pitch black color there you go and then let's go to maybe three seconds select both the text layers hit Peter bring down a position properties create a keyframe go back to around maybe one second and then I can drag this text out of the frame open make sure only one text is selected hold shift and drag them out of the frame selected keyframes here f9 graph editor and this time I'm going to drag the handle to the left this one as well so we have a very nice and interesting animation maybe a bit more so as you can see this looks very nice now to make the outer animation or inward the animation it's pretty simple let's select all the layers and hit ctrl shift C to pre compose it let's call this slight underscore oh let's call this slide and I'll go to e maybe three second in ten frames hold alt and close square bracket hit ctrl d duplicated right-click go to time and time reverse leo then what I can do is I can also change the time so I can go right here and maybe add a stretch let's make this minus 60 and then hold shift and drag it so it snaps in right over here just like so and now we have our out animation as well so there we go there we have a minimal but stylish looking slide show animation you can drag a video you can add a video or a different image and make your slide animation look even more interesting you can add maybe multiple you know slideshows oh one more thing before I wrap up is I can add some drop shadow to give a bit depth so what I can do is select the media and the yep to all the media and the man select the media and the Matt hit ctrl shift C and for now I'm just gonna leave it as pre compose and let's add a drop shadow let's increase the distance a bit put it right over your and increase the opacity and softness just like that maybe a bit so now it has some more depth as you can see the opacity is a bit too much I can just play around with it a bit just like that and yeah that is looking much better so that is a wrap for today guys I hope you enjoyed this tutorial and if it did make sure to subscribe comment and like and I will see you guys in the next video till then take care thank you so much for watching and don't forget to stay raw stay creative [Music]

Channel: Dope Motions

Views: 108,905

Keywords: Create Stylish Slideshow like Videohive Authors in After Effects - After Effects Tutorial, After Effects Tutorial, Stylish Slideshow like Videohive Authors, minimal slideshow after effects, simple slideshow in after effects, slide animation in after effects, dynamic slideshow in after effects, dope motions, tutorials, shapelayers, track mattes, motion graphics tutorials, presentation in after effects, cleam slideshow, videohive slideshow tutorial, After Effects Tutorial - Slideshow

Id: utik_9xAwlw

Length: 20min 40sec (1240 seconds)

Published: Thu Sep 13 2018