トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

画面に効果をつけられる「Post Processing」使ってみる

この動画を見ながらやりました。

www.youtube.com

PostProcessing

unityが出している画面効果のアセットです。昔使ったimage Effectの進化バージョンみたいですね。Image Effectは更新をやめたらしい。

bibinbaleo.hatenablog.com

PPSはアセットストアからダウンロードします。

CreateからPost Processing profileを作り、カメラにPost Processingスクリプトをつけ、さっき作ったprofileをつけると使用できる。profileをクリックして各項目をいじっていく。

f:id:bibinbaleo:20170824200400p:plain

f:id:bibinbaleo:20170824200357p:plain

f:id:bibinbaleo:20170824200843p:plain

今回はこのシーンにエフェクトをかけていきたいと思います。

f:id:bibinbaleo:20170602224018p:plain

Ambient Occulusion

影の彫りが深くなる

f:id:bibinbaleo:20170602202449p:plain

f:id:bibinbaleo:20170602224457p:plain

Depth of field

ピントを合わす場所

f:id:bibinbaleo:20170602195325p:plainf:id:bibinbaleo:20170602195330p:plain

Bloom

f:id:bibinbaleo:20170602212611p:plain

f:id:bibinbaleo:20170602213213p:plain

f:id:bibinbaleo:20170602212626p:plain

dirtはレンズの汚れを再現できる。

f:id:bibinbaleo:20170602212614p:plainf:id:bibinbaleo:20170602212618p:plain

Color Grading

photoshopのように色を調整できる。

f:id:bibinbaleo:20170602214045p:plain

トーンマップのNeutralはパラメーターをいじらないほうがいいらしい。

f:id:bibinbaleo:20170602214050p:plain

f:id:bibinbaleo:20170602214054p:plain

f:id:bibinbaleo:20170602214100p:plainf:id:bibinbaleo:20170602214040p:plain

いくら入れても重くならないのでガンガン使って大丈夫らしい。

 User Lat

フォトショで色をいじった設定を持ってこれる機能。

Unityで画像のスクショを撮って、フォトショで開いて、アセットの中の

f:id:bibinbaleo:20170602214640p:plain

NeutralLUT_16.pngをフォトショに入れてレイヤーを統合して、色を変えて、

f:id:bibinbaleo:20170602214651p:plain

また上の画像部分をスクショ撮って、Unityに取り込んで、

f:id:bibinbaleo:20170602214644p:plain

Lutの部分に入れたら、適用される。

Chromatic Aberration

レンズの周りがブワーってなってるのを再現。

f:id:bibinbaleo:20170602220531p:plain

f:id:bibinbaleo:20170602220540p:plain

色も選べる。

f:id:bibinbaleo:20170602220536p:plain

Grain

粒子再現

f:id:bibinbaleo:20170602220853p:plain

f:id:bibinbaleo:20170602220900p:plain

Vignette

周りを暗くするやつ

f:id:bibinbaleo:20170602221115p:plain

f:id:bibinbaleo:20170602221126p:plain

色や中心位置をずらすこともできる。

f:id:bibinbaleo:20170602221120p:plain

完成

f:id:bibinbaleo:20170602223641p:plain

元画像

f:id:bibinbaleo:20170602224018p:plain

完全にやりすぎたパターン。

ちなみに今までの画像は全てgame画面でしたが、sceneにもエフェクトかかってます。

f:id:bibinbaleo:20170602223732p:plain

おおー

ちなみにARでも画面全体にエフェクトがかかるので、こんな風になります!

f:id:bibinbaleo:20170602224905p:plain

f:id:bibinbaleo:20170602230133p:plain

これはかなりの収穫!ARの可能性が広がりました。(私の中で)

Vignette(周りが暗くなるやつ)をかければ汚い室内も程よく隠れてくれます。