Guides · How-to

Build the icon-and-text list overlay without opening After Effects

A "here are three reasons" video only works if the list actually looks designed — each item landing on its own beat, not typed into one text box and left sitting there for the whole line. Premiere has no icon-list generator for that. Here's the manual method end to end, built from shapes, groups and a keyframed Crop effect, and what to do once every video this week needs three or four of these.

· 8 min read

What this kind of overlay is actually doing

"Three reasons," "the five signs," "it's not X, it's Y" — any video built around a countable claim lives or dies on whether that list reads as designed. An icon and a short label popping in on the exact word it illustrates does that job; a full sentence typed into one static text box for ten seconds does not, even when the words are identical. Premiere has nothing built in that calls itself an icon-list generator. What it has is the same three properties every other graphic in this blog is built from — Opacity, Scale, and a Crop effect that can fake a line drawing itself — reused three or four times in a row with the timing staggered.

Doing it by hand in Premiere Pro

This is real work, and it's worth building once so you know exactly what's being reused on the second and third item. For a five-item list with an icon on each, budget an hour to ninety minutes — the first card is the slow part, since every one after it is a copy.

Find the beats and build the first card

  1. If the sequence isn't transcribed yet, Window → Text → Transcript, then Transcribe, and read it rather than scrubbing — the moment each list item is actually said is easier to spot on the page.
  2. Press M at each item and type the condensed on-screen wording straight into the marker name — "cold water," not the full sentence spoken around it.
  3. Source an icon for the first item as a PNG or SVG with a transparent background, from a free icon site — the same kind of asset most editors already keep a folder of for lower thirds.
  4. In Essential Graphics, New Layer → Rectangle, drawn to the size of one card, corners rounded by dragging the corner handle, fill set to a low opacity so footage shows through it.
  5. New Layer → Text on top of the rectangle, typed with the condensed line from the marker.
  6. Import the icon file and place it into the same graphic, scaled and positioned into the card's open corner.
  7. Select the rectangle, text and icon layers together in Essential Graphics, right-click, and choose Create Group so the three move, scale and retime as one unit from here on.
  1. With the group selected, open Effect Controls and click the stopwatch on Opacity and Scale to set a starting keyframe just before the marker's timestamp, at 0% opacity and roughly 80% scale.
  2. Move a few frames forward and set the second keyframe at 100% opacity and 100% scale.
  3. Right-click both new keyframes and set Ease Out, so the card settles into place instead of sliding past its final size.

Stagger the rest of the list

Once the first card looks right, the rest of the list is duplication, not rebuilding.

  • Copy the whole clip and its group, and paste one copy at each remaining marker.
  • On each copy, retype only the text and swap only the icon — the rectangle, the pop-in keyframes and the Ease Out curve all carry over from the original.
  • If the items should stack into a visible list rather than replace each other, nudge each copy's Position down by a fixed amount so item two sits under item one instead of on top of it.
  • Hold the last card on screen a beat longer than the others — a list that vanishes the instant the voice moves on reads as rushed even when the timing was technically correct.

The "not this, it's that" swap

For a claim that flips — it's not the water, it's the temperature — the trick is in the overlap, not the cards themselves.

  1. Build the second card the same way as the first, positioned directly over it, starting a few frames before the first card's exit.
  2. Keyframe the first card group's Opacity down to 0% right as the second card's Opacity keyframes ramp up to 100%, overlapping the two by two or three frames rather than cutting hard between them.
  3. Play it back at quarter speed once — a swap with no overlap at all reads as a jump cut, and one with too much overlap reads as two answers on screen at the same time.

Connecting two cards with a line

A cause-and-effect or comparison claim — this leads to that — reads better with a line drawn between the two cards. Premiere has no dedicated tool for animating a line; Trim Paths, the effect that does this cleanly, is an After Effects feature and isn't in Premiere at all. The honest workaround borrows the same Crop effect used to reveal a video clip.

  1. In Essential Graphics, draw a thin Rectangle shape spanning the full distance between the two cards, at its final length from the start.
  2. Apply Crop (Effects → Video Effects → Transform → Crop) to that shape layer, and keyframe the side facing away from the direction the line should draw at 100% cropped as the starting point.
  3. On a keyframe a few frames later, bring that same crop percentage down to 0%, so the rectangle reveals from one card toward the other instead of appearing all at once.
  4. Add a small arrowhead or dot graphic, timed to pop in right as the crop keyframe finishes, so the line reads as pointing somewhere rather than just stopping.

The mistakes that make a list overlay look like a bad slide deck

  • Every item popping in at once instead of staggered to its own line. The entire point of timing a list is separating "reason one" from "reason two" — stack them together and it reads as a slide, not an edit.
  • Mixing outline icons with filled icons in the same list, or icons from different sets with different stroke weights — nothing else about the graphic reads as designed once the icon set itself is inconsistent.
  • Text sized for the full timeline preview instead of the actual export crop — a label that's readable at full screen can be too small once compressed for a phone.
  • Never holding the final card still before the cut — captions and a webcam bubble both survive a quick scrub, an icon list that's still animating when the shot changes does not.
  • Placing the card where a caption or a webcam bubble already sits, forcing a choice between reading the list and reading the caption instead of taking in either cleanly.

What to do about the parts that are still manual

There are two real ways to speed this up, and they solve different halves of the problem.

Buy an icon-and-list MOGRT pack

Motion Array, Envato and similar sell MOGRT list and comparison templates with the pop-in timing and icon slots already built — drop your own icon and text in and the animation is done. What a pack can't do is decide which three lines out of a ten-minute recording are worth listing, or pick icons that actually match the claim being made. That's still a read-the-transcript-and-choose job, the same one the steps above walk through.

Generate the scene off the transcript inside Premiere

This is what B-Roll Studio in Backstage Cut does. It builds the same kind of scene as the manual method above — cards, a swap, or two cards joined by a connector — but renders it as one transparent clip synced to your own words instead of a chain of grouped shapes and Crop keyframes you rebuild by hand each time. You still pick the beat and type the two or three labels yourself and drag each one onto the word it should land on — there's no AI choosing the list for you yet — but the pop-in timing, the transparency, and the connector's draw-on animation come out already built once you hit render. What comes back is an ordinary clip with a sidecar file, so it's still re-editable afterward the same way a graphic you built by hand would be.

Which one to pick

  • One video, one three-item list, and Effect Controls doesn't scare you: do it by hand. The first card is the only slow part, and duplicating it for items two and three takes minutes.
  • Every video needs a list or a swap and your icon style is already fixed: a MOGRT pack removes the pop-timing setup and leaves you to pick the words and icons, which is the harder half already.
  • Weekly uploads keep needing a swap or a connector graphic and you'd rather scrub a live preview than keyframe a Crop effect from scratch each time: that's the gap B-Roll Studio is built for.

Backstage Cut starts with 30 free minutes and no card — enough to render a couple of real list overlays and see whether the pop timing lands where you'd have set the keyframe yourself.

Try it on the video
you're editing tonight

30 free minutes is a whole video, start to finish, on your own footage — no card, and nothing to undo if you don't like it.