見出し画像

【5日目】パスに沿ってテキストを動かす

パスに沿ってぐるんとすすむ矢印を作りました。

参考にさせていただいたのはカズノコさんのこのチュートリアル。

1.矢印を作る

■を連打して▶︎にくっつけると■■■■■▶︎こんな感じの矢印っぽいものになるので、
文字間を狭めるときれいな矢印ができます。

2.パスを書く

テキストレイヤーを選択した状態で、矢印を動かしたい線を描きます。

スクリーンショット 2020-09-18 1.08.47

3.矢印をパスに沿わせる

テキストのオプションの部分でパスのオプション-パスと進むと、
パスの横の部分にマスクを選ぶプルダウンがあるので、マスクを選びます。

スクリーンショット 2020-09-18 0.51.53

すると文字が先ほど書いたパスにくっつきます。

さらに、この部分を少しいじると、簡単なアニメーションができます。
最初のマージンの数値を変えてアンカーポイントを打つと、
文字やオブジェクトが流れていっているようなアニメーションに。

スクリーンショット 2020-09-18 0.54.46

4.最後はもちろん「イージング」

F9でイージングをかけると、勢いのある矢印の動きになります。


いいなと思ったら応援しよう!