Tutorial

Step Counter

A tutorial lower third that shows which step you're on, its title and a progress dot moving forward.

Duration
3.5s
Frame
640 × 360
Export
MP4, GIF, MOV (alpha)
Resolution
Up to 4K

About the Step Counter animation

Place one at the start of each step in a how-to or DIY video, so viewers always know where they are. The step count, number and title appear, and a progress dot moves forward along a short row. Set Kicker, Number and Title for each step. Keep Kicker and Number in agreement, so STEP 3 OF 5 sits with a 3. Titles read best at three or four words.

Where it fits

  • At the start of each stage in a furniture restoration video.
  • Over a recipe, as each part begins, from prep to plating.
  • In a software walkthrough, marking each stage of a setup.

Filling it in

Kicker is written in caps, for example STEP 4 OF 6. Start Title with a verb, such as Prime the wood, so it reads as an instruction. Make one copy per step and change only Kicker, Number and Title.

Format and timing

Step Counter is built at 640 × 360, a 16:9 landscape frame, the shape of a YouTube video, a stream layout and most editing timelines, and runs 3.5 seconds at 30 frames per second. It arrives in 1.3 seconds, holds for 1.4 and clears in 0.8, so cue it a beat before the moment it labels. Export it as an MP4 for a timeline or a feed, a GIF where video will not embed, or a MOV with an alpha channel to lay it over footage with nothing behind it. Renders go up to 4K on a paid plan. The free plan shows a watermarked preview.

What you can edit

  • Kickertext
  • Numbertext
  • Titletext

Questions about Step Counter

What can I change?

Kicker, Number and Title. The row of progress dots is part of the design, and there are no photo slots.

What size is it?

640 x 360, a 16:9 overlay with a transparent background, so it sits over your footage.

How long does it run?

3.5 seconds, long enough to name the step without covering the work for long.

More tutorial animations