前回の大きくなって消えるモーションの外側の動きのお話です。こんな感じ。
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/Mogra_03-Edit.gif)
シェイプを作成
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/スクリーンショット-2019-06-26-23.51.06-1024x958.png)
まずはシェイプの円を作りましょう。作った円は塗りはオフにしておきます。線の幅は今回は5pxにしています。
パスのオフセットを追加
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/Mogra_03_01.jpg)
パスのオフセットは選択したシェイプのパスを表示する範囲を決めることができます。開始点から調整するか終了点から調整するか状況に合わせて使い分ける事も同時に使う事も出来ます。
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/Mogra_0627_2.gif)
今回は4つキーフレームを追加し100,72,72,100と設定しました。これで出現してまた消えるアニメーションになります。
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/Mogra_03_02.jpg)
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/Mogra_0627_4.gif)
オフセットを使って回転させる
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/Mogra_0627_3.jpg)
オフセットはトリミングしている部分を回転してくれます。開始点72でオフセットを一回転させるとこんな感じになります。
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/Mogra_0627_5.gif)
この両方を合わせると完成
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/スクリーンショット-2019-06-27-01.33.58-1024x191.png)
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/Mogra_0627_6.gif)
エクスプレッションで増殖
これを元にレイヤーを複製してキーフレームを外し、エクスプレッションで繋ぎます。そのままだとパラメータが同じになるので最後の部分をみてください。
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/スクリーンショット-2019-06-27-01.47.53-1024x481.png)
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/スクリーンショット-2019-06-27-01.48.37.png)
各パラメータのindexを使って回転と線の太さ、オフセットをずらしています。するとこんな感じになって完成です。
![](https://everydayskillshare.jp/wp-content/uploads/2019/06/Mogra_0627_7.gif)
一つ作ってエクスプレッションで増やせばかなりお手軽です。indexの説明はこちらから。
モーショングラフィックスもエクスプレッションを使って快適なAE生活を!(ちょっと文章むりあるなー)