以下の内容はhttps://eizo-help.hateblo.jp/entry/2019/07/08/174740より取得しました。


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

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

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

 

 文字を用意する

文字を用意する

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

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

テキストをシェイプレイヤーに変換

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

シェイプに変換

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

アニメーションさせる

パスのトリミングを追加

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

パスのトリミングにアニメーションを付加

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

パスのトリミングアニメのサンプル

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

まとめ

アニメサンプル

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

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




以上の内容はhttps://eizo-help.hateblo.jp/entry/2019/07/08/174740より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14