Effects
Texture Overlay — editable Remotion component
A transparent deterministic texture layer with grain, paper, film, scanline, speckle, and print presets for composited scenes.
Component details
- Version
- 0.1.0
- License
- MIT
- Duration
- 3.2 seconds
- Dimensions
- 1920 × 1080
Prerequisite: Create a Remotion project
Agent Motion installs components into an existing Remotion project. If you are starting fresh, create a blank project first:
npx create-video --yes --blank my-video
Add editable source
Run this command from the root of your Remotion project. No separate Agent Motion CLI installation is required.
npx @agent-motion/cli add texture-overlay@0.1.0
Agent guidance
- Layer Texture Overlay above the background and usually below critical captions or accessibility text.
- Omit backdropColor in real compositions to keep the component transparent; the example uses it only for a visible registry preview.
- Use grain or film for cinematic scenes, paper or print for editorial scenes, scanlines for technical UI, and speckle for tactile motion graphics.
- Keep intensity below 0.35 when foreground content contains small text or detailed charts.
- Change seed for a different deterministic distribution and set animate to false when the texture should remain completely static.
- Import calculateTextureOverlayDuration to preview one complete deterministic cycle.
- The overlay is visible from frame zero and owns no scene entrance or exit transition.