What Is GRIDS for After Effects?

Summary

GRIDS in After Effects is a $10.00 pack of high-resolution grid backgrounds and overlays that you import into the Project panel and drop into a composition as a layer. Put it at the bottom of the layer stack for a background, or above your footage with a mode set in the timeline's Mode column for an overlay. Recolour it with Effect > Generate > Fill or Effect > Color Correction > Tint, and drive its movement by parenting it to a null.

What Is GRIDS?

GRIDS is a pack of carefully-crafted grid backgrounds and overlays designed for YouTube videos and presentations. The designs are high-resolution, which matters more in After Effects than anywhere else — this is the application where you are most likely to scale, rotate and push into a background, and low-resolution source falls apart the moment you do.

  • What you get — grid backgrounds and overlays built to lift production quality.
  • How it behaves in AE — as a footage item. It becomes an ordinary layer with a full Transform group, effects, masks and blend modes.
  • Compatibility — works across video editing and image editing software.
  • Price — $10.00.

There is no plugin, script or preset file — nothing to reinstall after an update, and nothing that fails to render on a machine without the pack, because the grid travels inside your project as media.

How GRIDS Works in After Effects

  1. Import the designs — File > Import > File (Ctrl+I / Cmd+I), or double-click empty space in the Project panel. Drop them into a folder named for the pack so the Project panel stays readable.
  2. Drag one into your composition — from the Project panel onto the timeline. Where you drop it in the layer stack decides its job: bottom of the stack for a background, above your footage for an overlay.
  3. Fit it to the comp — with the layer selected, press S for Scale and bring it up until it covers the frame with a margin, or use Layer > Transform > Fit to Comp Width (Ctrl/Cmd+Alt+Shift+H) to snap it. Press P for Position and R for Rotation to place the lines where you want them.
  4. Set a blend mode if it is on top — reveal the Mode column with F4 (Toggle Switches / Modes), then pick Screen, Multiply, Overlay or Soft Light. Press T for Opacity and pull it back to roughly 10–25% for a texture pass.
  5. Recolour it — Effect > Generate > Fill replaces the layer's colour outright while respecting its alpha, which is the cleanest option for a single-colour grid. Effect > Color Correction > Tint maps black and white to two colours you choose. Hue/Saturation with Colorize ticked gives you a hue you can keyframe.
  6. Extend it for the full comp — drag the layer's out point, or right-click the footage in the Project panel, choose Interpret Footage > Main, and set a loop count under Other Options if you want the source repeated automatically.
  7. Animate it — Layer > New > Null Object, then use the pick whip in the Parent & Link column to parent the grid to the null. Animate the null instead of the grid, so you can retime or replace the background later without losing the move.
  8. Treat the whole stack at once — Layer > New > Adjustment Layer, placed above the grid and everything below it. Any effect on the adjustment layer — a vignette, a glow, a colour pass — hits the entire bed as one image.

Building a Motion-Graphics Bed

This is where a grid earns its keep. Icons, numbers, charts and callouts all need something to animate over, and a grid gives that animation a measurable stage.

  • Offset the grid slowly — a background drifting a few pixels per second reads as depth, not as motion. Keyframe Position on the parent null, not on the grid.
  • Add parallax — duplicate the grid, scale the copy larger, drop its opacity and move it at a different rate. Two grids at different speeds sell depth better than one 3D layer.
  • Tile it if you need endless — Effect > Stylize > Motion Tile, then animate Tile Center. Turn on Mirror Edges if the edges of the design do not butt together cleanly.
  • Loop the move — Alt/Option-click the stopwatch on the animated property and enter loopOut(). Set your keyframes so the last one lands exactly one cell away from the first and the loop is invisible.
  • Precompose before you get clever — Layer > Pre-compose with "Move all attributes into the new composition" ticked. Blur, glow and blend modes behave predictably on a precomp; on a stack of raw layers they rarely do.

Masks, Track Mattes and Type

A grid confined to a shape looks designed; a grid running edge to edge looks like wallpaper. Both are useful, but the confined version is underused.

  1. Grid inside type — put a text layer directly below the grid, then set the grid's track matte to Alpha Matte on that text layer using the matte dropdown in the timeline. The grid now only exists inside the letters.
  2. Grid inside a lower-third bar — draw a shape layer, put the grid above it, and use the same alpha matte relationship. Animate the shape's width and the grid inside it wipes on with the bar.
  3. Soft-edged panel — draw a mask on the grid layer with the Pen or Rectangle tool, then raise Mask Feather so the grid fades out rather than stopping at a hard line. Handy behind a talking head where a hard rectangle would look pasted on.

For the safe-area check, click the Choose Grid and Guide Options button at the bottom of the Composition panel and enable Title/Action Safe. Anything you place over the grid should live inside the inner box.

Render and Reuse

  • Make one background comp — build the bed once, then drop that comp into every comp that needs it. Change it in one place and every card, intro and outro updates.
  • Watch banding — if you blur or glow the grid, work in a 16-bit project (File > Project Settings > Color > Depth) to stop the falloff stepping.
  • Purge if scrubbing slows — Edit > Purge > All Memory & Disk Cache. High-resolution stills held at large scale eat RAM preview.
  • Export a bed you reuse — render the finished grid once and import the result, rather than recalculating a tiled, parented stack on every render.

Conclusion

After Effects treats a grid like any footage layer — full Transform control, blend modes in the Mode column, Fill and Tint for colour, nulls for movement, track mattes for confining it to type. Build the bed once as its own comp and reuse it everywhere.

GRIDS is $10.00 for high-resolution grid backgrounds and overlays that work across video editing and image editing software. Pure geometry can read cold on its own — this guide to light leaks and film burns covers adding an organic layer over the top, and Replica 3 title presets handles the type that sits on it.

FAQ

Q: How do I install GRIDS in After Effects?
A: You do not install it. Use File > Import > File to bring the designs into the Project panel, then drag one into a composition as a layer.

Q: Where in the layer stack should the grid go?
A: Bottom of the stack for a background. Above your footage for an overlay, with a mode set in the Mode column (press F4 to reveal it) and Opacity pulled back.

Q: How do I change the grid's colour?
A: Effect > Generate > Fill replaces the colour while keeping the alpha. Effect > Color Correction > Tint maps black and white to two chosen colours. Hue/Saturation with Colorize gives you a keyframeable hue.

Q: How do I make the grid scroll forever?
A: Apply Effect > Stylize > Motion Tile, animate Tile Center by exactly one cell, then Alt/Option-click the stopwatch and add loopOut() so the move repeats seamlessly.

Q: How do I put a grid inside my text?
A: Place the text layer directly below the grid layer and set the grid's track matte to Alpha Matte on the text. The grid then only renders inside the letterforms.

Q: Will scaling the grid up soften it?
A: The designs are high-resolution, so you have real headroom, but past roughly 200% a grid stops reading as a grid and starts reading as stripes. Scale modestly and crop instead.