Watch Page Overlay

How this one is built

Watch Page Overlay is built from 10 text layers, 6 shapes and 1 pointer, using a white-to-pale blue gradient and a shadow 80 pixels deep. Its colours are white, pale blue, near-black, blue and deep blue. Type is set in Inter.

The ghost word bottom and ghost word top slide in at 0s, the video panel scales up at 0s, the headline left slides in at 0.3s, the chevron scales up at 0.6s, and 5 further beats follow before the end. The whole run is 6s at 60 frames a second.

It sits through the middle of the frame of a 16:9 composition, spanning about 90% of the width at 1720×1009 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.