【003】かわいいクネクネ文字の作り方｜CC Bend Itで作る柔らかいテキストアニメーション【AEPあり】

更新日：6月2日

CC Bend Itで、文字に柔らかさとキャラクター性を加えるテキストアニメーション講座

この講座は、YouTubeメンバーシップ Pro プランで視聴できます。

Pro プランで講座を見る：https://bit.ly/sanze_join

After Effectsの標準エフェクト CC Bend It を使って、かわいくクネクネ動くテキストアニメーションを作る講座です。

ただ文字を上下に動かすだけだと、動きが少し単調に見えます。この講座では、一文字ずつレイヤーに分け、位置アニメーション、CC Bend It、表示タイミングのズレを組み合わせて、文字に柔らかさとキャラクター性を加えていきます。

大事なのは、エフェクトをかけること自体ではなく、どの文字をどのタイミングで動かし、どこに少しだけ変化を入れると気持ちよく見えるかを判断することです。シンプルなテキストでも、少しの調整で印象を大きく変えられる考え方を整理します。

1. 背景とテキストを用意する

2. 文字を一文字ずつレイヤーに分ける

3. 文字ごとにアンカーポイントを調整する

4. 位置アニメーションで基本の動きを作る

5. イージーイーズとグラフで動きを整える

6. CC Bend Itで柔らかい歪みを加える

7. 他の文字へ動きを展開する

8. 出現タイミングをずらしてリズムを作る

9. シルエットアルファで表示範囲を整理する

10. カメラで少し奥行きを加える

・標準エフェクトで柔らかい文字アニメーションを作れる

・一文字ずつ動かして、文字にリズムや個性を加えられる

・動きが単調に見えるとき、どこに変化を入れるか判断できる

・かわいいテキストアニメーションを作りたい人

・標準エフェクトだけで表現の幅を増やしたい人

・文字モーションのリズムや気持ちよさを調整できるようになりたい人

カテゴリ：テキストアニメーション

対象レベル：初級〜中級

動画尺：約10分

使用ソフト：After Effects

使用プラグイン：なし

使用エフェクト：CC Bend It

使用機能：TextExploder、シルエットアルファ、プリコンポーズ、3Dレイヤー、カメラ

AEP：あり

学習用付帯データ：あり

AEPファイルなどの学習用付帯データは、講座理解を補助するための付録です。メインコンテンツは講座の視聴と、作り方や調整の考え方を学べることです。

付帯データは制作当時のAfter Effects、使用スクリプト、使用環境を前提に作成しているため、現在の環境では表示差異やエラーが出る場合があります。UI構成、項目名、スクリプトの仕様、互換性が異なることもあります。

個別環境での動作確認、AEPファイルの修正、トラブル対応などの個別サポートは行っておりません。学習用付帯データの再配布、再販売、リンクの公開は禁止です。