はっぱち雑記ブログ

【CapCut】イラストを動かす方法!キーフレームを使ったアニメーションの作り方を解説!

「CapCutでイラストを自由に動かしたい!」

「キーフレームを使ってキャラクターにアニメーションをつけるには?」

こんな疑問を持っていませんか?

CapCutでイラストや画像を動かす方法を知りたい

キーフレームを使って、キャラクターやオブジェクトを自由に動かす方法を学びたい

プリセットアニメーションを活用して、簡単に動きをつける方法を知りたい

本記事では、CapCutでイラストを動かす方法を基本から応用まで詳しく解説します!


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では「キーフレーム」「プリセットアニメーション」「エフェクト」を使ってイラストを動かせる!

細かい動きをつけたいならキーフレーム、大まかな動きならプリセットアニメーションが便利!

モーションブラーやイージングを活用すると、より滑らかなアニメーションが作れる!

CapCutを活用して、イラストを自由に動かすアニメーションを作りましょう!

Pick up

1

2022年5月3日頃より、一部のInstagramユーザーの間で、アプリを起動すると突然 「生年月日を追加」 という生年月日の入力を強制する画面が表示されるケースが急増しているようです。 この影響で、 ...

2

スマホでGoogle検索を利用しようとした際に、検索キーワードの候補として、 検索履歴ではなく「話題の検索キーワード」が表示される場合がありますよね。 この「話題の検索キーワード」に表示される検索キー ...

3

不在連絡かのような内容のSMS 「お客様が不在の為お荷物を持ち帰りました。こちらにてご確認ください http:// ~」 がまたまた届きました。 このメール、またまた増加しているようです。 ...

4

iOSの最新版である「iOS16」がリリースされたことが話題ですよね。 しかし「ソフトウェア・アップデート」の画面を確認してみると… 同時に「iOS15.7」という、iOS15系の最新版もリリースされ ...

-はっぱち雑記ブログ