← Back to Motion Loom   ← Back to Edit

Tip: Open the app and check the Documentation button on the start screen for the full list of tips and shortcuts.

MOTION LOOM EDIT

Edit Documentation

Overview

Motion Loom Edit is a browser-based non-linear video editor featuring a multi-track timeline, real-time preview with audio scrubbing, built-in video and audio effects, transitions, text and graphic overlays, and video rendering. Edit your projects entirely in the browser with a professional editing workflow.

Getting Started

  1. Open the editor and create or load a project
  2. Import media files into the Project Panel
  3. Drag clips from the Project Panel onto the Timeline
  4. Use the toolbar to select editing tools (Select, Razor, etc.)
  5. Trim, split, and arrange clips on the timeline
  6. Apply effects, transitions, and text overlays from the Properties Panel
  7. Preview your edit in the Stage and export when ready

Interface

Topbar

The top bar contains project-level controls including Save, Undo/Redo, and Export options.

Toolbar

The left-side toolbar provides quick access to the four main editing tools:

Project Panel

The Project Panel displays all imported media assets. Drag files from here onto the timeline to begin editing. Media types include video, audio, and image files.

Stage / Preview

The central Stage area shows a real-time preview of the current frame at the playhead position. Playback controls are located below the stage for play/pause, scrubbing, and frame-by-frame navigation.

Properties Panel

The right-side Properties Panel displays editable properties for the currently selected clip, including speed, fade in/out, colour coding, video effects, and audio effects.

Timeline

The bottom area contains the multi-track timeline with separate video and audio track lanes, a time ruler, and a playhead. This is where all clip arrangement and editing takes place.

Timeline & Tracks

The timeline supports an unlimited number of tracks for both video and audio:

Clip Editing

Clips on the timeline can be edited in a variety of ways:

Video Effects

Apply video effects to individual clips from the Properties Panel. Multiple effects can be stacked on a single clip.

EffectDescription
BlurApply a Gaussian blur to the clip
GrayscaleConvert the clip to black and white
SepiaApply a warm sepia tone
InvertInvert all colours in the clip
Color GradeApply colour grading with presets (Warm, Cool, and more)
VignetteDarken the edges of the frame
Frame CounterOverlay a frame number counter on the video
Clip NameDisplay the clip name as a text overlay

Audio Effects

Audio effects can be applied per clip to shape the sound:

EffectDescription
Bass BoostIncrease low-frequency levels
Treble BoostIncrease high-frequency levels
CompressorDynamic range compression with configurable threshold and ratio
NormalizeAdjust audio levels to a target loudness

Transitions

Transitions can be placed between clips on the same track to create smooth visual changes:

TransitionDescription
Cross DissolveGradually blend from one clip into the next
Fade to BlackFade the outgoing clip to black, then fade up the incoming clip
Dip to WhiteFade the outgoing clip to white, then fade up the incoming clip

Graphics & Text Overlays

Add text and graphic elements directly onto the timeline as overlay clips:

Graphic properties such as colour, size, and position can be edited in the Properties Panel when a graphic clip is selected. A frame counter overlay is also available for production reference.

Preview & Playback

The Stage area provides real-time preview of your edit:

Export

When your edit is complete, use the Export function to render the final video:

Keyboard Shortcuts

KeyAction
VSelect tool
ATrack Forward (ripple) tool
CRazor tool
HHand (pan) tool
SpacePlay / Pause
ISet in point
OSet out point
SSplit clip at playhead
DeleteDelete selected clip
Ctrl+ZUndo
Ctrl+YRedo
Ctrl+SSave project

Tips

Motion Loom Edit - Patchwork Animation Tools