Step Counter
Step three of seven, for anything taught in order.
An overlay sits on top of footage to call something out — a note, a toast, a marker — and leaves again without a cut.
- Resolution
- 1920 × 1080
- Duration
- 10s at 60fps
- Layers
- 4
- Animated
- 4
What you can edit
- Text:
- Step number, Step of, Step title
- Shapes:
- Panel
Browsing is open to everyone. An account is needed once you take a template into the editor.
How this one is built
Step Counter is built from 3 text layers and 1 shape, using a 22-pixel backdrop blur behind frosted glass rimmed in white and a shadow 48 pixels deep. Its colours are near-black, white and green. Type is set in IBM Plex Mono and Inter.
The panel scales up at 0.1s, the step number scales up at 0.4s, the step of and step title fade up at 0.5s. The whole run is 10s at 60 frames a second.
It sits along the top to the left of a 16:9 composition, spanning about 24% of the width at 460×96 pixels.
What to do with it
- Make it yoursChange the words, the colours and the timing without breaking the animation that was built for the shape.
- Export it with transparencyWhich format your editor actually reads, and why a black rectangle behind your graphic means the wrong one was chosen.
- Keep it clear of the edgesWhere an overlay can sit without colliding with the player, the end screen or a caption.
- YouTube Overlay MakerBuild an overlay from nothing, with the transparency decided by you rather than inherited.
- What exporting costsOpening this template, changing it and watching it back are free. Getting the finished file out is $5 once for this project, or a plan if you make them often.
More Overlay templates
- Live TimerElapsed time beside a live dot that actually pulses.
- Loading BarA labelled bar for a wait you want to make look short.
- Milestone BarProgress toward a subscriber goal, with both numbers.
- StopwatchMonospace digits that count up without jittering.
- Segment DotsDots that fill in turn. The quietest way to show progress.
- Lanyard PassSwinging creator pass with a QR on its back.
- Car Spec CardPaint picker and a glass spec panel with counting numbers, for car reviews and builds.
- Watch Page OverlayThe whole watch view: kinetic headline, title and channel row.