Time Overlay guide
How to add a transparent countdown timer in Final Cut Pro
To add a transparent countdown timer in Final Cut Pro, export a lossless Time Overlay PNG sequence, convert those frames to one ProRes 4444 MOV, then connect the alpha clip above the primary storyline. Apple lists PNG stills and all Apple ProRes variants as supported media, and describes ProRes 4444 as suitable for alpha-bearing 4:4:4:4 sources. WebM is not a native Final Cut Pro container, so this workflow avoids it.
Recommended Time Overlay export: PNG sequence as the source; ProRes 4444 MOV for the Final Cut timeline.
- By
- yansoul
- Published
- Reviewed
Workflow map
Bridge browser frames into an Apple-native master
Node 01
Export PNG
Node 02
Convert to ProRes
Node 03
Connect above story
What was verified for this guide
The workflow was checked against Apple's current supported-media and alpha-compositing guides. Final Cut Pro was not installed on the review machine. The guide therefore recommends converting the generated PNG sequence to an Apple-documented ProRes 4444 alpha master before import.
- Apple lists PNG as a supported still format and every Apple ProRes version as supported video media in Final Cut Pro.
- Apple describes ProRes 4444 as appropriate for 4:4:4:4 image sources including alpha channels.
- WebM is not listed as a native Final Cut Pro container and is not recommended in this workflow.
Step 01
Export the overlay
In Time Overlay, pick a duration that aligns to your edit beat and a style preset that fits your project. Export 'PNG Sequence' from the export panel.
Step 02
Convert the frames to ProRes 4444
Extract the PNG package and run the bundled convert-to-prores script. It uses FFmpeg to create one output.mov with a 4444 profile and an alpha-capable pixel format.
Step 03
Import and connect above the primary storyline
Import output.mov, select it in the browser, and connect it above your base footage. The alpha channel controls the composite without a chroma key.
Step 04
Resize and align
Use Transform controls to scale and position the overlay. Preview it over a non-black frame, verify the zero point, and retain the PNG source until final delivery is approved.
Final Cut Pro troubleshooting
Case 01
Symptom
The PNG files do not behave like one video clip
Resolution
Use the bundled FFmpeg conversion step to create one ProRes 4444 MOV, then import that file instead of managing individual stills in the timeline.
Case 02
Symptom
The clip is opaque after conversion
Resolution
Inspect an original PNG for transparency, rerun the conversion with the documented alpha pixel format, and confirm the resulting clip's alpha interpretation in the inspector.
Case 03
Symptom
The countdown does not align with the edit point
Resolution
Connect the ProRes clip above the primary storyline, then trim or slip it so the zero frame lands on the intended transition.
First-party references
Apple's media and compositing guides define the supported handoff; FFmpeg performs the local conversion from the lossless frame source.
Time Overlay tips
Keep the original PNG sequence as the lossless source of truth. If the ProRes clip ever looks opaque or the timing changes, compare it against those frames, rerun the conversion with the correct frame rate, and inspect the result before replacing the timeline clip.
Not sure which export format to pick? Compare every transparent overlay format by editor and browser support.
Continue with a related workflow
Related guide
How to convert a PNG sequence to ProRes 4444 with alpha (ffmpeg)
Convert a Time Overlay PNG sequence to Apple ProRes 4444 with the alpha channel intact using the bundled script or a one-line ffmpeg command.
Related guide
How to add a transparent countdown timer in Premiere Pro
Add a transparent countdown timer to Adobe Premiere Pro with a numbered Time Overlay PNG sequence, plus an optional ProRes 4444 single-file master.