Endless Sliding Images Effect In Filmora X

[Music] okay so this tutorial is requested by one of my subscriber he watch another channel and see the the image effect like this so actually i don't know how to call this uh to this video effect maybe sliding image or sliding image series or something like that by the way it took me an hour to figure out what the best solution to create this effect in femura then and you know that we have also other programs like photoshop we can create a very long image like this it is easier to create this long image in photoshop and then bring it to filmora and we just need to add some animation keyframe by the way i don't like to use other software just one software at a time so i'm going to show you how to to create this effect a sliding image in filmora 10 okay so and here's my example timelines as you can see here we have a white background so i i just want to have a white background to just uh to add a white line across the image because uh normally when i create this image it will have a this line this is a white line this is another but at the on the left and on the right of the image it doesn't have the light so i just want to add a background a white background so it will fill up with the light here let's play this one so as you can see here we have some image this one is the first and this is the second and we have some animation keyframe here so that the point here is that we have all the image has the same had the same duration the same duration and they're starting at the same position also and the animation keyframe is exactly the same so the speed of the animation is exactly the same uh to create this rolling image like this okay and on top here we have a shadow shadow a overlay and it doesn't matter you don't want to you you don't need to add this one but i think it's interesting to add more more overlay to this uh image sequence okay so let's delete everything uh let's start with creating new image because here you see that at the the example there's a rolling image on the screen and the image has different size so i found out that the the best way to create an image like that is to go to a split screen template in the filmora 10 so you see here we have many template and we can use this one uh three image on the screen or this one seek image on the screen so i'm going to give you an example by creating a three image um split screen this first one let's drag and drop it onto a timeline we don't need to do anything with this split screen just drag and drop our image or into this area okay so i'm going to do this one for example uh a light here and this one this is the first one and here for example and this one is the third one so now we have just created this split screen right and we mentioned that we can change the border if you want to change the board of the split screen to a different color then we need a different background color by the way we just need to take a snapshot of this image and okay to take a snapshot you need to click here take a snapshot and then click here to take a snapshot to create a split screen snapshot in filmora then okay so now we have the first snapshot should you do the same with all other image for example i create some snapshot here when we have uh this one one two three and this one four five six so we have all the snapshots of the split screen so the next thing we go down and we can delete the split screen template here the first we need to add a background okay so the background we go to sample color at the media tab and then use white or you can use other if you want like this we can create about 30 second or something like that and we are going to lock this track because we don't want to change anything here and the next thing we go to our folder and we use the first snapshot we bring it down onto the timeline and now we we are going to change the duration of this one go to duration and then we can change it to 50 seconds 15 second uh for the first one and this is just a 50 second image nothing here right and now the next thing we want to do is to move it out the frame so we are going to just uh click on the window here and then move it out of the frame because we want to move the image from right to left right and we are going to put it down here so now we want more now so we're going to drag and drop more split screen template or split screen snapshot onto the timeline the snapshot that you created with the with the split screen template so we have three image so just make sure that they have the same duration uh to do that we can just highlight all of them and check the duration here we can change it to 15 seconds and then click ok so now they have the same duration but we want to have the same position also so i'm going to right click here to copy this effect and then i'm going to paste to this one base the effect say and now they are at the same position outside the screen so to view to to see them uh we can just change the the zoom level of the preview window like 10 percent so we have all the image is here right uh okay i'm sorry just uh add a keyframe for this one so we have all the images outside and we need uh to move them uh inside here uh for the first one for example at this image i want to add a keyframe to keyframe for this image and move them move it from the right to the left so we are going to hide this one uh the first and the second now we're going to the beginning of this image we are going to add one keyframe for it and we move some frame forward light and then we adjust the position so we need to adjust it to this position right okay so this position should be right and we also move this keyframe to the end of the the image okay so uh let's preview this first image first let's see the animation how is the speed and how it looks okay let's play it all right so as you can see that the the image is moving from the right to the left of the screen so we can play move this playhead to see the animation for example at this position at this position i want to i want the second image sorry just a little bit adjustment okay so at this position i want the second image to start playing so start rolling from the right to the left so we are going to unhide this one and unlock it uh two so this is the first one and now we want it to start start the animation uh from this position so we just select it on the timeline and then we move it to this playhead position and also add two animation keyframe for this image so we are going to add the first one and we also move to the the end of the the end of the image and then adjust the position so we want to adjust the position to this position make sure that you have the the same position with the the first one okay so i think at this position should be okay now we need to play uh both image to see if the animation fit together okay let's play it and we can adjust right now okay and now we need to repeat the process with the third image on the timeline let's see let's open it and then move it to this position and then add an animation keyframe for it and then move it to this position and then adjust the position so just make sure it move all the way to the left of the timeline of the review window okay so at this position as you can see here that the position number -3 385 okay so let's uh go back here to the to this one we can check the the keyframe on the second image 387 so it's a little bit different and another keyframe here for the first image because they should have the same position all the time so 387 is the correct number and now we can also uh select this keyframe and adjust the number directly here so 387 and press enter and now we can move the animation keyframe to this uh to this position so just make sure that they have the same the same animation speed okay so now i'm going to render the timeline first so you see that you see the effect better okay a few moments later okay so i finished rendering the timeline so let's also go back to the normal normal view let's select fit here and here's the effect that we just created with an only femoral tent okay let's play so that's look nice right by the way there's some point here uh we can also adjust the the gaps uh for example at this position uh when the third image uh start it start a little bit slower so that the gaps between two image is too big we can just simply move the position of this image and this is the last image here so you see here we have the last image of this girl and they just started from here to this position okay so i can just uh move let's straight out this one to fix this we just move this image to this position then we we have we can fix that the y line here and let's play so now it's perfect right and now we can export the video and we're not finished yet we need to export this video and then bring it back to filmora and then yeah because we have a video there now we can add an effect and also add some text or something like that to to this video but this is just my solution you don't need to do the same you can just export it to whatever you want okay so now let's say endless image like so example number five and go to setting and remember when you have a slideshow keep the keep the frame rate at 30 frames per second or 60 frames per second for sport playback because otherwise there's a little bit jitter because it doesn't look like the video even for the video we we will keep it at 24 frames per second but this they are all the image so we're going to keep it at 30 30 frames per second okay and then click ok and i'm going to export this one and after that i will bring it back to filmora okay so the spot the export is finished now we can find the target and this is the first video we created with the split screen templation snapshot and animation keyframe let's double click that is not bad right uh by the way because we have the at the beginning we have some y background here and at the end we have some white background also so if we want to upload it if you want if you want to upload to youtube or somewhere you need to split this part and delete it okay so it is very easy just uh bring it into filmora so we go back to a few more and then we can try and drop this video here and now we can delete this one because we don't need this anymore and we can also delete this this background too and this is a video right and we just drag and drop it here and now max media uh 30 frames per second okay and then move this uh move this playhead to the position where we want our image to start which is one more okay at this position here okay right right here okay so at this position we simply split the video and then delete this one we go to a repo delete so this one okay nice and go to the end also do the same with the end of the the video okay at the end of the video uh this position so we are going to delete this one so it's rolling out here finish okay so at this position we can delete okay and if you have more video like this you can just drag and drop them and put them here and then they they will continuously play throughout the video and remember with this video you can do something more with the make a slow motion video fast forward to to increase or reduce the speed of the rolling effect like this and it's slower and you want to have slower you can just uh make a slow-motion video because it is 30 frames per second and if you want to make slower slower if it's rolling effect you can you can export 60 frames per second video and then you can slow down 40 okay and you can add more effect like i mentioned so go to overlay and then frame and then you can add the shadow a for example on top of this video and you're finished so this is how you can create this uh analysts and lists slide effect slideshow effect sorry i don't know how to call it uh in only filmora 10 with all of your all the images you have on your computer and now if you are familiar with photoshop then the the work is a lot easier so if you're familiar with photos photoshop all you need to do is to create a long image a long image like this for example let me give you an example for example here i i created this image with photoshop let's see the property and and you can see that the size the size of the image here for example here the details so the dimension you see the dimension the width is a 9 9 000 0 and 9 021 and the high is 1080p so we can just drag and drop this image into firmware and then add to two keyframes and finish for example here we go back to filmora and go to folder and we can delete this one and we are going to import that that image i created with photoshop into this one so very very easy so we have here slide two and then select it and then click open okay so and now we have this uh slide to image uh input mode all we need to do to drag and drop it onto the timeline and then extend the duration to whatever you want maybe 15 seconds or something like that and then you just select it you need to select it on the timeline and then go to crop tools click on crop tools and now you can go to pan and zoom and now just just adjust this one for example this start start point and also select the ratio is 16 by nine and adjust this end point to the end of your image like this and you just finish creating a sliding image effect in filmora then so it is faster than the first option right but the work in photoshop will be more than in filmora okay and here's the effect so simple right all right so that is how you can create a sliding image series or something like that in filmora 10 and in photoshop and with female 10 also i hope you enjoy the tutorial so if you have any other requests just let me know in the comment section below because you know that i always love to to answer my subscribers request and thank you very much for watching goodbye and see you again bye

Channel: Jacky Nguyen

Views: 59,659

Keywords: Jacky Nguyen, Filmora x, Filmora tutorial, Filmora X tutorial, Filmora X slideshow effect, Filmora X image slideshow

Id: rozbEIaOJl8

Length: 20min 16sec (1216 seconds)

Published: Thu Mar 04 2021