After Effectsでブロック型抜きアニメーションを作る方法｜マスク・トラックマット・3D表現の基本

After Effectsでは、図形が別の形状で切り抜かれるような「型抜き」表現や、ブロックが展開して見えるようなアニメーションを作ることができます。

一見すると複雑な映像に見えますが、多くの場合はシェイプレイヤー、マスク、トラックマット、イージングなどの基本機能を組み合わせて制作されています。

この記事では、ブロック型抜きのようなモーショングラフィックスをAfter Effectsで再現するための考え方や、初心者でも作りやすい手順について解説します。

ブロック型抜き表現の基本的な仕組み

After Effectsでよく使われる型抜き表現は、単純に画像を切り抜いているのではなく、別のレイヤーを利用して表示範囲を制御しています。

代表的な方法は「トラックマット」です。型となる図形レイヤーを用意し、その形に合わせて下の映像や画像を表示させることで、型抜きされたような見た目を作れます。

例えば四角形のブロックを大量に配置し、それぞれの表示タイミングをずらすことで、ブロックが順番に現れるようなアニメーションになります。

まずは型抜きに使用するブロックをシェイプレイヤーで作成します。

長方形ツールを使って四角形を作成し、塗りや線の色を調整します。複数のブロックを作りたい場合は、リピーター機能を使うと効率的です。

例えば横方向に並んだ10個の四角形を作成する場合、リピーターで複製数や間隔を調整すると、均一なブロック配置を簡単に作れます。

ブロックによる型抜きを作る場合は、型になるシェイプレイヤーと表示させたい素材を準備します。

基本的な流れは以下のようになります。

この方法では、ブロックの動きに合わせて映像が少しずつ表示されるため、ロゴアニメーションやタイトル演出でもよく利用されています。

単純にブロックを動かすだけでは機械的な印象になります。自然な動きを作るには、キーフレームの調整が重要です。

特に意識したいポイントは以下の通りです。

例えば、すべてのブロックが同時に動くよりも、左から右へ少しずつ出現するように時間差を付けると、映像にリズムが生まれます。

参考映像のようにブロックが厚みを持っているように見える場合は、3Dレイヤーやライト表現を追加すると近い雰囲気になります。

シェイプレイヤーを3Dレイヤー化し、Z軸方向へ少し移動させたり、押し出し表現を加えたりすることで、立体的なブロック感を演出できます。

また、影やグラデーションを追加すると、単なる平面の四角形ではなく、奥行きのあるオブジェクトとして見せることができます。

初心者が型抜き表現を作る際によくある問題は、ブロックの境界が汚く見えることや、動きが単調になることです。

境界が荒れる場合は、コンポジション解像度を確認したり、シェイプレイヤーを使用したベクター表現に変更すると改善する場合があります。

また、動きが単調な場合は、すべてのブロックに同じキーフレームを設定せず、時間差や速度変化を加えることでプロのモーショングラフィックスに近づけられます。

After Effectsのブロック型抜き表現は、シェイプレイヤー、マスク、トラックマットなどの基本機能を組み合わせることで制作できます。

綺麗な仕上がりにするには、単純な切り抜きだけでなく、ブロックの出現タイミング、イージング、立体感の追加などを調整することが重要です。

初心者の場合は、まず四角形のシェイプレイヤーとトラックマットを使った簡単な型抜きから練習し、徐々に3D表現や複雑な動きを追加していくと、映像制作の幅を広げることができます。