「CapCutでイラストを自由に動かしたい!」
「キーフレームを使ってキャラクターにアニメーションをつけるには?」
こんな疑問を持っていませんか?
✅ CapCutでイラストや画像を動かす方法を知りたい
✅ キーフレームを使って、キャラクターやオブジェクトを自由に動かす方法を学びたい
✅ プリセットアニメーションを活用して、簡単に動きをつける方法を知りたい
本記事では、CapCutでイラストを動かす方法を基本から応用まで詳しく解説します!
Contents
CapCutでイラストを動かすことはできるのか?
結論:CapCutでは、キーフレームやプリセットアニメーションを使って、イラストを自由に動かせる!
CapCutには、イラストや画像に動きを加えるための以下の機能があります。
✅ イラストを動かす3つの方法
1️⃣ キーフレームを使って、自由にアニメーションを作る(応用向け)
2️⃣ プリセットアニメーションを使って、簡単に動きをつける(初心者向け)
3️⃣ エフェクトを活用して、イラストに動きを加える(視覚的な演出)
📌 キーフレームを使うと、より細かく自然な動きが作れる!
【基本編】イラストを動かす3つの方法

✅ ① キーフレームを使って画像を動かす(自由な動きが可能)
キーフレームを使うと、イラストを自由な動きでアニメーション化 できます。
【手順】キーフレームでイラストを動かす方法
1️⃣ CapCutで「新規プロジェクト」を作成し、イラスト(PNGやJPG)を追加
2️⃣ タイムラインでイラストを選択し、「キーフレーム(◇マーク)」をタップ
3️⃣ 最初の位置を決め、キーフレームを追加
4️⃣ タイムラインを進め、イラストを移動・回転・拡大縮小して、別のキーフレームを追加
5️⃣ 再生して動きを確認し、微調整する
📌 キーフレームを増やすと、よりスムーズな動きが作れる!
✅ ② プリセットアニメーションを使って簡単に動かす(初心者向け)
キーフレームを使わなくても、CapCutの「アニメーション」機能を使えば簡単に動きをつけられる !
【手順】プリセットアニメーションでイラストを動かす
1️⃣ イラストを追加し、選択する
2️⃣ 「アニメーション」→「イン・アウト・コンボ」から好みの動きを選択
3️⃣ 動きの速度を調整し、「✔」を押して確定
📌 簡単な動きなら、プリセットアニメーションで即完了!
✅ ③ エフェクトを活用して動きを演出する
CapCutのエフェクトを使うと、イラストを揺らしたり、ズームさせたりできる!
【おすすめエフェクト】
🔹 「揺れ」 → キャラクターが震えるような動きにできる
🔹 「ズームイン・アウト」 → 画面いっぱいに拡大・縮小する
🔹 「ワープ」 → SF風のアニメーション効果が作れる
📌 エフェクトを活用すると、よりダイナミックな表現が可能!
【応用編】イラストのパーツごとに動きをつける方法

「キャラクターの目や口だけ動かしたい!」という場合は、イラストのパーツを分けて動かすのがポイント!
✅ ① レイヤーを分けてパーツごとに動かす
1️⃣ 目・口・体など、パーツごとに分けたイラスト(PNG)を用意
2️⃣ それぞれをオーバーレイとして追加し、個別にキーフレームを設定
3️⃣ 目を瞬きさせる、口を開閉させるなど、細かく動かす
📌 Live2Dのようなキャラクターアニメーションも作れる!
✅ ② モーションブラーを追加して、自然な動きにする
「キーフレームで動かしたけど、動きがカクカクする…」という場合は、「モーションブラー」エフェクトを追加すると滑らかになる!
【手順】モーションブラーを追加する
1️⃣ 「エフェクト」→「モーションブラー」を選択
2️⃣ 強さを調整し、動きが滑らかになるようにする
3️⃣ 動きを確認しながら微調整
📌 カクカクした動きを滑らかにするなら、モーションブラーを活用しよう!
CapCutでイラストを動かす際の注意点
✅ 自然な動きにするためのポイント
- キーフレームを細かく設定すると、スムーズな動きになる
- 「イージング(緩急)」をつけると、リアルな動きに近づく
- エフェクトを組み合わせると、よりダイナミックな演出が可能
📌 細かい調整を加えると、プロ並みのアニメーションが作れる!
よくある質問(FAQ)

Q. CapCutの無料版でイラストを動かせる?
A. はい!キーフレームやプリセットアニメーションは無料版でも利用可能です。
ただし、一部の高度なエフェクトは有料版限定。
Q. AIでイラストを自動的に動かす機能はある?
A. 現在のCapCutには、AIでイラストを自動的に動かす機能はありません。
ただし、「モーションエフェクト」や「キーフレーム」を使えば、手動で動きをつけることができます。
参考情報URL
- CapCut公式サポート(キーフレームやアニメーション機能の詳細)
- YouTube動画編集ガイド(アニメーションの基本)
まとめ
✅ CapCutでは「キーフレーム」「プリセットアニメーション」「エフェクト」を使ってイラストを動かせる!
✅ 細かい動きをつけたいならキーフレーム、大まかな動きならプリセットアニメーションが便利!
✅ モーションブラーやイージングを活用すると、より滑らかなアニメーションが作れる!
CapCutを活用して、イラストを自由に動かすアニメーションを作りましょう!
CapCut 関連記事一覧
【CapCutのテンプレートの著作権は大丈夫?】商用利用や収益化の可否を徹底解説!
【CapCutのテンプレートはバレる?】投稿時の表示やオリジナルに見せる工夫を解説!
【CapCut】動画の一部分にモザイクを入れる方法!動く対象への適用方法も解説
【CapCut】動画の保存方法を徹底解説!高画質設定や保存できない時の対処法も紹介
【CapCutの危険性】個人情報漏洩のリスクは?安全に使うための設定と対策を解説!
【CapCut】2つの動画を並べる方法!オーバーレイ&スプリットスクリーンで簡単編集
【CapCut】iPadとiPhoneで同期する方法!データ共有のやり方と注意点を解説
【CapCut】iTunesの音楽が出てこない?原因と対処法を徹底解説!
【CapCut】Meme動画の作り方!人気のミームを簡単に編集する方法を解説
【CapCut】いらない部分を消す方法!動画の不要なシーンやオブジェクトを削除するテクニックを解説
【CapCut】はめ込み合成のサイズ変更方法!オーバーレイを自由に調整する方法を解説!
【CapCut】アカウントを共有して動画編集する方法!複数人でプロジェクトを管理するコツ!
【CapCut】イラストを動かす方法!キーフレームを使ったアニメーションの作り方を解説!
【CapCut】テンプレートのロゴを消す方法!無料&有料の削除テクニックを解説!
【CapCut】プレミアム機能を解除・消す方法!無料版に戻す手順を解説!
【CapCut】ボーカルリムーバーは無料で使える?使い方とおすすめツールを解説
【CapCut】収益化・商用利用は可能?著作権や利用規約を徹底解説!
【CapCut】商用利用はバレる?収益化のリスクや違反を回避する方法を解説
【CapCut】画質が悪くなる原因と改善方法!高画質のまま保存する設定を解説
【CapCut】逆再生のやり方!動画を簡単にリバースする方法をシンプルに解説!
【CapCut】動画の速度変更方法!PC&スマホ対応でスローモーション・倍速編集を解説!
【CapCut】動画に動画を重ねる方法!オーバーレイ・分割画面・PIPのやり方を解説!
【CapCut】顔に合わせて動くスタンプをつける方法!フェイストラッキングのやり方を解説!
【CapCut】紙に書いた文字を動画に入れる方法!背景透過・アニメーションのやり方を解説