velements

Banner Ads

Animated banner ads from your own product photo

Updated September 18, 20262 min read

How do you make an animated banner ad without rebuilding it for every size?

Start from your product cutout and logo, and let the layout come from the frame. The product, copy block, price and button are placed from the aspect ratio and the length of your text, so the same settings give a square feed ad, a vertical story and a widescreen hero without re-keying anything.

Banner ads are simple to plan and slow to produce. Every size needs its own layout, every copy change means re-timing, and the product has to be masked, shadowed and animated again each time. That is the part editors ask us to take away.

Five banner ads presets to start from

Hover any card to play it. Opening one loads it in the editor with every control unlocked.

  • Product Hero Pop

    6s

    Your product springs onto a colour disc and floats while the headline, price and button stack in beside your logo.

  • Spotlight Sweep Reveal

    6s

    A beam of light sweeps across the frame and uncovers your product as it passes, then the copy settles in the dark.

  • Arch Rise Showcase

    6s

    Your product rises onto a studio arch over the background photo and hovers there while the offer and button land.

  • Story Offer Vertical

    6s

    A vertical story ad inside the safe zones: product pops onto a disc, the offer stacks underneath and a swipe arrow keeps nudging.

  • Price Slash Reveal

    6s

    The old price is struck through, the new price slams in and a spinning discount burst lands on your product.

All banner ads

Which format should you export?

MP4 at 1:1 or 4:5 for feed ads, 9:16 for stories and Reels, 16:9 for YouTube and website heroes. WebM with alpha when the ad sits over your own footage or page design.

Format
MP4 H.264 · WebM VP9
Alpha
Transparent WebM
Resolution
720p to 8K
Aspect
16:9 · 9:16 · 1:1 · 4:5
License
Commercial use included

Three tips that make it look intentional

  • Upload a transparent PNG or WebP cutout of the product, 1500 px or larger. It is placed and shadowed for you, so a white box behind the product is the one thing that breaks the look.
  • Keep the offer to one idea: a headline of four or five words, one price, one button. Viewers often see only the last frame, so that frame must carry the logo, the offer and the call to action.
  • Use a logo with transparency, at least 1200 px wide, and switch to a light version on dark backgrounds.

Three things people get wrong

  • A product photo with its studio background still attached. Remove the background first so the product sits on the scene.
  • Too much copy. If the headline shrinks to fit, cut words rather than letting the type get small.
  • A fake countdown. Deadlines that are not real lower trust and conversions, so only use the timer for a genuine end date.

Frequently asked

What size should my product image be?
A transparent PNG or WebP cutout, 1500 x 1500 px or larger (at least 800 px), with the product filling about 80% of the image. Logos work best as transparent PNGs at least 1200 px wide.
Can I use my own background?
Yes. Pick Image in the background control and upload a JPG or WebP at your export size, or choose Transparent to export a WebM with alpha.

Keep reading

  • For stock sellers

    How to sell motion graphics on stock footage sites

    Pick a marketplace and pass its review, produce clips that answer briefs rather than showcase technique, submit each one with a title, description and keyword list, and build a catalogue rather than a portfolio. Income comes from coverage over time, not from any single upload.

    Read the guide

  • For stock sellers

    Keywording stock video: what marketplaces actually match on

    Describe the literal content first, then the attributes a buyer filters by (colour, orientation, duration, transparency, format), and only then the mood or style words. Search engines match on what is in the frame far more reliably than on how the clip feels.

    Read the guide

  • For stock sellers

    What sells: motion graphics with standing demand

    The recurring furniture of edited video: lower thirds, titles, transitions, subscribe and follow prompts, sale badges, animated charts and counters, loaders, countdowns and seamless backgrounds. They are needed on almost every project, which makes demand continuous rather than seasonal.

    Read the guide

Make your next clipin the next five minutes

Editing and previewing are free. You only spend a credit when the finished file lands on your machine.

Create your first animation freeBrowse the library