How to edit the final video on a timeline: trim, join, transitions
A tutorial for Editor de Vídeo Online's Studio: video history, timeline, trimming clips, reordering, transitions, format and exporting the final MP4.
Multi-scene videos — a lesson in stages, an explainer with problem and solution, a tips series — need editing. Editor de Vídeo Online's Studio is a simple editing area, right in the browser, that keeps all your videos and lets you edit video on a timeline: trim, reorder, join and add transitions.
What is the Studio?
Click the Studio tab (“Estúdio”) at the top. There you will find:
- The history of every recorded video, with thumbnail, duration and size.
- The timeline, where you assemble the final video.
- Options for transitions between clips and the format.
Every video recorded with Record video is added to the Studio automatically. To bring in outside videos, use Import video (MP4 or WebM).
Organizing the history
- Double-click the name to rename (e.g. "Scene 1 – problem").
- The × removes the video from the Studio.
- History and timeline are saved in the browser.
Putting clips on the timeline
- Select one or more videos (click; Ctrl/Shift+click adds).
- Drag them to the timeline or click + Add to timeline.
Editing clips
| Action | How |
|---|---|
| Trim start or end | Drag the clip's white handles |
| Change order | Drag the clip to another position |
| Split at the cursor | Cut at cursor button or the S key |
| Remove a piece | Select it and click Remove from timeline or press Delete |
| Move the cursor | Click the ruler |
| Play and pause | Space |
| Step frame by frame | Arrow keys |
| Undo | Ctrl+Z |
Choosing the transition between clips
- Hard cut: a direct switch, fast pace.
- Dissolve: one scene blends into the next, smooth.
- Fade to black: passes through black, marking a chapter change.
Learn when to use each in transitions: hard cut, dissolve and fade to black.
Choosing the format
The final video format can be same as the first clip, vertical, landscape or square. Choose based on the target platform — see the social media format guide.
Generating the final video
Click Generate final video. The edit is recorded in real time, so keep the tab open and visible. The file downloads as editor-de-video-online-estudio_date_time and is also stored in the history as "Montagem" (edit).
Recommended workflow for multi-scene videos
- Write the script split into scenes (script template).
- Create and record each scene (Hand drawing or Vox collage).
- Rename them in the Studio: "01 – intro", "02 – problem"…
- Put them on the timeline in order and trim pauses at the start and end.
- Choose the transition and format.
- Generate the final video.
- Add narration and music in an audio or video editor (see how).
Frequently asked questions
Can I import videos made in other programs?
Yes. Use Import video to bring in MP4 or WebM files and mix them with your animated scenes.
Is the timeline lost if I close the browser?
No. History and timeline are saved in the browser you used.
Can I use different transitions between each pair of clips?
The chosen transition applies to the whole edit. If you need different ones, generate partial edits and join them afterwards.
Conclusion
The Studio turns separate scenes into a complete video without leaving the browser. Rename, drag, trim and export. Open the Studio in Editor de Vídeo Online.
Make your animated video now
Editor de Vídeo Online runs in your browser (Chrome or Edge): upload an image, pick a style and record an MP4. Nothing to install.
Try Editor de Vídeo Online →
Editor de Vídeo Online Team
Written by the Editor de Vídeo Online team, the in-browser animation tool for hand-drawn whiteboard videos, Vox-style collages and paper cutout effects.
