5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Unity(URP):いい感じのポストエフェクト紹介

Last updated at Posted at 2023-12-20

はじめに

CYBIRD Advent Calendar 2023」 の23日目の記事を担当する@cy_ryosuke_zushiです。
22日目は@yoooosu さんの「【Unity】SimpleAnimationを使ってみた話」でしたね。
アニメーションの切り替えが簡単になるのは助かりますね!

ところで皆様、
ゲームの見た目を手早くいい感じにしたい時ありませんか?ありますよね!!
ということで今回はUnityで用意されているポストエフェクトを触ってみました。
コード不要でサッと触ってぱっと魅力がわかるものを厳選して紹介します!
(著者環境 Windows Unity 2022,3.14f)

目次

  • ポストプロセスとは
  • 準備
  • 紹介
    • Bloom
    • Chromatic Aberration
    • Color Adjustments
    • Depth Of Field
    • Lens Distortion
    • Split Toning
    • Vignette
    • Motion Blur
    • Film Grain
  • 最後に

ポストプロセスとは

Post Processing (ポストプロセス) は、画像を画面に表示する前に、カメラの画像バッファにフルスクリーンのフィルターと効果を適用する処理です。これによって、設定に時間をほとんどかけずに、アプリケーションの外観を顕著に向上させることができます。ポストプロセスエフェクトを使用して、物理カメラやフィルムのプロパティのシミュレーションを行えます。(Wiki参照)

そう。インスタとかでよく見るフィルター機能です!
ゲームの画面も映えさせたいですよね!では準備しましょう。

準備

大まかな流れはこんな感じ

  1. いい感じの部屋(オブジェクト)とカメラを用意する

  2. Camera->Rendering->Post Processingにチェックをつけるスクリーンショット 2023-12-20 004028.png

  3. 空のオブジェクトを作成

  4. "Volume"をアタッチしてnewボタンを押すスクリーンショット 2023-12-20 165751.png
    スクリーンショット 2023-12-20 004254.png

  5. Add Override->Post-processingの中からいろんなポストエフェクトをかけるスクリーンショット 2023-12-20 165751.png

それではいよいよ紹介です。

紹介

Bloom

「あービカビカに光らせたいなぁー」
そんなあなたに"Bloom"。
Before↓
default.png

After↓
スクリーンショット 2023-12-20 011536.png
↓色も調整できる
スクリーンショット 2023-12-20 011857.png

このように光源の輝き方を調整できます。

Chromatic Aberration

「頭痛表現したいなぁ」「ガンギマリ表現したいなぁ」
そんなあなたに"Chromatic Aberration"。
chromaticAberration.png

このようにRGBごとにずれた表現をすることができます。

Color Adjustments

「カラーフィルターをかけたいなぁ」「コントラストをつけたいなぁ」
そんなあなたに"Color Adjustments"。

青のカラーフィルター↓
スクリーンショット 2023-12-20 014730.png
コントラストを強く↓
スクリーンショット 2023-12-20 014756.png

このようにカラーフィルターや、コントラストの調整が行えます。

Depth Of Field

「背景ぼかして写真っぽくしたいなぁ」
そんなあなたに"Depth Of Field"。
Before↓
スクリーンショット 2023-12-20 015301.png
After↓
スクリーンショット 2023-12-20 015318.png

このように「ぼかし」の調整を行うことができます。

Lens Distortion

「魚眼レンズみたいにしたいなぁ」
そんなあなたに"Lens Distortion"。
スクリーンショット 2023-12-20 133351.png
スクリーンショット 2023-12-20 133658.png

このようにレンズのように歪みをつけることができます。

Split Toning

「なんか雰囲気つけたいなぁ」
そんなあなたに"Split Toning"。
暗い雰囲気↓
スクリーンショット 2023-12-20 133728.png
明るい雰囲気↓
スクリーンショット 2023-12-20 133900.png

このようにハイライトの色、影の色を調整し雰囲気を出すことができます。

Vignette

「ダメージの表現、毒の表現したいなぁ」「覗き見表現したいなぁ」
そんなあなたに"Vignette"。
毒表現↓
スクリーンショット 2023-12-20 133922.png
覗き見表現↓
スクリーンショット 2023-12-20 134009.png

このように画面淵に色をつけることができます。

Motion Blur

「振り向きにリアル感が欲しいなぁ」
そんなあなたに"Motion Blur"。

このようにカメラを動かすと残像のようなものが描画されます。

Film Grain

「ビデオカメラで撮っているような表現がしたいなぁ」
そんなあなたに"Film Grain"。

このようにチラチラノイズが映ります。

最後に

いかがだったでしょうか?
今回紹介したもの以外にも何個かありますし、自作することも可能なようなので、興味のある方はぜひ!
明日のCYBIRD Advent Calendar 2023 24日目は@shiso_c さんの
「ShaderGraphで遊んでみた 〜キャラクターの設定に説得力を与える方法〜」です!
どのような表現をご紹介いただけるのか楽しみですね!

5
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?