Animated SPLIT SCREEN effect for Premiere Pro

in today's video editing tutorial i'll show you how you can create these awesome animated split screens like the ones that you're watching now with this effect you can make the most boring footage look a lot more enjoyable i'm going to do this inside adobe premiere pro 22.4 but you should be able to do this in older versions as well before i move over to premiere i want to thank squarespace for sponsoring this video use squarespace to create a beautiful and professional looking website you don't need to have any web design knowledge you can just start with one of their beautiful templates and they are super easy to adjust to your tastes and needs so whether you want to set up a blog post website an online portfolio or a webshop to sell your products you can do it all with squarespace use the link squarespace.com to claim a 10 discount on your first purchase the links can be found in the video description okay now it's time to jump over to premiere and start some editing inside premiere i've got a couple of clips ready on the timeline for this demo we'll start with a basic side-by-side split screen animation and then make it more advanced later on this split screen animation is mainly achieved with a lot of keyframes and one basic effect the crop effect so let's add this effect to the first clip on the timeline and then move over to the effect controls panel here i'm going to enable keyframes for the left and right crop by clicking on the stopwatch icon and i will also enable keyframes for position and this will be the starting point of the animation next i'll move a couple of frames forward and then crop the clip on both sides by 25 and now we can move all that is left of this clip to the right side of the frame and by adding these keyframes we've now created this animation and by the way you can skip between the exact position of the keyframes by using these arrows here and this is important to know because you will use this a lot when you make split screens like this as you'll see later on so next i'll move the play it to the timestamp of the first set of keyframes that's the starting point for the second clip which i will stack on top of the first one like this i will also add the crop effect to this clip and then inside the effect controls panel also enable keyframes for left and right crop and also for precision at the beginning of the animation the second clip should not be visible so we'll move this one out of the frame to the left next i will select the first clip on the timeline and then skip forward to the point of the second set of keyframes then go back to the second clip and then use this timestamp to add some keyframes i'll move this video back into the frame and then crop this at 25 on both sides so now i can place this clip on the left side of the frame and also add some space between the two clips and you could also move the first clip some more to the right to keep it symmetric and also add a thicker border between the two clips the animation is already looking pretty good so far but we can make it a bit smoother by easing the keyframes this means that we need to select the ease in option for the last set of keyframes and the ease out option for the first set and of course we need to do this on both clips or else they will be out of sync and that's it for the first part let's have a look at this side-by-side split screen animation if you want to make the animation move faster you can simply place the keyframes closer to each other like this ensure the other clips keyframes are also at the same timestamp to keep it all in sync [Music] now it's time to add another clip to the split screen animation i'm going to crop and move this clip more to the left and then bring the right one down and place the new one on top of that maybe you've got no idea what i mean but let's go for it and you'll see right away first i'll move a couple of frames forward and then create another set of keyframes as the animation's starting point i'm going to do the same for the second video but here i will also enable keyframes for the top crop value then i'll move a couple of frames forward and use this timestamp as the end of the animation okay let's select the other video and then crop this one on the right side and after that move the video to the left like this and if i now scrub to the timeline you can see the animation that we've just created now i'm going to select the second video and first crop this one on top and also bring back some of it on the left side if you need to make finer adjustments you can also select the crop effect and then drag the outside blue lines inside the program monitor and finally i will also reposition the clip somewhere down here if i scrub to the timeline you can see that the border isn't equally in thickness throughout the entire animation that's because not all the keyframes have the same ease properties so we need to give the first set of keyframes the ease out option and the last set of keyframes the ease in option and of course we need to do this on both clips [Music] and this is how it looks so far it's time to add the final video but first let's move to the last set of keyframes and then stack the last video on top of the other two we're going to use this point in time to enable keyframes on the third video but for this one we're not going to add the crop effect but we're going to play around with the skill and position so i will scale it down and then place this one in the right top corner then go back to the first set of keyframes in one of the other videos and use this position to scale the video back to 100 and then move it out of the frame to the right top corner this will add the following movement to the last video finally we also need to add each properties to these new keyframes and after that the animation will look like this [Music] and that's it for this split screen animation tutorial once you understand this workflow you should be able to make endless variations if you made your own version based on this tutorial then feel free to share the link to your video in the description anyway i hope you enjoyed this one and if you did then please like the video i would really appreciate that i need to go now i'm going to order a pizza thanks for watching and i wish you all a wonderful day [Music] you

Channel: Storysium

Views: 104,303

Keywords: split screen premiere pro, split screen video, side by side videos, How to make videos side by side in Premiere Pro, Premiere pro cc, Split Screen Effect Tutorial, How to Split Screen in Adobe Premiere, Split-screen Video in Adobe Premiere, side by side video premiere, split-screen premiere, split screens in premiere pro, split screens, animated split screens, splitscreen, split screen effect, Premiere pro effect, two videos side by side

Id: Seukn92Uk0c

Length: 6min 57sec (417 seconds)

Published: Tue Jun 28 2022