前言
在上一篇 Unity Post Processing – Make things preety 我們介紹了很多關於Post-Processing的效果,雖然調整顏色讓畫面豐富了許多,但是過程中算是相當的繁瑣且耗時,常常調整好以後想要沿用也是相當的麻煩,這時候如果像在Adobe系列軟體裡面有個像LUT的東西的話那該有多好呢?

目的
本篇的重點就是利用Photoshop來製作LUT可以更快速的讓你的Unity場景調整到你所需要的顏色,而這些顏色並可以製作多個讓你選擇並方便之後沿用等等,可以說是相當方便的工具啊!!其實Lut這種Color Grading的方式在許多3D軟體以及影音剪輯軟體裡面相當常出現,在製作大量動畫影像的同時也常常需要Lut來改變色彩,今天我們就來一探Unity裡面的LUT是怎麼使用的。
這邊先簡單介紹一下什麼是Color Grading?
Color Grading效果會更改或校正Unity生成的最終圖像的顏色和亮度。這類似於在Instagram之類的軟件中常運用的濾鏡。
Color Grading有三種Render方式:
- Low Definition Range: ideal for lower-end platforms.
- High Definition Range: ideal for platforms that support HDR
rendering. - External: allows you to provide a custom 3D look-up texture authored in external software.
User look-up texture (LUT)
User LUT是一種簡單的顏色分級方法,其中Pixel螢幕上的內容將替換為您提供的LUT中新的數值。 這個方法沒有Color Grading這麼高級,如果不能使用Color Grading的話可以將其當成備案。
官方原文網址: https://docs.unity3d.com/2019.3/Documentation/Manual/PostProcessing-ColorGrading.html
- 首先我們在已經建立好的場景找一個自己喜歡的角度,screenshot 目前場景的照片下來。

2. 接著來到photoshop將剛剛截好的圖片貼上

這時候我們就可以在圖層上面依照自己的需求進行顏色、亮度、對比等等進行調整,大家對於Adobe應該都不陌生這邊就不在多做贅述了。

在進行調整LUT之前首先我們需要一個LUT的原檔,通常會在Post-Processing的檔案夾裡面找到。

這邊也讓大家直接可以另存圖片Unity 的Neutral_LUT來做為練習。

我們將 Neutral_LUT 丟到Photoshop以後就可以將剛剛對截圖所進行調整的效果圖層複製,直接貼上到 Neutral_LUT 的圖層,會發現顏色已經依照調整效果改變,這時候再另存新檔為png即可。

3. 接著我們回到Unity,在表單上面我們跟上一篇製作Post-Procsessing一樣點選右鍵選取Volume>Global Volume

接著一樣在Profile裡面點選New新增Global Volume的新檔

新增好以後就可以按Add Override新增Color Lookup這個選項

因為LUT目前只支援non-SRGB的檔案,所以我們直接先將SRGB的選項取消並按下Apply

然後我們把LUT直接拖曳到剛剛建好的Color Lookup 裡面的Texture

拖曳進去以後就可以發現神奇的事情發生了,整個場景的顏色會依照photoshop所更改的顏色而改變。

對比了一下在photoshop上面所調整的顏色跟Unity上面所呈現的顏色可以說相當接近。

LUT下載包
其實在Asset Store上面也是有相當多免費的LUT可以下載,以後如果需要調整場景顏色的話不妨可以先上去網路上找找看有沒有合適的LUT可以讓你在製作場景的時候省下不少時間唷!
下載網址: https://assetstore.unity.com/packages/2d/textures-materials/cinematic-look-lut-library-69785

結論
LUT的功能雖然目前尚無法支援HDRP,本次的練習是使用URP的情境下製作的,但是Unity日新月異相信很快就可以支援HDRP了,其實許多3D軟體以及影音剪輯軟體上面都是有LUT的功能的,對於調色比較不在行或是覺得調色要花太多時間的人可以說相當方便,此次的練習也可以說非常檢當好上手,對於Psot-Processing也會有更多的了解及學習。
官方參考: https://docs.unity3d.com/540/Documentation/Manual/script-ColorCorrectionLookup.html