Creating an Infinite Scrolling Background in Adobe Premiere Pro

An infinite scrolling background is a looping pattern of icons, shapes, or images that continuously moves across the screen. You see it in app commercials, tech presentations, and intro sequences. It creates a dynamic, professional backdrop that keeps the visual interesting without distracting from the foreground content.

Building this in Premiere Pro involves a few creative techniques: replicating an icon into a grid, nesting the layers, and using the Offset effect to create continuous scrolling. Today we walk through how to create it.

How to Create an Infinite Scrolling Background

Setting Up the Base

1. Open Premiere Pro and create a new sequence at 1080p resolution.
2. Start with a single image or icon. This will be the repeating element in your scrolling pattern.
3. Place the icon on the timeline. If you want a sparkle or shimmer effect on it, apply the Lighting Effects effect to create a subtle animation.

Creating the Background

4. Draw a rectangle to serve as your background using the Rectangle Tool.
5. To give it a gradient look, apply the Four-Color Gradient effect from the Effects panel. Customize the four corner colors to create your desired background color scheme.

Replicating the Icon

6. Apply the Replicate effect (under Video Effects > Stylize) to the icon layer. This creates a grid of copies of your icon.
7. Increase the replicate count to fill the frame with a tiled pattern of the icon.
8. Duplicate the replicated layer. On the copy, adjust the Scale, Position, and Opacity to create a staggered, layered look with depth. Having two grids at slightly different sizes and opacities creates visual interest.

Making It Scroll

9. Select entire rows of the replicated icons on the timeline. Right click and select Nest to group them. Nesting lets you apply effects to the entire grid as one unit.
10. Apply the Offset effect (under Video Effects > Distort) to the nested group.
11. Keyframe the Shift Center To property. At the start, leave it at the default. At the end of the clip, shift it horizontally (for a left-right scroll) or vertically (for an up-down scroll). The Offset effect wraps the image around, so it seamlessly repeats as it scrolls.
12. For different rows, apply the Offset effect with slightly different speed values. This creates parallax where layers move at different rates, adding depth.

Extending the Duration

13. Copy and paste the nested layers to extend the scrolling to whatever duration you need. Since the Offset effect wraps the image, the loop is seamless.

Tips

• Vary the icon sizes. Having one grid of larger icons moving slowly behind a grid of smaller icons moving faster creates a convincing sense of depth.
• Lower the opacity on background layers. The foreground grid should be brightest. Background layers at 30-50% opacity create subtle depth.
• Try different scroll directions. Diagonal scrolling (adjusting both X and Y offset values) looks more dynamic than purely horizontal or vertical.
• Use this as a background for text animations or logo reveals. The scrolling pattern adds energy without competing with foreground content.
• Experiment with different icons and patterns. App icons, brand logos, geometric shapes, and emoji all work well as repeating elements.

That is how you create an infinite scrolling background in Premiere Pro. The Replicate effect handles the tiling, and the Offset effect handles the seamless scrolling. Together they create a professional, looping backdrop for any project.