Flash Sale Banner

How this one is built

Flash Sale Banner is built from 10 sparkles, 8 shapes and 2 text layers, using a red gradient and a shadow 80 pixels deep. Its colours are red, white and pale amber. Type is set in Inter.

The band scales up at 0.1s, the stripe 1, stripe 2 and stripe 3 fade up at 0.6s, the headline scales up at 0.6s, the sparkle 8, sparkle 3 and sparkle 1 rise into place at 0.7s, and 1 further beat 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 81% of the width at 1560×420 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.