0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【After Effects】テキストやシェイプをアニメのためのアルファマスク作成の基礎【描画モード・トラックマット・シェイプマスク】

Posted at

オブジェクトをアルファ切り抜きしたりマスクで隠したりするための設定メモ。

##レイヤー描画モードでアルファ切り抜き

描画モードによるアルファ切り抜きでは、下層にある全てのレイヤーに対して、不透明度や明度を利用してアルファ切り抜きをする。

描画モードでアルファ切り抜きをするには不透明度や明度を利用して「ステンシル」「シルエット」といった方法によって型抜きマスクを作成する。

ステンシルとは、エアブラシでテキストロゴをペイントするような型抜きする手法のことで、値を持つピクセルのみを残して処理するため、マスクとなるレイヤーのサイズを超える範囲も非表示となる。一方シルエットとは、ステンシルの逆で値を持つピクセルのみに対して処理をするため、マスクとなるレイヤーのサイズの範囲外には影響しない。

スクリーンショット 2020-02-12 15.16.13.png

実例を見てみる。二つのテキストレイヤーとグレーのシェイプレイヤーを用意し、シェイプレイヤーの描画モードを変更した結果を図示していく。

スクリーンショット 2020-02-12 15.41.28.png スクリーンショット 2020-02-12 15.40.33.png

###ステンシルアルファ(不透明度で型抜き)

描画するレイヤーのピクセルの不透明度に応じて、下のレイヤー全てに対してアルファ切り抜きをする描画モード。

スクリーンショット 2020-02-12 15.42.05.png

###ステンシルルミナンスキー(明度で型抜き)

描画するレイヤーのピクセルの明度に応じて、下のレイヤー全てに対してアルファ切り抜きをする描画モード。

スクリーンショット 2020-02-12 15.42.12.png

###シルエットアルファ(不透明度でマスク)

スクリーンショット 2020-02-12 15.42.21.png

###シルエットルミナンスキー(明度でマスク)

スクリーンショット 2020-02-12 15.42.56.png

##トラックマットでアルファ切り抜き

トラックマットによるアルファ切り抜きでは、一つ上のレイヤーのみに対して、不透明度や明度を利用してアルファ切り抜きをする。

一つ上のレイヤーのピクセルの持つカラー値を利用して、下のレイヤーをアルファ切り抜いて表示・非表示させする、いわゆるPhotoshopのクリッピングマスクと同様の機能。マスクによるアルファ切り抜きと違い、対象のオブジェクトのトランスフォームと切り離して管理できるのでアニメーションのイメージがしやすいのが長所。画像レイヤー、テキストレイヤー、パスを使用したシェイプレイヤーなど、カラー値を持つレイヤーであればマスクとして使用できる。

スクリーンショット 2020-02-12 14.29.26.png

###アルファマット

上のレイヤーのピクセルの不透明度に応じて、下のレイヤーをアルファ切り抜きをする機能。

###アルファ反転マット

アルファマットの切り抜き領域を反転させたもの。

###ルミナンスキーマット

上のレイヤーのピクセルの明度に応じて、下のレイヤーをアルファ切り抜きをする機能。

###ルミナンスキー反転マット

ルミナンスキーマットの切り抜き領域を反転させたもの。

##マスクでアルファ切り抜き

マスクによるアルファ切り抜きでは、自身のレイヤーのみに対して、シェイプ形状によって表示・非表示を制御する。

レイヤーに新規マスクを追加することで、そのマスクのシェイプによって表示範囲を制御できる。トラックマットのようにカラー値による不透明度はできないが、少ない手順でアルファ切り抜きを実現できる。とはいえ、マスクシェイプの境界をぼかすことができるので不透明度が扱えないというわけではない。

スクリーンショット 2020-02-12 14.55.31.png

ただし、マスクのシェイプは四隅のアンカーポイントによって編集するので、普通のトランスフォームのようには制御できない。マスクをアニメーションさせる必要があるので、単純な動きで済む場合のみ採用すること。

スクリーンショット 2020-02-12 14.59.13.png
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?