✂︎--- 雑誌切り抜き風 --- コラージュアニメーションの作り方❷【AfterEffect】【Ae】

1.雑誌の切り抜き文字のようなテキストの作り方

STEP1：テキストを作る

Aeで早速テキスト素材を作っていきましょう！ 個人的な雑誌の切り抜き文字のように見えるコツは、
・フォントを多用する
・紙を切り抜いたような四角を後ろにつける
・位置や角度をバラバラに配置する
です。

この後モーションをつけるので、1コンポジションに1文字ずつ製作してください。

STEP2：素材にモーションをつける

前回のコラムの「２」で説明した手順と同じように、
エクスプレッションを使って素材にモーションをつけます。
今回は、位置のプロパティに「wiggle(3,10)」と打ち込んで、カタカタ動いて見えるようにしました。

2.波のように動くドットのモーションの作り方

STEP1：ドットを製作する

続いて、波のように動くドットのモーションの作り方です。
画面の隅などに配置しておくと、コラージュアニメーションらしいゴチャゴチャ感が表現できます。 ​​​​​​

まず、ドットを製作していきましょう。

①新規コンポジション
②新規平面
③上で制作した平面に
　エフェクト▶︎シュミレーション▶︎Ball Action
　を適用する
④Ball SizeとGrid Spacingの値を調整
　（今回は以下の画像の数値にしました。）
⑤エフェクト▶︎描画▶︎塗り
　を適用する
⑥「塗り」のカラーを任意の色に

STEP2｜波形モーションを制作

①新規コンポジション
②長方形ツールで長方形を作成
③上で制作した平面に
　エフェクト▶︎ディストーション▶︎波形ワープ
　を適用する
④波形の高さと波形の幅の値を調整
　（今回は以下の画像の数値にしました。）

STEP3：トラックマットでクリッピング

最後に、制作したドットに、波形モーションをクリッピングしていきましょう！

①新規コンポジション
②新規コンポジションの中に、STEP1、2で制作した
　ドットと波のコンポジションを入れる
　（上が波のコンポジション、下がドットのコンポジション）
③下のレイヤーのトラックマット▶︎アルファマットを選択

これで、波の形にくり抜かれたドットが出来上がります！

⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝
【Tips！】
トラックマットとは
不透明度や輝度を利用して、レイヤーを部分的に表示させる機能。
アルファマット...不透明度を元に合成。不透明度が高い部分ほど表示される
ルミナンスキーマット...輝度をもとに合成。輝度が高い部分ほど表示される。
⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝

以下が完成した動画になります！

3.ぐちゃぐちゃ線のアニメーションの作り方

STEP1：素材の作成

①ぐちゃぐちゃの線の素材を２〜4枚程度準備
　（今回はPsで作りましたが、透過イメージで書き出せればどんなソフトでも大丈夫です。）
②Aeで新規コンポジションを制作し、①で作った素材を全て挿入
③以下のようにレイヤーを５フレームにカットして、配置
（レイヤーをカットするショートカットキー：⌘＋Shift＋D）

STEP2：ループ再生させる

第❶回のOP制作時と同じように、先ほど作ったコンポジションをループ再生させていきます。

①新規コンポジションを制作し、STEP1で作ったコンポジションを入れる
②タイムリマップを表示
（ショートカット：option＋⌘＋T）
③繰り返したい部分の、初めと終わりにキーフレーム追加
（今回の場合：０フレームと15フレームの部分）
④コンポジション末尾のキーフレームを削除
⑤エクスプレッションを追加
（タイムリマップのストップウォッチをOptionを押しながらクリック）
⑥エクスプレッション言語メニュー▶︎Property▶︎loopOut(type = “cycle”, numKeyframes = 0)

これで、ぐちゃぐちゃ線のアニメーションが出来上がりました！

4.まとめ

いかがでしたでしょうか？

今回は、2回に渡ってコラージュアニメーションの作り方をご紹介いたしました！
最近のレトロブームで、多く見かけるようになった手法ですね。

ホテル・旅館・観光業に特化した動画プロモーションサービス。
魅力を「伝えたい」という企業様と、魅力を「知りたい」というユーザーをつなぐ役割を果たしたい。
そんな熱い想いを発信力に転換し、世の中に多くの動画プロモーションを仕掛けてつなげて行きます。

記事一覧に戻る