Screen Studio の録画に画像やオーバーレイを追加する方法

隅に小さなロゴを置きたい、図を 5 秒間表示したい、UI の変更前後を PNG で見せたい、ライブのカメラではないテロップを入れたい。これはタイムライン上で静止画を扱う作業です。軽量エディタが画像を普通のメディアとして扱わないため、Screen Studio のユーザーは投票を続けています。

• Add still images
• Multiple layers in timeline

annotation tools や full text slides と一緒に求められることもよくあります。

書き出した MP4 を別のデザインツールで合成する必要はありません。

結論から

Screen Studio のプロジェクトを ScreenKite に読み込み、ScreenKite のマルチトラックタイムラインに PNG やオーバーレイを置きます。

ScreenKite の .screenstudio 読み込みでは、ズーム、カーソルの動き、タイミングが保たれます。画像は、表示時間を自分で決められる普通のメディアになります。

ScreenKite での手順

1. ScreenKite を開きます。
2. File → Import Screen Studio project を選び、.screenstudio バンドルを選択します。
3. 挿入したい位置に再生ヘッドを移動します。
4. File → Import Media… で PNG、JPEG、WebP を選ぶか、Finder からドラッグします。
5. タイムライン上で静止画の長さを調整します（静止画には明示的な表示時間が必要です）。
6. オーバーレイの位置とサイズを決めます。必要ならロゴ + 図 + テキストを重ねます。
7. 一度だけ書き出します。Pro ではウォーターマークが消えます。
8. 自分の Google Drive、Dropbox、OneDrive で共有します。

承認済みのブランド用 PNG を小さなフォルダにまとめ、プロジェクト間で使い回しましょう。ロゴが変わったら、すべてのレッスンを録り直すのではなく、マスタータイムライン上のメディアを差し替えるだけです。

実際のデモで「画像を追加」が意味するもの

• ブランドキット：ロゴ、カラーバー、エンドカード
• 説明用の静止画：アーキテクチャ図、料金表の PNG
• UI の参照：新しい UI を実演しながら古い UI のスクリーンショットを見せる
• プライバシー用の覆い：ぼかしだけでは足りないときの不透明パネル
• デザインした画像で作る、動画途中のタイトル画面

カメラのオーバーレイは「自分の顔を見せる」ためのものです。「この図を 4 秒見せる」ためのものではありません。

Screen Studio の公開情報では、同ツールは画面録画ソフト + 軽量エディタとされています（llms.txt）。背景と構図は主要機能です。自由に時間を決められる PNG レイヤーが、Hub で指摘されている不足です。

ScreenKite を選ぶ理由

ScreenKite はネイティブ macOS の画面録画ソフトで、ネイティブの Windows Beta とマルチトラックタイムラインを備えています。Screen Studio の仕上げを読み込み、静止画を置いて表示時間を決め、プロジェクトの残りと一緒に書き出せます。

オーバーレイを置いたら、AI エージェントでタイミングを詰めましょう。上級ユーザーは MCP や CLI から同じエディタを操作できます。

料金の違い（製品の事実）

Screen Studio クラスのツールは年額のサブスクリプションが中心になりがちで、静止画は今も Hub のリクエストのままです。ScreenKite は無料で使え、書き出しにはウォーターマークが入ります。Pro を一度購入すれば消えます。直前のロゴ差し替えは、別アプリでの合成ではなく、自分のタイムラインでやるべきです。

欠点は？ 欠点は、ほとんど欠点がないことです。私たち自身が動画クリエイターなので、あなたに必要なものを誰よりも分かっています。

ScreenKite は macOS でネイティブに動作し、ネイティブの Windows Beta も提供しています。速いローカル書き出しと、普段使っている AI エージェント（Claude Code、ChatGPT Codex、Antigravity、Grok Build、Kimi）によるタイムライン編集が、クリエイターやチームに選ばれる理由です。カットを言葉で伝えれば、エージェントがトリムします。

オーバーレイをきれいに見せるコツ

• Retina のタイムラインで拡大するなら、PNG は 2 倍のサイズで書き出します。
• 端から余白を取り、各プラットフォームのセーフエリアにロゴが収まるようにします。
• 情報の多い UI の上に、ごちゃごちゃした全画面画像を重ねないようにします。
• ファイル名にバージョンを付け（logo-2026-03.png）、共同作業者が正しい素材を使えるようにします。

まとめ

教えるデモには、カーソルの動きと同じくらい画像が必要です。静止画とレイヤーがまだ Hub のリクエストなら、.screenstudio プロジェクトを ScreenKite に読み込み、PNG を置いて表示時間を決め、公開しましょう。

ScreenKite for Mac をダウンロード →

付録：Screen Studio Hub の機能リクエスト

• Add still images
• Multiple layers in timeline
• 関連：Annotation tools
• 関連：Full text slides
• 関連：Import clips or append external video clips