velements

Logo Reveals

Logo reveal: a brand intro without After Effects

Updated September 18, 20263 min read

How do you make a logo reveal without After Effects?

Open a logo reveal preset in the browser, upload your logo as a PNG, set the background and accent colors, choose a duration and export. The clip renders on your own machine as MP4 or transparent WebM, so no plugin, template file or render queue is involved.

A logo sting is the one piece of motion every brand needs and the one most people pay for twice. These presets mask, slice, spin and burst your own logo, and the file never leaves your browser while it renders.

Five logo reveals presets to start from

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

  • Your logo emerges from a soft blur, settles into focus and gets a premium light shine sweep.

  • Angled accent blades sweep across and uncover your logo behind them. Sharp, modern and fast.

  • Shockwave rings and colorful shards burst outward as your logo pops into place with a springy bounce.

  • Horizontal slices of your logo fly in from alternating sides and lock together into the full mark.

  • Your logo spins in like a coin with a warm glow behind it and lands facing the camera.

All logo reveals

How to make one in the browser

  1. 01Open a logo reveals presetBrowse the Logo Reveals category and open the preset closest to what you need. It loads in the editor with every control unlocked.
  2. 02Make it yoursRewrite the text, set your brand colors and font, adjust easing and duration, and switch the aspect ratio for the platform you are posting to.
  3. 03Export the clipChoose MP4 for a normal track or transparent WebM for an overlay, pick a resolution up to 8K, and the file renders on your own machine.

Which format should you export?

Use MP4 when the clip sits on its own track or fills the frame. Use transparent WebM whenever it has to float over your own footage: the alpha channel is real, so no keying or blend mode is needed.

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 logo with real transparency so the reveal masks cleanly.
  • Two seconds is plenty for a pre-roll sting; save the longer builds for openers.
  • Export transparent WebM when the logo should land over your own footage or a colored plate.

Frequently asked

Is my logo uploaded to a server?
No. Rendering happens in your browser with WebCodecs, so the image stays on your device.
What file should I upload?
PNG, JPEG or WebP. PNG with transparency gives the cleanest reveal against any background.
  • Lower Thirds

    Lower thirds: name tags that look like a broadcast

    Pick a lower third preset, type the name and role, set your brand colors and font, then export a transparent WebM. Drop it on the track above your interview footage, position it in the lower left, and trim it to the seconds where the speaker is introduced.

    Read the guide
  • Title Animations

    Title cards: openers and chapter headings that set the tone

    A good title card holds one idea, sets it in a readable weight, and clears the frame before the viewer loses patience. Two to three seconds is usually enough. Animate the headline and subtitle on separate beats so the eye lands on the main line first.

    Read the guide
  • Callouts & Arrows

    Callouts and arrows: point at the thing that matters

    Choose a callout preset, type the label, and set where the arrow or circle lands using the target controls. Export a transparent WebM, place it above your screen recording or footage, and trim it to the moment you are talking about.

    Read the guide