Contents
CapCut のキーフレームとは？ 基本概念と全体像
CapCut では、動画クリップやエフェクトの 位置・拡大縮小・回転・透明度 といったプロパティを時間軸に沿って変化させることができます。この変化を実現するのが「キーフレーム」機能です。
キーフレームは、任意のタイミングで数値を固定（キー）し、その間を自動的に補完させることで滑らかなアニメーションを作り出します。初心者でも「開始点」と「終了点」を設定すれば、プロ並みの動きを手軽に付与できる点が大きな魅力です。
タイムラインでキーフレームを追加する手順
このセクションでは、CapCut のタイムライン上でキーフレームを作成し、位置・スケール・回転・透明度 を個別に設定する具体的な流れをご紹介します。各プロパティごとに共通する操作と注意点をまとめているので、最初の一歩としてぜひ参考にしてください。
1. 基本的な操作フロー
-
クリップ選択
編集したい動画または画像クリップをタップし、下部メニューから「編集」を開きます。 -
キーフレームモードの起動
画面右上にある菱形アイコン（※iOS と Android でデザインが若干異なります）をタップすると、タイムライン上に黄色いポイントを配置できる状態になります。 -
キーの追加と数値入力
- タイムライン上で対象フレームへシークし、プレビュー画面上のオブジェクトをドラッグまたは数値欄に直接入力して位置・サイズなどを決めます。
- 同じ要領で別フレームにもキーを追加すると、CapCut が自動的に中間フレームを補完します。
ポイント：開始点と終了点だけ設定すれば、残りは自動計算で滑らかな変化が生成されます。
2. 各プロパティの設定手順
位置
位置キーはオブジェクトの座標を決めるものです。タイムライン上の開始フレームで目的の場所にドラッグし、右側の「位置」欄に数値（X, Y）を入力すると正確に設定できます。
スケール（拡大縮小）
スケールキーはサイズをパーセンテージで指定します。新しいキーフレームを作成したら、ハンドルをピンチ操作するか「スケール」欄に 50% 〜 200% の数値を入力してください。
回転
回転キーは角度（°）で管理します。回転用のポイントを追加し、プレビュー画面上の回転ハンドルを左右に動かすか、数値欄へ直接角度を書き込むと反映されます。
透明度
透明度キーはオブジェクトの見え具合をコントロールします。スライダーまたは「透明度」欄で 0%（完全非表示）〜 100%（完全表示）を設定し、必要なフレームにキーを打ちます。
3. iOS と Android の UI 差異
| 項目 | iOS アプリ | Android アプリ |
|---|---|---|
| キーフレームアイコンの位置 | 右上に小さな菱形（薄いグレー） | 右下に同様の菱形だが色味が濃め |
| 数値入力パネルの表示方式 | タップでモーダルウィンドウが展開 | スライドイン形式で画面下部に表示 |
| ハンドル操作感覚 | ピンチジェスチャーが滑らか | 2本指ドラッグはやや遅延あり |
| イージング設定の呼び出し方 | キーフレーム上の「⋮」メニュー → 「イージング」 | キーフレームを長押し → ポップアップから選択 |
両プラットフォームで基本操作は同じですが、ボタン配置や入力インタフェースに差があるため、最初は画面構成に慣れることが重要です。
イージング（緩急）で動きを自然にするコツ
キーフレーム間の速度変化を細かく調整できる イージング を活用すると、機械的な直線運動から人間らしい「入り」や「抜け」の感覚へと変えることができます。CapCut で選択できる代表的な4種をご紹介します。
| イージングタイプ | 動きの特徴 |
|---|---|
| 線形 (Linear) | 常に一定速度で移動。最もシンプルだが違和感が残りやすい。 |
| イーズイン (Ease‑In) | 開始時にゆっくり加速し、終盤へ向かってスムーズに加速する。自然な「入り」感を演出。 |
| イーズアウト (Ease‑Out) | 終了直前で減速し、止まる瞬間が柔らかい。「抜け」感や余韻が強調される。 |
| イーズインアウト (Ease‑In‑Out) | 開始と終了の両方で緩やかに変化し、最もバランスの取れた動きになる。 |
活用例
- ロゴのフェードインには「イーズイン」→徐々に明るくなる感覚が得られる。
- テキストスライドでは「イーズアウト」→画面端で止まる瞬間が自然になる。
イージングは各キーフレームの設定ボタン（⚙️）から選択し、プレビュー画面ですぐに確認・微調整できます。
複数プロパティを同時にアニメーションさせるテクニック
複数のプロパティを同一キーフレーム上で設定すると、タイミングずれがなく統合的な動きを作れます。ここでは実務でよく使われる2つの例を具体的に示します。
ロゴのフェードイン＋スケールアップ
- タイムラインにロゴ画像を配置し、開始フレームで 透明度 0%・スケール 50% を設定。
- 終了フレーム（例：1 秒後）へシークし、同じキーフレーム上で 透明度 100%・スケール 100% に変更。
- 両プロパティに「イーズインアウト」を適用すると、拡大とフェードが同期して滑らかになる。
テキストのスライドイン
- テキストレイヤーを作成し、開始フレームで 位置 X = -300（画面左外）・透明度 0% を設定。
- 終了フレーム（例：0.8 秒後）に移動し、同一キーで 位置 X = 0（中央）・透明度 100% に変更。
- 「イーズアウト」を選ぶと、テキストが速く入り、止まる瞬間が自然に見える。
ポイント：複数プロパティは同じキー上でまとめて設定できるため、時間調整がシンプルになるだけでなく、視覚的な一体感も高まります。
プレビュー・微調整とエクスポート設定のポイント
作成したキーフレームアニメーションはプレビュー機能でリアルタイムに確認し、必要に応じて細かい修正を行います。以下の手順で最終チェックと書き出し設定を完了させましょう。
-
フレーム単位で再生
プレビューモードで左右スワイプすると 1 フレームずつ確認でき、微小なタイミングズレも検出可能です。 -
キーフレームのドラッグ調整
タイムライン上のポイントを横にドラッグするだけで開始・終了位置を簡単に変更できます。 -
イージングの即時切替
キーフレーム設定画面のドロップダウンから別のイージングを選び、プレビューで変化を確認します。
エクスポート設定例（SNS 別推奨）
| 推奨解像度 | フレームレート | 主な利用シーン |
|---|---|---|
| 1080p (1920×1080) | 30 fps または 60 fps | YouTube、Facebook、Instagram Feed |
| 720p (1280×720) | 30 fps | TikTok、Snapchat、ストーリーズ |
- ビットレート：1080p は 8–12 Mbps、720p は 5–8 Mbps に設定すると画質とファイルサイズのバランスが取れます。
- 音声：ステレオ、44.1 kHz、AAC 128 kbps が汎用的です。
要点：プレビューで最終確認し、解像度・フレームレート・ビットレートを配信先に合わせて調整すれば、スムーズに公開できる動画が完成します。
まとめ
CapCut のキーフレーム機能は、開始点と終了点だけで位置・拡大縮小・回転・透明度といったプロパティを自在に変化させられるシンプルかつ強力なツールです。iOS と Android では UI に差がありますが、基本操作は共通しているため、プラットフォームごとの注意点を押さえておけば問題なく扱えます。
- キーフレームの設定：タイムライン上でポイントを打ち、数値入力またはハンドル操作でプロパティを決定。
- イージング活用：4 種類の緩急設定で動きを自然にし、視覚的な違和感を軽減。
- 同時アニメーション：複数プロパティを一つのキーでまとめることで、タイミングずれのない統合表現が可能。
- プレビューと微調整：フレーム単位の再生・ドラッグ操作で細部を最適化し、エクスポートは SNS に合わせた解像度・ビットレートで書き出す。
以上の手順とポイントさえ抑えておけば、初心者でも短時間でプロフェッショナルな動画アニメーションが作成できます。ぜひ実践して、あなたのクリエイティブに新しい表現を加えてみてください。