MORPH & TRANSITION
流れるように言葉が言葉に変わる
元のテキストから別のテキストへ、文字のかたちを自動で対応づけて滑らかに変形。Progressへキーフレームを2つ置くだけで、文字が溶け合うトランジションを作れます。
- キーフレーム2つで完成
- 自然な変形アルゴリズム
- 字数違いに対応
使い方
- Page を
Global Settingsにします。 - Text (from) に変形元の文字列を入力します。
- Morph Animation 内の Enable Morph を ON にします。
- To Text に変形先の文字列を入力します。
- 開始フレームで Progress を
0にしてキーフレームを設定します。 - 終了フレームで Progress を
1にします。
0 は Text (from)、1 は To Text の形です。中間の値では両者のパーツを補間します。キーフレームの間隔とカーブで速度感を調整してください。
連続して変形させる
A→B→C のように、3つ以上の文字列を続けて変形させることもできます。
- 最初のモーフが完了したフレームで、Text (from) を To Text と同じ文字列に変更してキーフレームを設定し、Progress を
0に戻します。 - 同じフレームで To Text も次の文字列に変更してキーフレームを設定し、再び Progress を
1へアニメーションさせます。
Progress が 1 のときの表示と、Text (from) を差し替えて 0 に戻した直後の表示は同じ形になるため、切り替えは画面上では目立ちません。これを繰り返すことで、いくつでも変化を連鎖できます。
対応づけを調整する
文字数や形が大きく異なるときは、内部で「どのパーツからどのパーツへ変形するか」を推定します。
| パラメーター | 調整する場面 |
|---|---|
| Matching Strength | 面積の近さを重視して対応づけたいとき。0 では位置の近さを優先します。 |
| Same Glyph Priority | 両方に同じ文字があるとき、その文字同士を優先して結びたいとき。 |
きれいに見せるコツ
- まずデフォルト値で動きを確認し、パーツが不自然に交差するときだけ Matching Strength などを少しずつ変更します。
- 同じ文字を同じ位置に残したい場合は Same Glyph Priority を上げます。
- 形が大きく異なる文字列では、Progress の中間を短くすると変形の複雑さが目立ちにくくなります。
- 縦方向の位置が揺れる場合は Vertical Alignment の
Baselineを試します。 - 対応づけが思い通りにならないときは、Horizontal Alignment を
CenterからLeftやRightに変更してみます。文字の位置関係が変わるため、対応づけの結果も変化します。
NOTE
パーツの分かれ方はフォントのアウトライン構造に依存します。同じ文字列でも、フォントを変えるとモーフの対応や動きが変わることがあります。
WARNING
モーフアニメーションとOutput Separation／Write Onは排他仕様です。同時に有効な場合はモーフが優先され、Output Mode、Separation 1 / 2 Targets、Write On、Stroke Order、Manual Orderは描画に適用されません。