【After Effects】エフェクトプリセットを使わずにテキストアニメーションする基礎知識

After Effectsでテキストアニメーションさせるときの細かい設定が多すぎて覚えられないので、覚書のために少しずつ加筆していく目的で書いてます。

##テキストレイヤーの初期状態

<img width="736" alt="スクリーンショット 2020-01-28 18.24.58.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/685d23fa-a253-bdd6-8889-603c8da2e3ff.png">

##テキストオプション

###ソーステキスト

テキストボックスの中に表示される文字列。文字列の内容の変化にキーフレームを打つ際に使う。

###パスのオプション

テキストレイヤーの中にマスクを追加すると、初期状態では「なし」となっていたオプションメニューに項目が表示される。`パスのオプション/パス`のプルダウンから追加したマスクパス名を指定するとテキストがパスに沿って配置される。

<img width="748" alt="スクリーンショット 2020-02-16 14.05.10.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/e119c0cc-000f-8745-3e95-51f6e0c922d6.png">

<img width="309" alt="スクリーンショット 2020-02-16 14.00.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/c72d3c93-f618-e200-b098-456d2e555163.png">


###アンカーのグループ化

<img width="739" alt="スクリーンショット 2020-01-28 18.26.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/bc4ced00-6f95-eb13-dc88-e6cc6b16b4f7.png">

###アンカーポイントの配置

###塗りと線

<img width="738" alt="スクリーンショット 2020-01-28 18.26.15.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/d3c9d296-e47f-a898-1c31-d43a0958a832.png">

###文字間の描画モード

<img width="737" alt="スクリーンショット 2020-01-28 18.27.31.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/d46beea2-85d6-b73e-f58e-6be27a680463.png">

##アニメーター：▶︎

<img width="458" alt="スクリーンショット 2020-01-28 18.23.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/9d32f52b-d4ce-101e-363a-d9232bc9a9a1.png">

アニメーターを追加するとオプション項目が追加される。そのオプション項目から開ける`追加：▶︎`というメニューは、内容は`アニメーター：▶︎`に加えて`セレクタ`という項目が表示される。

<img width="340" alt="スクリーンショット 2020-01-28 18.44.35.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/74d9f7b8-87fc-dae2-91d5-77345763de55.png">

###セレクタとは

アニメーションの

<img width="568" alt="スクリーンショット 2020-01-28 19.51.05.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/cb43c046-26a7-a1fd-4eb9-8bd563fd0067.png">

|セレクタの種類|意味|
|:-:|---|
|範囲セレクタ||
|ウィグリーセレクタ||
|エクスプレッションセレクタ||

|||
|:-:|---|
|高度||
|量||

###範囲セレクタ



|項目|意味|
|:-:|---|
|開始|アニメーションのかかり始めの位置を指定する。|
|終了|アニメーションのかかり終わりの位置を指定する。|
|オフセット|文字列に対する範囲選択。100%が文字列の末尾、-100%が文字列の先頭を意味しており、ここの設定パーセンテージがアニメーションのかかり始めの位置を意味する。つまり0%の状態だと文字列全体に効果がかかることになる。|

###高度

<img width="533" alt="スクリーンショット 2020-01-28 20.20.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/29b6931c-a254-71eb-1dbe-0a0086588be0.png">

|項目|意味|
|:-:|---|
|単位||
|基準||
|モード||
|量|単純に効果がかかる度合い。|
|シェイプ||
|なめらかさ||
|いーず（高く）||
|いーず（低く）||
|順序をランダム化|効果のかかる位置をランダムにする|



###オプションプロパティ項目の一覧

ちなみに`アニメーター：▶︎`と`追加：▶︎`の項目を全部盛りした状態はこうなる。こんなデラックスエフェクトかけることはないだろうけど。

<img width="737" alt="スクリーンショット 2020-01-28 19.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/8b2aa28e-c9be-2b0c-06b9-bdae36271d91.png">

###文字単位の3D化を使用

エフェクトを追加する感じではなく`形状オプション`と`マテリアルオプション`項目のon/offをする感じ。

<img width="602" alt="スクリーンショット 2020-01-28 19.21.49.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/ec90e2b0-b436-dc38-984e-a27df4c8ab17.png">

`形状オプション`で`レンダラーを変更...`を押すとウィンドウが開く。

<img width="700" alt="スクリーンショット 2020-01-28 19.21.32.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/0da75cd0-e289-319a-2d13-8a32acca051e.png">

###範囲セレクター

###トランスフォームプロパティ

`アニメーター：▶︎`から`全てのトランスフォームプロパティ`もしくはそれらを個別に追加するとこうなる。個別に追加するかまとめて全部追加するかの違いしかない。

<img width="548" alt="スクリーンショット 2020-01-28 19.41.46.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/07089cc2-ca72-f636-16e6-dc7c0b517b49.png">

これらは普通にトランスフォーム（位置・スケール・回転・不透明度）のコントロール。

###いろ

<img width="551" alt="スクリーンショット 2020-01-28 19.46.53.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/278293/0afdc4ce-723d-a4fc-b026-ddd2f092755f.png">