After Effectsでパスに沿って文字を動かす方法をお探しですね。
広告
After Effectsで文字を円や波線に沿って動かす方法
After Effectsで文字を動かすとき、普通に「位置」をいじるだけじゃなくて、**「パスのオプション」**という機能を使うと、もっと面白い動きが作れます。
たとえば、文字が円をぐるっと回ったり、波線に乗ってゆらゆら流れたり、手描きの線をなぞるように動いたり。
見た目もおしゃれだし、作るのも意外と簡単です。
この記事では、初めてパスのオプションを使う人でも迷わないように、パスの作り方から円や波線での設定、きれいに見せるコツまで、順番に説明していきます。
「パスのオプション」ってどんな機能?
**パスのオプション**は、テキストを好きな形の線(パス)に沿わせるための機能です。
普通、テキストって横一列にまっすぐ並びますよね。
でもこの機能を使えば、円でも曲線でも波線でも、どんな形にでも文字を沿わせられるんです。
しかも、「最初のマージン」っていう数値を動かすと、文字がその線の上を移動しているように見せられます。
1文字ずつ手作業で配置しなくていいので、すごく楽です。
こんなときに便利:
– ロゴの周りをぐるっと回るキャッチコピー
– 水面や風をイメージした波線上のテキスト
– 地図の道順をなぞる説明文
– タイトル演出で目を引く動き
ただし、ちょっと注意が必要なのは、**文字を沿わせるのは「テキストレイヤーに作ったマスクパス」**だということ。
シェイプレイヤーで円や線を作っても、それをそのまま選ぶことはできません。
テキストレイヤーにマスクを作るか、シェイプのパスをコピーしてテキストレイヤーに貼り付ける必要があります。
ここがわかってないと、「パスが選べない!」「文字が線に沿わない!」ってなりがちなので、最初に覚えておくと安心です。
文字を円に沿って動かしてみよう
まずは円に沿って文字を動かす方法から。
これができれば、ロゴの周りを回るコピーとか、回転する演出が作れます。
1. テキストレイヤーに円のマスクを作る
最初に、普通にテキストレイヤーを作ります。
そのテキストレイヤーを選択した状態で、ツールバーから**楕円形ツール**を選びます。
コンポジション上でドラッグすると、円形のマスクが作れます。
きれいな正円にしたいときは、**Shiftキーを押しながらドラッグ**するといいですよ。
**ここが大事!** 何も選んでない状態で楕円形ツールを使うと、シェイプレイヤーが作られちゃいます。
必ずテキストレイヤーを選んでから描いてください。
2. パスのオプションでマスクを指定する
次に、テキストレイヤーのプロパティを開いて、「テキスト」の中にある**「パスのオプション」**を探します。
「パス」っていう項目があるので、そこで作ったマスク(「マスク 1」とか)を選びます。
すると、文字が円形のパスに沿って並びます!
このとき、文字の向きや位置がイメージと違ったら、こんな項目をいじってみてください:
– **反転パス**:文字の並びを逆にする
– **パスに垂直**:文字をパスの角度に合わせるかどうか
– **強制揃え**:文字の配置を調整
円の外側に文字を読ませたいのか、内側に沿わせたいのかで見え方が変わるので、プレビューしながら調整するのがコツです。
3. 文字を動かす
文字を円の上で動かすには、**「最初のマージン」**を使います。
タイムラインの最初で、最初のマージンの数値を決めて、ストップウォッチをクリック(キーフレームを打つ)。
それから数秒後に時間を進めて、最初のマージンの数値を変えます。
すると、文字が円のパスに沿って移動します。
どのくらい数値を変えればいいかは、文字の長さや円の大きさで変わるので、見た目で調整するのが一番です。
もっと自然な動きにしたいなら、キーフレームを選んで**イージーイーズ**をかけるといいですよ。
ただ、ロゴの周りを一定速度でずっと回り続ける感じにしたいなら、速度変化をつけすぎないほうがきれいに見えます。
おまけ:円の線を見せたいとき
背景に円の線を表示したいときは、別にシェイプレイヤーで円を作って、塗りをなしにして線だけ表示させるとかっこよくなります。
波線に沿って文字を流してみよう
波線も基本は同じです。
水面とか音波とか、ゆらゆらした感じを出したいときに使えます。
1. 波線のマスクを描く
テキストレイヤーを選んだ状態で、**ペンツール**を使って波線のマスクパスを描きます。
ただクリックするだけじゃなくて、ドラッグしながらベジェハンドルを出すと、なめらかな曲線が作れます。
波の山と谷が急すぎると文字が読みにくくなるので、最初はゆるやかなカーブで作るのがおすすめです。
2. パスのオプションで指定する
円のときと同じように、「パスのオプション」を開いて、作ったマスクを選びます。
文字が波線に沿って並びます。
そして「最初のマージン」を動かせば、文字が波線の上を流れるアニメーションになります。
3. 読みやすさと動きのバランスを考える
波線アニメーションで大事なのは、**読みやすさ**です。
曲線が細かすぎると、文字の角度がコロコロ変わって読みにくくなります。
速度が速すぎても、内容が頭に入ってこないまま流れちゃいます。
タイトルや装飾として使うならダイナミックでもいいけど、説明文や大事なコピーを載せるなら、波の振れ幅を抑えて、ゆっくり流すほうが効果的です。
おまけ:波線を見せたいとき
波線を視覚的に見せたいなら、シェイプレイヤーで同じような波線を作って、線として表示させます。
シェイプレイヤーのパスをコピーして、テキストレイヤーのマスクパスに貼り付ければ、見えてる線と文字が沿う線を一致させられます。
線の太さや色、破線なんかも設定できるので、デザインの幅が広がります。
たとえば、白い細い線に青い文字を合わせれば水面っぽくなるし、点線と丸いフォントを合わせればポップな感じになります。
うまくいかないときのチェックポイント
パスのオプションで文字が動かないときは、こんなところを確認してみてください。
テキストレイヤーにマスクが作られてるか?
シェイプレイヤーだけ作っちゃってると、テキストのパス一覧に出てきません。
タイムラインでテキストレイヤーを開いて、「マスク」があるか確認しましょう。
文字の向きや配置がおかしい
「反転パス」をオンにすると、進行方向や文字の並びが反転します。
「パスに垂直」は、文字をパスの角度に合わせるかどうかの設定です。
円ではうまくいっても、波線だと角度変化が大きくなりすぎることがあります。
そんなときは、パスの形をゆるくするか、フォントサイズを小さくするか、文字数を減らすといいですよ。
もっときれいに仕上げるコツ
パスの動きだけじゃなくて、他の機能も組み合わせるとさらに良くなります。
– **不透明度**:フェードインさせながら移動させると、突然文字が現れる違和感がなくなる
– **スケール**:少しだけ大きさを変えると、ポップな印象になる
– **モーションブラー**:移動する文字に残像感が出て、映像になじむ
実際によく使う調整ポイント
– パスのカーブは読みやすさ優先で、急角度にしすぎない
– 「最初のマージン」のキーフレーム間隔で速度を調整する
– 背景線を見せるときは、テキスト用マスクと見た目用シェイプを分けて管理する
まとめ
円や波線に沿った文字アニメーションは、基本を覚えればいろんなところで使えます。
円ならロゴ演出や回転するコピー、波線なら水・音・風・手描き感のある演出にぴったりです。
最初は次の3ステップだけ覚えればOK:
1. テキストレイヤーにマスクを作る
2. パスのオプションでマスクを指定する
3. 最初のマージンをキーフレームで動かす
慣れてきたら、フォント選びや線のデザイン、モーションブラー、イージングを組み合わせて、映像全体に溶け込む文字アニメーションを作ってみてください!
広告
