Ad Break Bumper

How this one is built

Ad Break Bumper is built from 4 shapes and 3 text layers, using a 36-pixel backdrop blur behind frosted glass rimmed in white and a shadow 80 pixels deep. Its colours are near-black, white and orange. Type is set in Inter.

The card scales up at 0.1s, the AD chip and AD label scale up at 0.4s, the headline rises into place at 0.6s, the bar track scales up at 0.7s, and 2 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 47% of the width at 900×320 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.
• Place it where it readsA sponsor graphic that lands under the progress bar is a sponsor graphic nobody read.
• 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.