Product Callout

How this one is built

Product Callout is built from 8 sparkles, 5 text layers, 2 shapes and 1 image, using a 40-pixel backdrop blur behind frosted glass rimmed in white, a magenta-to-red gradient and a shadow 80 pixels deep. Its colours are near-black, white, red, magenta and pale amber. Type is set in Inter.

The card scales up at 0.1s, the product shot scales up at 0.4s, the kicker rises into place at 0.6s, the product rises into place at 0.7s, and 6 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 71% of the width at 1360×600 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.