Contents
1. インストールとバージョン確認
CapCut の機能はバージョンごとに追加・改良されます。特にキーフレームや AI アシスト系の機能は 7 系列（2023 年以降） に実装されていますので、作業開始前に「7.0 以上」であることを確認してください。
1‑1. PC（Windows / macOS）のインストール手順
公式サイトから最新インストーラを取得し、インストール後にバージョン情報をチェックします。
- ダウンロード
- 公式ページ: https://www.capcut.com/ja-jp/download
-
「ダウンロード」ボタンをクリックしてインストーラを保存。
-
インストール
-
ダウンロードしたファイルを実行し、画面の指示に従ってインストール。
-
バージョン確認
- アプリ起動 → 右上メニュー > 「設定」 > 「バージョン情報」。
- 表示が「7.0.x」以上であることを確認。
1‑2. モバイル（iOS / Android）のインストール手順
App Store または Google Play にて公式アプリを取得し、設定画面からバージョンを確認します。
| プラットフォーム | 手順概要 |
|---|---|
| iOS | App Store で「CapCut」検索 → 「入手」または「アップデート」。起動後、右下の マイページ → 歯車アイコン（設定）→「バージョン情報」を確認。 |
| Android | Google Play ストアで同様に検索 → インストール／更新。アプリ内メニュー > 「設定」>「バージョン情報」で表示をチェック。 |
1‑3. バージョンが古い場合の対処
- 自動アップデート が有効になっていない端末は、手動で最新バージョンに更新してください。
- 業務端末では、管理者権限を持つ IT 部門と連携し、全端末を同一バージョン（7.0 以上）に統一するとトラブル防止につながります。
ポイント：キーフレームや AI アシストはバージョン 7 系列以降で安定提供されています。古いバージョンではこれらの機能が利用できないだけでなく、エクスポート品質にも差が出ることがあります。
2. キーフレームの基本概念と UI 比較
キーフレームは 「時間軸上の特定フレームに属性値（位置・サイズ・回転など）を記録し、前後フレームで自動補間させる」 手法です。CapCut では PC とモバイルで UI が異なるものの、キー追加のトリガーは共通して ダイヤ形アイコン です。
2‑1. キーフレームが担う役割（実務的視点）
- 細かい動きの再現：ロゴや商品画像を滑らかに移動させることで、視覚的な訴求力が向上。
- エフェクト変化の自動管理：ブラーやカラーグレーディングなど、時間とともに変化させたい効果を一元管理できる。
- 再利用性：作成したキーフレーム設定は他プロジェクトへコピー可能で、定型テンプレートとして活用できる。
2‑2. PC 版とモバイル版の UI 構造（H3）
PC 版の特徴
- タイムライン と 右側プロパティパネル が常時表示。
- 数値入力が可能で、ベジェ曲線を自由に編集できる グラフエディタ が備わっている。
- キーボードショートカット（例:
Ctrl+Zで Undo、Shift+Dでキー複製）が豊富。
モバイル版の特徴
- タッチ操作に最適化された 下部ツールバー と スライダー UI。
- キーフレームは「アニメーション」メニューからタップで追加し、ドラッグ・ピンチで属性を変更。
- プリセットベースのイーズ選択が中心で、細かな数値入力は画面上部のキーボードで行う。
まとめ：PC は「精密操作」向け、モバイルは「スピーディな現場編集」向けに設計されています。どちらでもダイヤ形アイコンでキーを追加できる点が共通ですので、作業環境に合わせて使い分けましょう。
3. PC 版でのキーフレーム設定手順
PC ではマウスとキーボードを活用した細部調整が可能です。以下では 位置・スケール・回転 の個別設定と、エフェクトへの適用 を実務例とともに解説します。
3‑1. 位置・スケール・回転キーの追加手順
- タイムライン上で対象クリップを選択し、右側プロパティパネルを表示。
- 「位置」 の左端にあるダイヤ形アイコン（キーフレームボタン）をクリック → 現在フレームにキーが作成されることを確認。
- 再生ヘッドを移動し、プレビュー画面上でオブジェクトをドラッグまたはプロパティの X/Y 数値を変更すると自動的に新しいキーが生成。
- 「スケール」 と 「回転」 も同様にアイコンをクリックし、必要なフレームごとに数値を入力してキーを設定。
実務例：商品紹介動画でロゴを左上から右下へ移動させつつ、2 秒間でサイズを 80% → 120%、最後に 180° 回転させるシーケンスは、4 つのキー（位置・スケール・回転それぞれ）だけで完結します。
3‑2. エフェクトへのキーフレーム適用
エフェクトパラメータにもキーを付与できるため、時間経過に伴う効果変化を自動化できます。
| 手順 | 操作内容 |
|---|---|
| 1 | クリップに対象エフェクト（例: 「ブラー」）を適用。 |
| 2 | エフェクトパネルの「強度」横にあるダイヤ形アイコンをクリックし、開始フレームで数値 0 を設定。 |
| 3 | 再生ヘッドを目的フレームへ移動し、スライダーで数値（例: 30%）に変更 → 自動的に新しいキーが生成。 |
| 4 | 必要に応じて「イーズイン」や「イーズアウト」のプリセットを選択し、変化の曲線を調整。 |
実務ヒント：ブラーやカラーグレーディングはシーン切替時に自然な遷移を作り出すのに有効です。キー設定後は「プレビュー」画面で滑らかさを必ず確認しましょう。
4. モバイル版でのキーフレーム操作
モバイル端末ではタッチジェスチャーが中心となります。指一本で位置・サイズ・回転を直感的に設定でき、外出先や取材現場でも素早く編集可能です。
4‑1. タップ＆ドラッグでキーを追加する方法
- 下部の 「アニメーション」 タブを開き、対象クリップを選択。
- タイムライン上の希望フレームをシングルタップ → キーフレームアイコンが点灯し、キーが作成される。
- 画面上で ドラッグ（位置変更）や ピンチ（スケール変更）、二本指回転 を行うと、それぞれの属性に自動的に新しいキーが追加されます。
実務例：インスタグラム Reels 用の 15 秒動画で、冒頭 3 秒間にテキストを左上から右下へスライドさせつつ拡大する演出は、タップ＋ドラッグだけで完結します。
4‑2. エフェクト設定とキー追加
エフェクトパネルでも同様のタッチ操作が可能です。
- クリップに「カラーグレーディング」などのエフェクトを適用。
- エフェクト画面右上の ダイヤ形アイコン をタップ → キー作成。
- スライダーを左右にスワイプして数値（例: 彩度）を変更すると、同フレームに新しいキーが自動生成。
- 別フレームでも同様に操作し、色味変化のカーブを作成。
ポイント：モバイル版では「AI アシスト」から生成された自動エフェクトにも手動でキーフレームを重ねられます。短尺動画で微調整したいときに便利です。
5. AI アシストとプリセット活用テクニック
CapCut の AI アシスト 機能は、画像・テキストの自動アニメーション化やテンプレート適用をワンクリックで実行できるため、制作時間を大幅に短縮します。
5‑1. 自動アニメーション生成手順
- プロジェクトに対象レイヤー（画像・テキスト）を配置。
- 右側ツールバーの 「AI アシスト」 → 「自動アニメ化」 を選択。
- 提示されるテンプレート（例: 「フェードイン & スライド」）から目的に合うものを選ぶと、位置・透明度・回転などのキーフレームが自動生成されます。
- 生成されたキーは 「キーフレームエディタ」 で個別に数値調整可能（開始遅延やイーズ曲線の変更等）。
実務活用例：商品画像を画面左から滑らかに現す演出は、AI アシストで「スライドイン」テンプレートを選ぶだけでベジェ曲線付きキーが作成され、後から微調整するだけで完成します。
5‑2. プリセット＋カスタムキーフレームのハイブリッド手法
プリセットは一般的なイーズ曲線やタイミングを提供し、カスタムキーで細部を上書きすることで独自性と効率を両立できます。
| パターン | 使用プリセット | カスタムキーフレームの追加ポイント |
|---|---|---|
| 1. 商品ロゴバウンス | 「バウンス」 | キーを 2 個追加し、最初の上昇幅を 30% に抑えて自然な跳ね感に調整。 |
| 2. テキストフェード＋回転 | 「フェードイン」 + 「回転」 | 1 秒目で透明度 0→100、同時に回転キー –15° → 0° を設定し、斜め登場効果を演出。 |
| 3. イラストスライド＋スケール | 「スライド右」 | スライド開始と同時にスケールキー (80%→100%) を挿入し、拡大感を付加。 |
コツ：プリセット適用後は必ず「キーフレームエディタ」を開き、イーズイン/アウト の曲線や タイミングオフセット を微調整すると、SNS 向けの短尺動画でも違和感なく自然な動きを実現できます。
6. SNS 別エクスポート設定とトラブルシューティング
完成したプロジェクトはプラットフォームごとの最適化が不可欠です。ここでは YouTube・Instagram Reels・TikTok 向けの推奨設定と、よくあるキーフレーム関連の問題への対処法をまとめます。
6‑1. プラットフォーム別エクスポート推奨設定
| プラットフォーム | 解像度 | フレームレート | ビットレート目安 | コーデック・形式 |
|---|---|---|---|---|
| YouTube（HD） | 1920×1080 | 30 fps または 60 fps | 12–15 Mbps (H.264) | MP4 |
| Instagram Reels | 1080×1920（縦） | 30 fps | 8–10 Mbps (H.264) | MP4 |
| TikTok | 1080×1920（縦） | 30 fps | 10–12 Mbps (H.264) | MP4 |
エクスポート手順
1. メニュー > 「設定」 → 「エクスポート」 を開く。
2. プラットフォーム別プリセットボタン（左下）をクリックし、上表の項目が自動入力されることを確認。
3. 必要に応じて 「高度な設定」 でビットレートやコーデックを手動調整し、「エクスポート」 を実行。
6‑2. キーフレームが反映されない・プレビュー遅延時の対処フロー
| 症状 | 主な原因 | 推奨対策 |
|---|---|---|
| キーが動画に現れない | バージョン非対応、キャッシュ残存 | ① アプリ再起動 ② 「設定 → キャッシュクリア」 ③ バージョンが 7.0 未満の場合は最新版へ更新 |
| プレビューがカクつく | ハードウェア負荷、エフェクト過多 | ① プロジェクト解像度を一時的に 720p に下げる ② 不要レイヤー・エフェクトを非表示化 ③ PC の場合は GPU ドライバ最新版へ更新 |
| タイムライン上のキーが消える | 誤削除、ズーム位置の見落とし | ① Ctrl+Z（Undo）で復元② 「Shift + D」で選択キーを複製し、再配置 |
ベストプラクティス：作業開始前に必ず 「バージョン確認 → キャッシュクリア → プロジェクト保存」 の 3 ステップを実施すると、上記トラブルの多くが未然に防げます。特に企業内で端末が混在する場合は、統一された手順書を配布しておくと運用が楽になります。
まとめ
| 項目 | 要点 |
|---|---|
| インストール・バージョン確認 | 公式サイト／App Store から 7.0 以上を取得し、設定画面で必ずチェック。 |
| キーフレームの概念と UI の違い | PC は精密数値入力とベジェ曲線編集が得意、モバイルはタッチ操作で高速編集が可能。共通はダイヤ形アイコンでキー追加。 |
| PC 版設定手順 | 位置・スケール・回転を個別にキーフレーム化し、エフェクトにも同様の手順で適用。実務例としてロゴバウンスや商品ブラーが挙げられる。 |
| モバイル版操作ポイント | タップ＋ドラッグ／ピンチで属性を変更し、エフェクトはスライダーで調整。AI アシスト生成キーにも手動キーフレームが重ねられる。 |
| AI アシストとプリセット活用 | 「自動アニメ化」でベースキーを瞬時に生成し、プリセット＋カスタムハイブリッドで独自性と効率を両立。 |
| SNS エクスポート & トラブル対策 | プラットフォーム別推奨設定表を参照し、キーフレーム未反映はバージョン・キャッシュ・ハードウェア順に点検。 |
本ガイドの手順とテクニックをマスターすれば、CapCut（最新安定版）で 実務レベルのキーフレームアニメーション を迅速かつ正確に作成でき、YouTube・Instagram Reels・TikTok への最適化された動画配信が可能になります。ぜひ各章を実際のプロジェクトに当てはめて活用してください。