Interface tour
Media panel, preview, timeline and the properties panel — what sits where.
4 min
The first time you open the studio the screen looks busy. In truth it's just four areas, and each one has a single clear job. Understand those four and everything else falls into place.
In one line: your material sits on the left, the result is shown in the middle, the timeline where you arrange it in time runs along the bottom, and the settings for whatever you've selected live on the right.
1. The media panel (left)
This is your store room. Everything that will end up in the video passes through here first, and from here you drag it down onto the timeline. The tabs at the top of the panel sort things by what they are.
Files
The videos, images, GIFs and audio files you've imported. Each one shows a thumbnail, its duration and its size.
Music
The built-in music library — clean-licensed tracks. Preview one, then drop the one you like onto the timeline.
Text
Where text comes from: headlines, subtitles, captions. Pick one of the ready-made styles and drop it on the timeline.
Sticker
Animated decorations — confetti, hearts, sparkles. A quick way to add some life to the frame.
2. The preview (middle)
The preview is what your viewer will see. This exact frame is what ends up in the exported mp4, so “if it looks right in the preview, it's right in the file” genuinely holds.
But the preview isn't only a window — you can work directly in it. Click a layer (a piece of text, an image) either on the timeline or right there in the preview, and handles appear around it.
- Grab it in the middle and drag — the layer moves around the frame.
- The corner and edge handles make it bigger or stretch it.
- The separate handle above it rotates it. Double-click that handle to snap the angle back to zero.
- Play / pause
- Space
- Open the preview fullscreen
- F
- Clear the selection (and leave fullscreen)
- Esc
3. The timeline (bottom)
The timeline is the video's time. Picture a strip that runs left to right: the far left is the start of the video, and time passes as you move right. Your material lies on that strip as clips, and editing is mostly a matter of moving, shortening and cutting them.
Tracks (the rows)
The horizontal rows. The upper ones hold what you see (video, images, text), the lower ones hold sound. Layers stacked at the same moment are shown together.
The playhead
The vertical line that travels across the timeline. It answers “which moment are we at right now”: the preview shows the frame at exactly the playhead's position. Drag it and the preview follows instantly.
The ruler
The numbered strip along the top — seconds. Click anywhere on it and the playhead jumps there.
Zoom
Hold Ctrl and scroll the wheel — the timeline stretches or shrinks. Zoom in for precise cuts, zoom out to see the whole video at a glance.
- Zoom the timeline (around the cursor)
- Ctrlwheel
- Scroll the timeline sideways
- wheel
- Split the clip at the playhead
- S
- Jump back to the start
- Home
4. The properties panel (right)
The panel on the right holds every setting for whatever is currently selected. It always answers one question: “what is selected, and what can I do with it?” When nothing is selected the panel is empty — that's not a fault.
Click a clip on the timeline
The clip lights up to show it's selected, and the panel on the right immediately fills with the settings that apply to it.
Find the section you need
The settings are grouped by kind: position and size in the frame, color, speed and volume, fades, effects. A different kind of clip gives you a different panel — select text and you'll get fonts, colors and outlines instead.
Drag a slider and watch the preview
Every change shows up in the preview at once. Experiment freely — if you don't like it,
Ctrl+Z.
The four areas together
In practice the work always goes round the same loop: take material from the media panel → drop it on the timeline and place it in time → watch the result in the preview → fix what you don't like in the properties panel. Then round again. All of editing is that loop, repeated.
A panel disappeared — what did I do?
Probably nothing. The properties panel goes empty when nothing is selected — click any clip on the timeline and it comes back. On a narrow screen (a phone, a small window) panels can also collapse behind a button.
The preview is black — is it broken?
Usually not: the playhead is simply parked somewhere with no clips under it (past the end of the video, for instance). Press Home to send it back to the start. If it's still black where there *is* a clip, see the “Troubleshooting” guide.
Where can I see every shortcut?
Press ? at any time — it opens a list of every keyboard and mouse shortcut.