アンリアル5.2 - スパイダーバースにインスピレーションを受けたポストプロセスエフェクト（完全なチュートリアル）

アンリアル5.2 - スパイダーバースにインスピレーションを受けたポストプロセスエフェクト（完全なチュートリアル）

テーブルコンテンツ

1. はじめに
2. シェーダーチュートリアルの概要
3. スパイダーバース映画のインスピレーション
   • アートワークの研究
   • 効果の要素の特定
4. シャドウの作成
   • 対角線ラインの作成
   • テクスチャのマッピング
   • グラデーションの調整
   • シャドウマスクの作成
5. ハイライトの作成
   • ハーフトーンパターンの作成
   • マスクの作成
   • ライティング情報の適用
   • ハイライトマスクの作成
6. キャラクターへの適用
   • ステンシルバッファの使用
7. スペキュラの調整
8. ポストプロセスエフェクトの追加
9. 結論

シェーダーチュートリアル: スパイダーバースのポストプロセスマテリアルの作成

こんにちはみなさん、今回のビデオでは、スパイダーバースの映画にインスピレーションを受けたクールなポストプロセスマテリアルエフェクトの作り方を紹介します。特に、2作目の映画で使用されている異なるスタイルについて、キャラクターのアーティストからの影響を受けました。ウォーターカラーやコラージュ効果など、さまざまなエフェクトを再現するアイデアがありますが、まずは最も簡単なものから始めたいと思います。今回はマイルズを選んで再現します。使用するアートワークを見つけたので、一緒に確認しましょう。キャラクターやデザイン、テクスチャはここで重要な役割を果たしますが、ポストプロセスで行える効果に焦点を当てると、2つの主な要素があります。それは、影の部分にある45度の角度線と、ハイライトにあるハーフトーンパターンです。その他にも、線の太さには類似性がありますが、通常のように機能する必要があります。また、明るさに応じて小さなドットと大きなドットがあります。他にも、スペキュラハイライトや基本照明などのコミックブック効果があります。映画では、モーションラインや小さなポップアップなどもよく見られますが、これらはビルボードスプライトやパーティクルで簡単に作成できます。また、近くにポータルがある場合のグリッチやディストーションもありますが、別のチュートリアルに残しておくことにします。それでは始めましょう。既定のレベルから基本的なシーンを作成します。カラーライトと反射する球体を追加しました。このシーンには既にポストプロセスボリュームが付属していますが、シーンにない場合は自分で作成することもできます。ボリュームが無限範囲または非境界オプションが設定されていることを確認してください。これにより、カメラをボリューム内に配置する必要がなくなります。新しいマテリアルを作成しましょう。既に作成した場合でも、新しいマテリアルを作成します。PPNスコアと名前を付けましょう。このアセットへの参照を割り当てることができます。コンテンツブラウザからドラッグアンドドロップしましょう。すると画面が真っ黒になりますが、問題ありません。まずはシャドウから始めましょう。シャドウのために、対角線のラインをマッピングしたいと思います。テクスチャ座標でカスタムローテータを追加し、特定の角度に回転させます。また、密度をスカラーパラメータで調整します。プレビューのために見やすい値を設定しましょう。次に、小数部を取得し、長さを計算します。二次元ベクトルなので、ここに接続します。出力してみると、回転したドットの配置を見ることができます。次に、ヘイルトーンパターンを作成しましょう。以前に行ったように、ポストプロセス入力0を分割し、ベースカラーから引き算します。出力してみると、ライトエリアがわずかに影響を受け、青空が見えることがわかります。青色のチャンネルを使用して、マスクを作成します。このマスクを使用して、ハーフトーンパターンを適用します。次に、ハイライトマスクを作成します。最後に、キャラクターに適用する方法を説明します。最後に、スペキュラの調整を行います。最後に、ポストプロセスエフェクトを追加して完了です。