After Effects でレトロなピクセル シーケンスを作成します — 昔ながらの方法でピクセル単位でシェイプを描画する必要はありません。
レトロウェーブとアウトランをテーマにしたデザインが今日の人気トレンドに復活したことで、80 年代の青緑と紫の色合いのカラー パレットをマイアミ バイスから直接使用する人が増えています。ピクセル アートは、80 年代から 90 年代のデザイン領域全体の不可欠な部分であり、Retrowave の美学とほぼ密接に関連しています。 After Effects のようなプログラムが登場する前は、個々のピクセルをプログラムして独自の 8 ビット デザインを作成していました。あとは、アセットにいくつかの異なるエフェクトを重ねて、映像をゲームボーイからそのまま出てきたように見せるだけです (ご存じのとおり、バックライト付きのスクリーンが登場する前は懐中電灯をもう一方の手に持っていなければなりませんでした)。あなたが捕まえようとしていたポケモン）。
最近、PremiumBeat の Charles Yeager が、ピクセル化されたスタイルを実現するのに役立つチュートリアルを作成しました。今日は、ピクセル化プロセスを段階的に進めていきます。始めましょう!
最初のレイヤー:ポスタリゼーション効果
最初のステップとして、ピクセル アートに変換するアセットをインポートします。これは、プロジェクトが必要とするものは何でも、モーション グラフィックまたはタイトル シーケンスにすることができます。次に、タイムライン上に調整レイヤーを作成し、ポスタライズ効果を追加します。これにより、オブジェクトの色調の量が制限されます。たとえば、グラフィックにグラデーションがある場合、16 ビット カラーのビデオ ゲームに固有のさまざまな色の斜めの線が表示されます。レベル 5 から 15:5 にすると、より初歩的な「ゲームボーイ」の外観に、レベル 15 にすると「セガ ジェネシス」の外観になります。
第 2 層:CC ブロックの読み込み
「ピクセル化された」外観全体を得るために、モザイク効果を使用するつもりはありません。モザイク効果は、私たちが目指している外観ではない非正方形の形状を作成する可能性があります。代わりに、完全に正方形のピクセルを作成する CC Block Load エフェクトを使用します。最後のエフェクトの調整レイヤーに CC Block Load エフェクトを追加し、Completion をオンにします。 スキャンを設定します。 値を 3 にして、Start Cleared のチェックを外します オプション。モーション グラフィックがレトロなピクセル化された外観になります。
3 番目のレイヤー:ティント
モノクロの外観を探している場合は、ティント効果を使用してコンポジションのカラー パレットを変更します。 Map White To を設定します オプションでお好きな色に。一番「ゲームボーイ」っぽいのはモスグリーン。これにより、コンポジションの色がくすんだ緑色のカラー パレットに変わり、子供の頃に覚えている小さな色付きの画面に一致します。
第 4 層:グリッド
これらのブロックを手で描いたような錯覚を実際に作成するには、コンポジションに適用したばかりの CC Block Load エフェクトに何らかの次元を追加する必要があります。各ピクセルに境界線がないと、希望する特定のレトロな外観にはなりません。境界線を追加するには、グリッド効果を調整レイヤーにドロップし、描画モードを通常に設定します .次に、色にダーク グレーを選択し、境界線のサイズを 2 に変更します。グリッド サイズをピクセル サイズに縮小するには、アンカー を変更します。 (0,0) と コーナー への位置 サイズを (8,8) にします。これで、グリッドは個々のピクセルと完全に結合されます。
第 5 レイヤー:ポスタライズ時間
ほとんどの 8 ビット ビデオ ゲームは毎秒 24 フレームで表示されなかったので、コンポジションも同様です。グラフィックのフレーム レートを変更するには、ポスタリゼーション タイム エフェクトを調整レイヤーに追加してから、フレーム レートを約 8 fps に下げます。これで、コンポジションのモーションがもう少しブロック状になります。これがまさに私たちが目指していることです。
時間がありませんか?ここからプロジェクト ファイルをダウンロード
これらのエフェクトをすべて追加する時間がない場合、イェーガーは、このエフェクトを任意のビデオまたはモーション グラフィックにドラッグ アンド ドロップするために必要なプロジェクト ファイルを提供しています。下のリンクをクリックして PremiumBeat の Web サイトにアクセスすると、上部にダウンロード リンクがあります。
ダウンロードはこちら
トレンドのヴィンテージスタイルを使ったデザインについてもっと知りたいですか?これらの記事をチェックしてください:
- Adobe Photoshop CC でデジタル コラージュを作成する方法
- チュートリアル ビデオ:Zine テクスチャを使用して素晴らしいデザインを作成する方法
- 20 種類の無料の Photoshop グランジ ブラシの使い方を学ぶ
- NEON:無料のアニメーション テキスト書体 – 36 の無料のモーション グラフィック要素
- 野生のデザイン トレンド:昨日の明日に戻る