Meta Effect (M.Effect) User Guide & Motion VFX | MetaFile Cloud
Timeline Keyframing, Motion Graphics & Particle Visual Effects in WebGL.
Overview
Meta Effect (M.Effect) is a GPU-accelerated motion graphics and visual effects compositing suite designed for video creators, digital marketers, and multimedia animators. Built on WebGL and HTML5 Canvas, M.Effect provides a non-linear timeline where you can animate position, scale, rotation, opacity, and custom shader filters using sub-frame keyframes and Bezier easing curves. Create broadcast lower thirds, logo reveals, glitch transitions, and particle explosions, then render directly to high-definition WebM or MP4 video files right inside your browser.
Core Capabilities & Features
Non-Linear Keyframe Timeline
Animate any property over time with diamond keyframe markers, stopwatch toggles, and customizable Bezier interpolation (Ease In, Ease Out, Spring).
Multi-Layer Visual Compositing
Stack video clips, transparent PNG logos, vector typography, and solid shape layers with Photoshop-style blend modes (Screen, Multiply, Add, Overlay).
Hardware-Accelerated Particle Emitters
Spawn thousands of real-time particles with adjustable physics: gravity, velocity, lifespan, turbulence, glow bloom, and color ramp gradients.
Direct Browser Video Rendering
Export finished animations to 1080p Full HD video at 60 FPS using MediaRecorder API, producing web-ready MP4/WebM files with transparent alpha channels.
Step-by-Step User Guide (How to Use)
Follow these simple steps to start working productively with M.Effect:
Choose a Motion Graphics Preset
Select our Cyberpunk Holographic Lower Third template from storage.template to explore a complete title reveal layout with glowing particle effects.
Customize Text, Timing & Easing
Double click text layers to edit titles, adjust keyframe positions along the timeline, and adjust easing curves to match your brand video rhythm.
Render to MP4 / WebM with Alpha
Click "Render Video" to encode your animation. Download the video with transparent background to overlay inside Premiere, DaVinci Resolve, or OBS.
Interface & Ribbon Toolbar Reference
Detailed explanation of every button, menu action, and tool available on the interface:
| Tool / Action | Shortcut / Access | Detailed Functionality & How to Use |
|---|---|---|
| Play / Pause | Space | Starts or stops real-time animation preview playback from current playhead position. |
| Add Keyframe | K | Inserts an animation keyframe at current playhead timestamp for active layer property. |
| Timeline Zoom | + / - | Expands or compresses timeline zoom to edit individual frames with micro-precision. |
| Tool / Action | Shortcut / Access | Detailed Functionality & How to Use |
|---|---|---|
| Transform Properties | Inspector | Adjust X/Y Position, Width/Height Scale, Degree Rotation, and Percent Opacity. |
| Easing Graph | F9 | Switch from linear motion to smooth cubic-bezier velocity curves. |
Template Library (storage.template)
Explore standardized, professionally pre-designed templates stored in storage.template. You can click Preview (Read-Only) to inspect any template in view-only mode, or click Use / Edit Template to duplicate it directly into your private workspace.
Cinematic 1080p Broadcast Lower-Thirds & Logo Reveal
60fps multi-layer motion composition with keyframed camera glow, particle emitter, and kinetic typography.
Keyboard Shortcuts Reference
| Keystroke | Action Executed |
|---|---|
| Space | Toggle timeline play / pause preview |
| Home / End | Jump playhead to start or end of composition |
| K | Add or remove keyframe at playhead |
| F9 | Apply Easy Ease to selected keyframes |
| Ctrl + D | Duplicate active layer in timeline |
Frequently Asked Questions
Yes! M.Effect supports WebM with an alpha channel, allowing you to drop lower thirds and animated overlays onto existing video footage seamlessly.
No. All rendering takes place locally in your browser using hardware-accelerated WebGL and WebCodecs, maintaining total data privacy.