自分自身わかってるようでわかっていないアニメーターの機能を解説していきます。今回はこちら!
![](https://everydayskillshare.jp/wp-content/uploads/2020/06/スクリーンショット-2020-06-01-14.34.41-1024x443.png)
- 範囲セレクター
よく使う機能ですがなかなか直感的に使ってしまいますよね。ここで自分のためにもまとめておきたいと思います。
範囲セレクター
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/アニメートの選択範囲-1.gif)
これはアニメーターの機能です。テキストのアニメーションなどでよく使いますよね?今回はこの中の
- 開始
- 終了
- オフセット
テキストの場合どこからどこまでを動かす対象にするのか?ということになります。開始0%終了100%だと全範囲となります。各アニメーターに設定した数値から下の数値に戻す動きになります
開始と終了
![](https://everydayskillshare.jp/wp-content/uploads/2020/06/範囲セレクター開始1-100.gif)
![](https://everydayskillshare.jp/wp-content/uploads/2020/06/範囲セレクター終了100-0.gif)
開始と終了は先頭から範囲選択を狭めるのか後ろから狭めるのかになっています。
オフセット
![](https://everydayskillshare.jp/wp-content/uploads/2020/06/範囲セレクターオフセット_1.gif)
開始と終了を狭めると選択範囲が短くなります。オフセットはその範囲のままずらしていくことが可能です。上へ傾斜などを使った場合にはこのオフセットをアニメーションさせてバウンス などを作ったりする事も可能です。
今回は範囲セレクターのお話でした。覚えておいて損はないと思います。
アニメーターを使って快適なAe生活を^^