１分でできる！文字のアウトラインアニメーション【After Effects】

After Effectsで１分でできる、文字のアウトラインアニメーションを紹介します。アイコン系のフォントを使えば、ワンポイントエフェクトにもなるのでオススメです。

 文字を用意する

アニメーションさせたいテキストを用意し配置します。この時、テキストの色は「塗り：なし、線：あり」に設定しておきます。

シェイプレイヤーに変換する

作成したテキストレイヤーを右クリック、「作成」▶「テキストからシェイプを作成」を選択します。

シェイプレイヤーに変換されました！きちんと文字もバラになった状態です。（先ほどの「塗り：なし、線：あり」の設定がそのまま反映されます。）

アニメーションさせる

できあがったシェイプレイヤーの「コンテンツ」から、「追加」▶「パスのトリミング」を選択します。

追加された「パスのトリミング」の「終了点」を変化させると、テキストのパスが現れるアニメーションになります。

イーズやモーションブラーを設定するとより良い動きになると思います。

まとめ

フォントであれば何でもＯＫなので、アイコンが含まれているフォントなら、アイデア次第で色々な活用法があると思います。

ぜひ試してみてください！