Framer
banner
0xframer.bsky.social
Framer
@0xframer.bsky.social
I create captivating cartoons using AI 🎬 Follow me to learn it 🧙

Enroll in AI Animation course: http://framermotion.com
To create a looping effect, select all the layers, right-click, and choose "Create compound clip". This will merge all the layers into one.

Duplicate the layers and place each one after another as many times as you want your looping animation to last.
May 18, 2025 at 10:55 AM
Then:

1. Place the playhead at the start of the timeline,
2. Select the van layer and in the right panel, activate the position keyframe.
3. Place the van at the desired starting position.
4. Move the playhead to the 8-second mark.
5. Place the van at the desired finish position.

Nice!
May 18, 2025 at 10:55 AM
1. Upload the picture
2. Select Tools > Selection Tools > Polygon Lasso Tool, mark the object you want to mask out.
3. Then press Select > Invert
4. Then Edit > Cut

Cool! Now your object is masked out.

Download it as PNG file.

Repeat for all other the elements.
May 18, 2025 at 10:55 AM
Then create a background image by getting rid of van and some AI-generated garbage.

1. Go to runway.ml, select "Erase and replace" tool
2. Mark the van and all those random elements that doesn't make sense
3. Type STREET as a prompt.
4. Repeat until you get a clean image
May 18, 2025 at 10:55 AM
This is a looping Lofi animation that I created in CapCut in 30 minutes! :)

If you want to learn this too you can check my tutorial below! 👇
May 18, 2025 at 10:55 AM