【AE】モーション周期表のMosaic実践編｜対象を隠す・モザイク解除アニメの作り方

※Mosaicの考え方から確認したい方は、理解編をご参考ください。

今回のゴールは「モザイク解除アニメ」を作ること

作業前に準備するもの

サナ

いきなりモザイクをかける前に、何を用意すればいいですか？

シン

モザイクをかけたい素材（写真や映像）と、それを置くコンポジションを先に用意します。ここを整えておくと、あとの調整がスムーズですよ。

下準備1：コンポジションを作成する

新規コンポジションを作成します。練習用なので、次のような設定で問題ありません。

下準備2：モザイクをかける素材を用意する

モザイクをかけたい素材を読み込み、タイムラインに配置します。今回は**写真（または映像）レイヤー**を1つ用意します。

ポイントは、**何が写っているか分かる素材**を使うことです。モザイクをかけたとき・解除したときの変化が分かりやすくなります。

下準備3：エフェクトを探す場所を確認する

モザイクは、After Effectsのエフェクトメニューから適用します。

環境によって表示名が英語の場合は、「Stylize」内の「Mosaic」を探してください。

実践1：素材にモザイクを適用する

サナ

素材を置いたら、次は何をすればいいですか？

シン

配置した素材レイヤーを選択して、モザイクを適用します。まずは細かい調整より、「モザイクがかかっているか」を確認しましょう。

手順1：素材レイヤーを選択する

タイムライン上で、先ほど配置した素材レイヤーを選択します。

ここで別のレイヤーを選んでいると、思った場所にモザイクが適用されません。

手順2：モザイクを適用する

レイヤーを選択した状態で、次の順番でモザイクを適用します。

エフェクト
↓
スタイライズ
↓
モザイク

適用できると、エフェクトコントロールパネルにモザイクの設定項目（水平ブロック・垂直ブロック・シャープカラー）が表示されます。

手順3：プレビューで表示を確認する

モザイクを適用したら、プレビュー画面で素材がブロック状になっているか確認します。

この段階では粗さが理想通りでなくても問題ありません。大事なのは次の3点です。

Q&A：モザイクが粗すぎて何も見えないときの対処法

サナ

モザイクをかけたら、真っ白っぽくなって何も分からなくなりました……。

シン

ブロック数が少なすぎると、1つのブロックが大きくなりすぎて何も見えなくなります。水平ブロック・垂直ブロックの数値を上げて調整しましょう。

実践2：水平ブロック・垂直ブロックで粗さを整える

サナ

モザイクはかかったんですけど、粗さが思っていた感じと違います……。

シン

まず**水平ブロックと垂直ブロック**を調整します。「横の粗さ」「縦の粗さ」を整えると、かなり近づきます。ブロック数は**大きいほど細かく**なる点に注意してください。

水平ブロック：「横の粗さ」を決める項目

水平ブロックは、横方向のブロック数を決めます。数値を上げると横方向が細かくなり、下げると粗くなります。

**目安：水平ブロック = 20〜40 から調整**
（10以下にすると粗すぎて被写体が分からなくなり、100以上だとモザイク効果が弱くなりやすい）

垂直ブロック：「縦の粗さ」を決める項目

垂直ブロックは、縦方向のブロック数を決めます。基本は水平ブロックと近い数値にすると、自然な正方形に近いブロックになります。

**目安：垂直ブロック = 水平ブロックに合わせる**
（極端に差をつけると、ブロックが縦長・横長になって不自然に見えやすい）

シャープカラー：発色を決める項目

シャープカラーをオンにすると、モザイクの発色が鮮やかになります。隠す目的なら控えめに、演出として目立たせたいならオンにする、と使い分けます。

**目安：隠す目的ならオフ、演出ならオン**
（オンにすると色がはっきりするぶん、隠したい対象がかえって目立つことがある）

Q&A：ブロックが縦長・横長になってしまうときの対処

サナ

ブロックが正方形じゃなくて、縦に伸びた長方形になってしまいます……。

シン

水平ブロックと垂直ブロックの数値の比率が、映像の縦横比と合っていないのが原因です。両方の数値を近づけると、正方形に近づきます。

実践3：ブロック数のキーフレームで「モザイク解除アニメ」を作る

サナ

粗さは整いました。でも、止まっていて動きがありません。

シン

**水平ブロックと垂直ブロックにキーフレーム**を打つと、「粗いモザイク → だんだんクリア」になる解除アニメが作れます。数値を小さい値から大きい値へ動かすのがポイントです。

手順1：ブロック数にキーフレームを打つ

水平ブロックと垂直ブロックを開き、開始位置で **ストップウォッチマーク** をクリックしてキーフレームを打ちます。

次に時間を進めて、ブロック数を大きい値に変更します。これで、ブロックがだんだん細かくなり、元の映像に近づいていく動きになります。

数値を大きくするほど元の映像に近づくため、最後はモザイクがほぼ見えなくなります。

手順2：解除の速さはキーフレームの間隔で調整する

解除の速さは、2つのキーフレームの間隔で調整できます。間隔を詰めると速く、広げるとゆっくり解除されます。

手順3：対象だけを隠す（任意）

画面全体ではなく、顔など一部だけを隠したい場合は、**素材を複製して上のレイヤーにモザイクをかけ、マスクで対象の範囲だけ表示する**方法が分かりやすいです。

Q&A：マスクをかけたのに全体がモザイクのままになる

サナ

マスクを描いたのに、画面全体がモザイクのままです……。

シン

マスクが「下のレイヤー」ではなく「モザイクをかけた上のレイヤー」に入っているか確認しましょう。順番が逆になっていることが多いです。

完成動作を見てみよう

ここまでの操作で実際にどんな動きになるか、完成動作を確認しておきます。

仕上げ：シャープカラーと縦横比で質感を整える

モザイクの基本ができたら、最後に質感を整えます。**シャープカラーのオン／オフ** で発色を切り替え、表現に合わせて選びます。

まとめ：Mosaicは「かける→粗さを整える→動かす→仕上げる」の順番で考える

うまくいかない時の3チェック

ここまでの手順通りに進めても、思った通りにならない場合は、以下の3点を順番に確認してください。

次に読むおすすめ記事

Mosaicの基本的な作り方がわかったら、次は関連する表現も確認しておくと、使いどころが広がります。