Hi, it's LC. Welcome to my channel. I got asked how to have the character moving on the timeline so with this video, I'm going to show you three different ways on how to create a progress bar you can comment down below to tell me which one is your favorite if you would like to see more CapCut related content, please consider subscribing to my channel Now let's get started. First, you want to open a video that you want to create the progress bar then click on overlay add overlay then you want to import a background photo you can use whatever color that you like I'm just going to use the classic red color you can find red background on Google or create your own Usually, I like to have this overlay the same ratio as the video so I'm going to click on edit crop 9:16 in this case then import another overlay that is a white background zoom in till it's longer than the width of the video then moving all the way down to the bottom you can adjust to how you like, but the goal is to have it the same as the red progress bar then you can click on splice to adjust the opacity you can do 50 then you want to adjust both overlay to be the same length as the video then you can click on the overlay drag at the end move it all the way to the end to match the video do the same thing with the white overlay then you want to go to the beginning of the red one click on it add in the first keyframe when you add a keyframe sometimes it might resize the overlay to be bigger, that's why I don't adjust the size till I add a keyframe then you want to zoom in to fill the screen, just enough to fill the screen. then you want to move it all the way to the bottom to match the length of the white overlay then you want to move it all the way to the end add another keyframe at the end of the clip go back to the first one then you move the red overlay all the way to the left you don't see it this is when the reference bar is helpful because that helps you to see where you want to have the red overlay move to just enough till you don't see it then you can change the order of the white overlay to be in the bottom click on it click on layer and then select 1 you can even delete it if you don't like it there so this is the first style of the progress bar Next, I'm going to show you the one with moving character again, you want to open the video that you want to create the progress bar for this one, the technique pretty much is the same except we are using stickers then click on stickers you can select whatever sticker that you like you can click on mirror to change the direction of it however, there's a con of using sticker directly within CapCut let me show you what so when you try to move the sticker all the way in you can see the corner part of the sticker, you are always not able to move in which means you might not be able to move the sticker all the way in so what you can do is either to have the sticker all the way out like this and then add a keyframe make sure you adjust to align with the video go to the end another keyframe and then move this all the way to the end that shows the whole thing of the sticker so that's how you can use the sticker within CapCut however, if you want to move the sticker all the way in we can resize the sticker not to have it on the corner part, which we will use an app called ImgPlay some people might wonder where can I download sticker, some people use the GIPHY app if you click on search, you can search Gifs or stickers just be aware of a copyright issue on that after you have a sticker that you want to use, then you want to open the ImgPlay app this app should be available on both Android and iPhone then go to the album and click on the sticker that you want to use then click on canvas you can select whichever canvas; it doesn't really matter as long as you don't have the sticker on the
corner parts so I'm going to resize this sticker to make it smaller and I'm going to have it in the middle then click on save as you can see, there's a watermark there it doesn't really matter since the sticker will be moved down to the bottom and you won't see the watermark then click on save to photos let's go back to CapCut let's delete the sticker so to import your own stickers or GIF, you can click on stickers then go to the picture icon and select the sticker you want to import and it's the same thing, make sure it's aligned with the video Click on the beginning to add a keyframe move the sticker all the way to the left until you don't see it then go to the end of the sticker, add another keyframe and move it all the way to the right end till you don't see it sometimes it might take time to load the sticker and you might not see it you can just move it like this and it should be able to show so this is how you can use stickers to create the cute progress bar now let me show you the last one open the video that you want to create the progress bar this progress bar, I think is more common in some of the Facebook videos this one is similar to the first style we are going to click on overlay to import a color overlay we are going to import the color one, which is the progress bar and then click on edit crop ratio to match the video, 9:16 in this case and then we are going to add in a white overlay this is for reference so you're going to zoom in all the way to it fills the screen align both overlays with the video then you want to click on the white overlay click on mask then click on rectangle invert and adjust it to the part where you want the progress bar to be click on splice adjust opacity now you want to copy the color overlay make two copies of it so you can click on copy two times and then move the overlay all the way down to the next overlay track same thing with the other one however, with the last overlay, we are going to split it in half so it's about 5.5 seconds that you want to split it then move the first one of it to the next overlay you can always zoom in, so you can see if the timeline aligns so we want the overlay to start in half also align the last one to match the third one go to the end make sure they're all alive with the video then click on the beginning of the first one Add a keyframe, zoom in to fill the screen then move it all the way to the left and only keep the part that's matched the reference one then we want to add the second keyframe at half of the overlay which is about 5.5 seconds or you can just go to the last two overlays to see where they are and then just move it back up click on the first one to add the second keyframe go back to the first one move it all the way down to the bottom till you don't see it then you just do the same thing for the rest of
them so for the second one, add a keyframe, zoom in to fill the screen but with this one, you want to move it all the way down to the bottom then add a second keyframe at halfway go back to the first one move it all the way to the left then for the next two it's the same thing add a keyframe, zoom in to fill the screen for this one, you want to move it all the way up then add a keyframe at the end go back to the first one move it all the way to the left then for the last one add a keyframe at the beginning, zoom in to fill the screen then move it all the way to the right go to the end, add another keyframe go back to the first one then move it all the way down to the bottom till you don't see it then with the white reference overlay, you can keep it or delete it. I'm going to delete it. so this is how you can create a progress bar like this Which style of progress bar do you like the most? personally, I like style number 2 the most I hope you found this video to be helpful and create some fun progress bars for your own video If you found this video to be helpful, please consider like, subscribe, and comment down below. As always, I hope you have a wonderful day and I will see you next time!
