003_かわいいクネクネ文字の作り方

2021.02.01 (最終更新日: 2021.08.14)

この記事が良かったと思った方は
ハートマークとクリップマークを忘れずにお願いします！！

こんちゃ！

映像クリエイターのサンゼです！YouTubeで映像制作のテクニックを分かりやすく解説しています。その他にも、映像編集の会社を経営や、国内最大級の映像編集者のオンラインコミュニティECHOの運営をしています。

▼ECHO-の入会についてはコチラをご覧ください▼
[https://www.sanze-echo.com/community]

何が学べるか？

今回は「かわいいクネクネ文字の作り方」をご紹介します。

出現文字アニメーションのバリエーションが増える
シルエットアルファで一気にマスクがかけれるようになる
カワイイ映像が作れるようになる

くねくね文字が作れるようになると
映像の幅が広がるのでとても便利です！

▼チュートリアル動画はこちら▼

チュートリアルでは有料の静止画や動画素材を使っている場合があります。
まずは無料のおしゃれ写真サイト「Unsplash」などで作ってみましょう！
https://unsplash.com/

▼作り方のステップはこちら▼

01.くねくね文字をつくろう

今回は、かわいいくねくねとした文字を
AEの標準エフェクト 「CC bend It」 を使って作っていきたいと思います！

まずはテキストで任意の文字を打ちます。
その文字を一文字ずつレイヤーに分けます。
しかし、残念ですがAEでは標準で文字をばらすエフェクトがありません。
一つずつ手作業でやってもいいですが、こういう時はスクリプトを使うと便利です。
一文字ずつバラバラにする便利なスクリプトをご紹介します。(001)

・TextExploder V2（有料）（動画内で紹介していたもの）

・set_char.jsx（無料）

一文字ずつバラバラにできたらアンカーポイントをそれぞれの文字の真下に設定しておきます。

文字ごとに下からジャンプするアニメーションをつけていきましょう。

アニメーションカーブで緩急をつけ、自然にみえるように調整します。

では文字にプルっとした動きをつけて行きましょう。

一文字だけ選択します。
エフェクト＆プリセット → CC bend It を適用します。
スタートとエンドの位置を調整します。
エフェクトの範囲内に入っていないと文字が切れてしまうので調整します。（002）

bendをの値にキーを打ち、くねくねと文字が動くアニメーションをつけます。

気持ちのいい動きがつけれるようにアニメーションカーブの調整も忘れずに。
キーフレームを複数選択した状態でAltを押しながらスライドさせると、フレームの間隔を保ったまま、長さを変えられます。とても便利です。

一つの文字の動きが決まったら、CC bend Itをコピーし、ほかの文字にペーストします。
エフェクトにつけたアニメーションも同じようにコピーされます。
しかし、CC bend It内のスタートとエンドの位置が一文字目の値のままで、ずれてしまっています。
スタートとエンドの位置を文字ごとに調整します。