今回は簡単に作れるリキッドっぽいトランジションを作ってみたいと思います
![](https://everydayskillshare.jp/wp-content/uploads/2020/06/リキッドトランジション_01.gif)
かなりシンプルなのでAeがこれからの方も試してみてください。要素としては3つに分けられると思います。
- トランジションの形
- 入ってくる動き
- 消えていく動き
トランジションの形
![](https://everydayskillshare.jp/wp-content/uploads/2020/06/スクリーンショット-2020-06-15-12.38.19-1024x610.png)
まずはパスを使ってシェイプを描きます。頂点はエッジが出ない様にハンドルで波状にしておくと良いかなと。
ラフエッジを適用
![](https://everydayskillshare.jp/wp-content/uploads/2020/06/スクリーンショット-2020-06-15-12.41.54-1024x634.png)
エフェクトのスタイライズからラフエッジを適用すると
- 手書き感
- エッジの丸み
などが良い感じになります(個人的な感想です^^)
入ってくる動き
![](https://everydayskillshare.jp/wp-content/uploads/2020/06/スクリーンショット-2020-06-15-12.44.16-1024x308.png)
入ってくるアニメーションはアニメーターのパスのオフセットで作成します。この機能はパスの形のまま大きさを拡大縮小(オフセット)できる機能です。入り出しはシェイプがない状態にしたいのでマイナス方向。最後は全てシェイプで埋まる様にプラス方向の数値でキーフレームを打ちます。
![](https://everydayskillshare.jp/wp-content/uploads/2020/06/スクリーンショット-2020-06-15-12.47.43-1024x614.png)
消えていく動き
入ってくるレイヤーを複製して上のレイヤーに配置します。キーフレームはずらしておきます。今度は消えていく動きなので合成モードのシルエットアルファにしてシェイプのアニメーションの形で消えていく様になります。
![](https://everydayskillshare.jp/wp-content/uploads/2020/06/リキッドトランジション_02.gif)
これが基本の形となります。あとは消えていくパターンを増やしてあげればバリエーションが作れますのでいろいろ試してみてください。
リキッドトランジションを作って快適なAe生活を^^