Shorts Step Card
Step two of five, stacked for a vertical frame.
A Short is watched on a phone held upright, usually without sound, and decided in the first three seconds. These are built vertical, with type heavy enough to carry the point silently and everything kept clear of the title and buttons the platform draws over its own bottom quarter.
- Resolution
- 1080 × 1920
- Duration
- 6s at 60fps
- Layers
- 4
- Animated
- 4
What you can edit
- Text:
- Step number, Step of, Step title
- Shapes:
- Rule
Browsing is open to everyone. An account is needed once you take a template into the editor.
How this one is built
Shorts Step Card is built from 3 text layers and 1 shape, using a shadow 26 pixels deep. Its colours are green, near-black and white. Type is set in Inter.
The step number scales up at 0.1s, the step of rises into place at 0.2s, the rule scales up at 0.3s, the step title rises into place at 0.3s. The whole run is 6s at 60 frames a second.
It sits across the upper third of a vertical composition, spanning about 54% of the width at 584×424 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.
- Stay clear of the platform's own UIShorts draws the title, the channel and a column of buttons over its own frame. What is left is the column these are built for.
- 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 Shorts templates
- Countdown HookThree things, counted down, with the number set large.
- Bold StatementOne sentence, full width, for a claim that carries the video.
- Shorts Price TagAn item and what it costs, placed clear of the buttons.
- Shorts Progress DotsHow far through, so nobody swipes off before the payoff.
- Shorts End CardFollow and what is next, above the platform's own furniture.
- Shorts Split AnswerA question up top, the answer landing under it a beat later.
- Shorts ComparisonThis against that, stacked the way a phone reads it.
- Shorts QuoteSomebody said it. Set large enough to read without sound.