文字エフェクト · 文字の動き方
パス上の文字环绕文字
- 装飾的
- 整然
- 連続
文字は直線ではなく曲線に沿って並びます。印章が回り、下の弧では文字が流れます。位置を決めるのはパスなので、本質的に曲がり、動きます。
使いどころ
ずっと回っていてよい装飾に向きます。丸いブランド印、読み込み中の封蝋、隅に置く小さな雰囲気要素などです。読ませる本文には使わないでください。曲がった文字は読む速度が大きく落ちます。また、2 つの輪を逆方向に回すのも避けてください。どちらを見ればよいか分からなくなります。1 ページに 1 か所で十分です。
パラメータ
SVG textPath · seal 26s per turn (linear) · arc startOffset 0→300 loop
レシピ
パス上の文字 → startoffset 0 → 300 loop @ 26s
AI に渡す一文
円周に沿う文字を作ってください。SVG の textPath で文字を円形パス（viewBox 200×200、半径 72）に載せ、輪全体を 26 秒で 1 回、等速で回転させます。さらに 2 つ目の textPath を Q 曲線の弧に載せ、startOffset を 0 から 300 まで増やし続けて文字を流します。位置はパスに任せ、1 文字ずつ角度を付けるのはやめてください。曲率の大きい場所で字間が詰まります。文字は大文字、字間 0.1em、色は現在のアクセントカラーにします。