Edit a Cycling Video with GpxOverlay in iMovie
Goal: Show your speed, power, heart rate & map on screen, then crop and resize the footage so the action (and the data) fill the frame.
1. Generate Your Transparent Overlay in GpxOverlay
Upload your ride's GPX file and the raw video, select the timeframe to render on a chart (or let auto-sync match time-codes).
The selected timeframe of your activity is crucial to synchronize the overlay with your video later!
Pick the widgets you need—speed gauge, cadence, elevation, distance. All the supported widgets can be found here: all widgets
The most convenient format to export is the video overlay. It's a .mov file with transparency.
You can find the full tutorial here: Getting Started
🚨 Remember: When you preview the video in your system, it may seem empty. But when you import it into your video editor, it'll work fine.
2. Import Assets into iMovie
File ▶ Import Media → bring in the cycling clip and the overlay .mov generated by GpxOverlay.
Drag the ride video to the timeline and drop the overlay above the video
3. Working with Multiple Widgets
Duplicate the overlay clip as many times as there are widgets.
Crop each clip to fit one widget (see the next step). This will let you relocate and scale the widgets wherever you want on the video.
🚨 NOTE 1: In the near future, GpxOverlay will include an option to render each widget as a separate clip.
🚨 NOTE 2: There are also plans to locate the widgets across the entire video directly in GpxOverlay. Monitor the changelog for updates. Changelog
4. Crop the Widgets
Click the overlay clip of the widget you want to crop in the timeline.
Above the preview window, there are multiple buttons. Select the cropping button, then select "Crop to Fill". Now on the preview window you can crop the overlay for the widget you want to resize and/or relocate.
5. Resize & Position the Overlay
It's possible to scale a widget in iMovie by using Picture-in-Picture feature:
Select the clip with the widget you want to scale and/or relocate, click the Video Overlay Settings button (two stacked squares), open the drop-down and pick Picture in Picture.
Grab the overlay's corner handles in the viewer to resize; drag to the desired spot.
6. Sync Overlay & Footage
If you selected a proper timeline while generating overlays in GpxOverlay, it should be enough to simply move the overlay clip over your video to synchronize.
You can also check what time the video started and compare it with the metadata at the bottom of the overlay.
If you see a watch or bike computer in the video, you can use its time.
For automatic synchronization, check this article: Synchronization tutorial.
7. Export Your Final Video
Once you're satisfied with the overlay placement and synchronization, export your video through File ▶ Share ▶ File. Choose your preferred quality settings and format based on your target platform (YouTube, Instagram Reels, TikTok, etc.).
iMovie will render the final video with the overlays creating a professional-looking cycling video with integrated data displays.