AfterEffectsでアルファ反転マットを使ってモーショングラフィックを作った時の備忘録になります。どうぞご覧下さい。一番下に作成動画があります
手順
文字入力
036 Factoryと文字入力中心に配置
![](https://036blog.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-19-9.56.08-1024x512.png)
シェイプの作成
四角いシェイプを作り塗りをベタに設定
![](https://036blog.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-19-9.57.09-1024x512.png)
アニメーション
シェイプが左から右に移動する単純なアニメーションを作ります。
![](https://036blog.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-19-9.58.12-1024x512.png)
バックグラウンドを作る
![](https://036blog.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-18-8.03.45-4-1024x512.png)
レイヤーの複製とマット設定
![](https://036blog.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-19-10.21.57-2-1024x169.png)
ここまでの状態
◎1文字レイヤー
◎2シェイプレイヤー
◎3背景(バックグラウンド)
![](https://036blog.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-19-10.22.04-1024x169.png)
文字レイヤーとシェイプレイヤーをそれぞれ複製。
◎1文字レイヤー
◎2文字レイヤー
◎3シェイプレイヤー
◎4シェイプレイヤー
◎5背景(バックグラウンド)
![](https://036blog.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-19-10.31.45-1024x169.png)
レイヤーの順番を入れ替え
◎1文字レイヤー
◎2シェイプレイヤー
◎3シェイプレイヤー
◎4文字レイヤー
◎5背景(バックグラウンド)
![](https://036blog.com/wp-content/uploads/2021/11/スクリーンショット-2021-11-19-10.29.26-1024x169.png)
トラックマットの設定
1文字レイヤー(非表示)
◎2シェイプレイヤー(アルファ反転)
3シェイプレイヤー(非表示)
◎4文字レイヤー(アルファ反転)
5背景(バックグラウンド)
2番目と4番目のレイヤーのトラックマットにアルファ反転の設定をします。直上のレイヤーがターゲットでありマット設定で制御されているので左側の目のアイコンが消えて非表示、見えない状態になります。
![](https://036blog.com/wp-content/uploads/2021/11/570ED5E9-B7CB-495E-8BFC-CA9ED7EEDC84-1024x512.png)
2番目のレイヤーの状態↑
![](https://036blog.com/wp-content/uploads/2021/11/1934B635-C446-4820-9BE8-24C9C4C8E691-1024x512.png)
4番目のレイヤーの状態↑
![](https://036blog.com/wp-content/uploads/2021/11/DE09075D-2E70-4626-80AA-B6650438E5D9-1024x512.png)
2番目と4番目を表示した状態↑
トラックマット設定の説明動画になります↓最後までご覧いただきありがとうございました。