今回はインフォグラフィックスなどでも使えそうな簡単な水の表現です。今回はこのビーカーの水ですすめていきたいと思います。
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/水の表現_01.gif)
レイヤー構造
簡単に分解するとこんな感じです
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-28-12.02.58-1024x577.png)
- ビーカー本体
- メモリ
- 水
- 水の範囲
大きく分けるとこの4つです。ビーカー本体は線のみ。水の範囲用の枠はビーカーレイヤを複製して線を消して塗りだけにしています。
水の範囲はアルファマット
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-28-12.32.03-1024x571.png)
アルファマットは簡単にいうと
- 上の形で型抜きする合成
ですもちろん水にも形があるので水の形も残ります。
水のループ
こういうループアニメーションをする場合はループさせるのが鉄則??というかスムーズですよね。今回は四角いシェイプを波形ワープでループさせたんですがその場合はエクスプレッションが便利です。エクスプレッションさん最高です。
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-28-12.38.58.png)
波形ワープはデフォルトが波波(サイン波)です。このエフェクトのパラメータの周期は1秒みたいです。波形の速度の部分ですね。ではここにエクスプレッションを追加します
3秒でループさせる場合
![](https://everydayskillshare.jp/wp-content/uploads/2020/05/スクリーンショット-2020-05-28-12.41.20.png)
effect("波形ワープ")(5)/3
後ろに/3するだけです。これで3秒で1周になります。うーん便利。
完成
波形ワープのループは覚えておくといいかもですね。
エクスプレッションを使って快適なAe生活を^^