After Effectsでパターンを作る方法

After Effectsでシームレスなパターンを作る方法

はじめに

パターンは、モーションデザインで魅力的な背景やループを作る際によく使われます。このチュートリアルでは、シェイプレイヤー、キーフレームアニメーション、CC Repetileエフェクトを使って、After Effectsでアニメーションパターンを作る方法を解説します。
Step 1: 新しいコンポジションを作成する

まず新しいコンポジションを作成しましょう。幅と高さを600×600、フレームレートを30fps、長さを1秒20フレームに設定します。これがアニメーションパターン要素のベースになります。 Step 2: 角丸長方形シェイプを作成する

Rounded Rectangle Tool（Q）を選択し、オレンジ色の塗り、線なしでシェイプを描きます。垂直・水平方向とも中央に配置しましょう。次に、レイヤーを右クリックして Transform > Center Anchor Point in Layer Content を選び、変形が正確に行われるようにします。
Step 3: シェイプのサイズをアニメーションさせる

シェイプレイヤーのプロパティを展開し、Roundnessを368に調整します。タイムラインの先頭（1つ目の位置）で、Positionを(0,0)、Sizeを(180,180)に設定します。数フレーム進めた位置（2つ目の位置）で、SizeのY値を512に設定します。さらにCTIを進め（3つ目の位置）、Sizeを(180,180)に戻します。

Step 4: Positionのアニメーションを調整する
3つ目の位置で、Y Positionを-176に変更します。2つ目の位置では、Y Positionを-2に設定します。この動きによって、弾むようなダイナミックな効果が生まれます。

Step 5: Easy Easeを適用してなめらかな動きにする
1つ目と3つ目の位置にあるキーフレームを選択し、右クリックしてEasy Easeを選ぶことで、アニメーションがより自然で滑らかになります。Step 6: 最後にシェイプを縮小する

CTIを進めてSizeを(0,0)に設定し、アニメーションの最後に縮小する効果を作ります。Step 7: レイヤーを複製してずらす
シェイプレイヤーを2回複製し、それぞれの色を変え、タイムライン上で少しずらして配置することで、レイヤーが重なったようなアニメーション効果を作ります。 Step 8: パターン用の新しいコンポジションを作成する

サイズ1200×1200の新しいコンポジションを作成します。これが最終的なパターンの作業スペースになります。 Step 9: 背景レイヤーを追加する

Layer > New > Solidに進み、お好みの背景色を選択します。これがパターンのベースになります。 Step 10: CC Repetileエフェクトを適用する

先ほど作成したアニメーションシェイプのコンポジションを、新しいコンポジションにドラッグします。次に、Effects & Presetsパネルを開き、CC Repetileを適用します。Effect Controlsで以下の設定を調整します。
Expand Right: 1506
Expand Left: 1084
Expand Down: 1528
Expand Up: 1459
さらに、ScaleとRotationを調整してシームレスなパターンに仕上げましょう。

Step 11: レイヤーを複製して配置する
レイヤーを複数回複製し、位置を調整してキャンバス全体をシームレスなパターンで埋めます。より複雑なデザインにしたい場合は、配置をいろいろ試してみてください。Step 12: アニメーションをプレビューする

スペースバーを押してアニメーションをプレビューし、シェイプがパターンとしてどう連動しているか確認します。必要に応じて調整を加えましょう。Step 13: 最終アニメーションをレンダリングする
満足のいく仕上がりになったら、Composition > Add to Render Queueに進み、希望の出力フォーマットと設定を選んで、最終的なパターンアニメーションをレンダリングします。 まとめ

これらの手順に沿って作業することで、After Effectsで視覚的に魅力のあるダイナミックなパターンを作成できます。キーフレームアニメーション、シェイプレイヤー、CC Repetileエフェクトを組み合わせれば、背景やモーショングラフィックス制作にぴったりな、ユニークなループデザインを生み出せます。