Product Trio Grid

How this one is built

Product Trio Grid is built from 8 text layers, 8 sparkles, 7 shapes and 3 images, using a 32-pixel backdrop blur behind frosted glass rimmed in white, an amber-to-orange gradient and a shadow 80 pixels deep. Its colours are orange, near-black, white, amber and pale amber. Type is set in Inter.

The kicker rises into place at 0.2s, the daily Bag card scales up at 0.4s, the daily Bag shot and travel Case card scale up at 0.5s, the daily Bag name rises into place at 0.7s, and 12 further beats follow before the end. The whole run is 7s at 60 frames a second.

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