Infinite image scrolling

General topics
1

Hi guys, does anyone know how I can recreate the infinite scrolling images like in this example here?

I have tried it and it keeps jumping when the animation loops, I have tried to fix this for hoursssss and I cannot get my head around it lol

1 Like
2

Here’s some info I found: Your horizontal scrolling images jump or restart visibly instead of looping smoothly because:

1, The animation distance doesn’t match the width of your image row.

or

2. Or each image was animated individually instead of the full strip.

Step-by-Step Fix: Step 1: Group Your First Set

Select all images in your first row.

Right-click, Group. This is now Set 1.

Step 2: Duplicate It

Duplicate Set 1. Move the duplicate directly beside it. Make sure there is zero space between them.

You now have: Set 1 | Set 2

Step 3: Create a Main Container

Select both Set 1 and Set 2.

Right-click, Group again.

This new group is your Main Container.

Step 4: Remove Old Animations

Make sure: Set 1 has NO animation. Set 2 has NO animation.

Only the Main Container should be animated.

Step 5: Find the Width of One Set

Click on Set 1 only. Look at its dimensions.

Note the width (the first number).

Example:2218 Γ— 320Width = 2218

Step 6: Add the Correct Animation

Select the Main Container. Add a Move animation.

Set it to: 0 > -[width of one set]

Example:0 > -2218

Change easing to Linear.

Keep your the speed you want.

If you see a tiny flicker, zoom in and check for a 1px gap between sets.

Adjust the animation by 1 - 2px if needed.