207 lines
10 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
title: LookDev流程
date: 2022-12-21 11:25:40
excerpt:
tags: LookDev
rating: ⭐⭐⭐
---
# 前言
## 工作内容
- [[#流程解析]]
- [x] [[#从拍摄真实环境照片到UE复现流程]](可选)
- [ ] [[#材质检查]]
- [[#配套的UE插件]]
- [ ] 材质等窗口中的PreviewScene设置位于Windows- PreviewSceneSettings中
- [ ] PBR 灯光
- [ ] PBR Camera
- [ ] OpenColorIO 与sRPG、Tonemapping(ACES)
- DCC软件配套设置
- [ ] UE
- [ ] Maya
- [ ] SubstancePainter
- [ ] 配套的规范文档与检测工具
- [ ] PPT与教学视频
## 相关资料
- LookDevelopment
- UnrealEngine
- [x] [Enabling a Look Development Workflow for UE4](https://www.youtube.com/watch?v=70uNXZbUJVE)
- [x] [Learn About Exterior Rendering and Vegetation Look Development in Unreal Engine](https://www.youtube.com/watch?v=Ehg4sLxOH1o)
- [ ] 李文磊:[关于建立资产统一审查预览环境的一些说明](https://www.unrealengine.com/zh-CN/tech-blog/a-few-tips-for-building-unified-assets-reviewing-enviroment)
- [ ] [安柏霖物理正确的lookdev[1/2]--光照环境](https://zhuanlan.zhihu.com/p/338352699)
- [ ] [安柏霖物理正确的lookdev[2/2]--物理矫正](https://zhuanlan.zhihu.com/p/338352994)
- [ ] [陈浮生Unreal Engine 4 Look Dev制作浅析分享](https://zhuanlan.zhihu.com/p/394608910)
- [ ] [日天UE5引擎LookDev场景](https://zhuanlan.zhihu.com/p/500774794)
- [ ] 基于ACES 达芬奇调色流程
- [ ] 【[UFSH2024]《三角洲行动》,诠释新一代游戏开发方式 | 王理川 天美Y1工作室技术美术组负责人/专家】 https://www.bilibili.com/video/BV18F2oYAEp2/?share_source=copy_web&vd_source=fe8142e8e12816535feaeabd6f6cdc8e
- Maya
- [在maya中还原substance painter材质效果视频教程](https://zhuanlan.zhihu.com/p/22741348)
- 材质检查
- [PBRBaseColor表](https://physicallybased.info/)
- SubstancePainter
- https://substance3d.adobe.com/tutorials/courses/the-pbr-guide-part-1-zh
- https://substance3d.adobe.com/tutorials/courses/the-pbr-guide-part2-zh
- Other
- [Lighting and LookDev environment with physical units](https://www.slideshare.net/KurumiUranishi/lighting-and-lookdev-environment-with-physical-units)
- 其他人的LookDev预设
- Swats tuts
- https://www.youtube.com/watch?v=OnbZvAO4enU
- https://www.youtube.com/watch?v=YDFElKTs-Qk
- [Dušan Ković的Maya Arnold LookDev工具](https://www.youtube.com/watch?v=VgkF3AsRAYo)
- https://www.youtube.com/watch?v=oII26qMdpK8
- https://www.youtube.com/watch?v=jyq11xOp-B4
## 概念整理
开发LookDevelopment流程主要目的是**建立一套流程,统一的资产评估标准,使得生产出来的资产符合物理规律**的同时保证资产**看起来漂亮**。
不同的人对于LookDevelopment的考虑与需求也不同个人的方案如下
1. 构建一个矫正用关卡与配套蓝图工具。
1. 用作XR拍摄、三维扫描、PBR流程等光照环境矫正。
2. 构建一套多光照的室内外与影棚环境关卡与配套蓝图工具。
1. 用作资产检查。
3. 相关DCC的矫正工作
4. 构建一个,类似李文磊视频中的图表。
1. 方便在以后的创作进行环境参考。
5. 以上方案都需要设置色彩管理,保证所有的显示设备(不同色域)看起来效果一样。
参考:
1. [[#从拍摄真实环境照片到UE复现流程]](可选)
备注:
1. 建立LookDev Neutrally 场景,***建立UE调试场景最终应该让场景中的色卡呈现矫正后的标准颜色。***
1. 关键的一点就是通过Gray球的亮度确定HDR贴图的亮度。
2. 比色卡最好能贴在UI上。
3. 在其他DCC软件中还原。
# 流程解析
## 从拍摄真实环境照片到UE复现流程
视频地址:[Enabling a Look Development Workflow for UE4](https://www.youtube.com/watch?v=70uNXZbUJVE)
主要过程是通过在现实世界拍摄比色卡照片与8方向照片再使用8方向照片制作一个带有色彩管理数据的HDR Cubemap。最后再使用矫正环境关卡与内置蓝图工具进行手动环境矫正。但该流程中有部分步骤较为繁琐如果不追求极致的准确性其实是可以省略或者改进。
为什么不去网上下载HDR图片再进行矫正呢因为你没办法了解到所有的细节也无法保证颜色的正确性。所以有条件还是现场去做一下。
![700](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_Example.png)
### 所需工具
1. Full frame DSLR with good AEB features (具有良好AEB功能的全画幅数码相机)
2. Remote trigger (遥控触发器)
3. General purpose lens, e.g 24-105 Macro (通用镜头如24-105 Macro)
4. 8mm fisheye, e.g Sigma EX DG fisheye (8毫米鱼眼镜头如适马EX DG鱼眼镜头)
5. Good quality tripod & head (优质的三脚架和云台)
6. Nodal Ninja
7. Nodal EZ-Leveller
8. 18% Grey/White balance card (18%灰/白平衡卡)
9. X-Rite ColorChecker
10. 18% grey calibration ball (18%灰色校准球)
11. Chrome calibration ball (铬制校准球)
12. Lightweight tripod & clamp (轻型三脚架和夹具)
一些额外省钱方式:
![700](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_Cheat.png)
### 拍摄ColorCkecker与8方向矫正球照片
主要是获取所有动态范围光照信息之后再UE中进行还原。下面2个图主要介绍HDR的重要性
![700](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_DynamicRangePhoto.png)
户外场景:
![700](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_DynamicRangePhoto_OutDoor.png)
8方向拍摄以保证可以获得所有的信息。**注意在拍摄过程中不能修改EV值。**
![700](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_EightDirectionPhotos.png)
![700](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_EightDirectionPhotos_GraySphere.png)
GraySpher、ChromeSphere与比色卡需要放在中心点上。切保证摄像机正对着球的中心所以得每个球各拍一次。
![700](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_EightDirectionPhotos_GraySphereChromeSphere.png)
![700](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_ColorCkeck.png)
### 拍摄并且制作全景图
![700](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_PanoramaPhoto.png)
#### 操作步骤
1. 拍摄比色卡以此来获得颜色变换矩阵取得色彩管理文件并对色差进行neutrally。
2. “标准”包围式拍摄矫正球与地面照片,并且应用上述取得的色彩管理文件。
3. 拍摄全景贴图并在PtGUI中拼接。
4. 在全景图中将主要光源与支架Mask掉通过PS的仿制图章……我认为这个不太完美![500](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_Cubemap.png)
![500](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_Cubemap_PS.png)
该团队还编写一个自动化工具对之前拍摄的8方向照片进行矫正大致用到一下库
- OpenimagelO: image read/write/processing
- Colour: (colour science lib) reference Macbeth values & space conversion
- DCRAW wrapper: RAW to TIFF conversion
- Exiftool wrapper: read/write image Exif & ICC metadata
- Pyzbar: QR code decoding
- OpenCV: simplified image read/write & image rectification
### 颜色矫正
相关软件
- Adobe LightingRoom
- Photoshop
- ColorChecker Camera Calibration
- 达芬奇
软件操作参考视频:
- https://www.youtube.com/watch?v=4DOXXhMgQAs
- https://www.youtube.com/watch?v=GD-0H_38vrM&t=390s
- https://www.bilibili.com/video/BV1p54y1B77j/?spm_id_from=333.337.search-card.all.click&vd_source=d47c0bb42f9c72fd7d74562185cee290
### UE部分
场景里需要有这2个蓝图Actor蓝图相关逻辑位于视频28:29左右位置。
- BP_LightStudioHDR环境球模型与天光
1. 能够设置HDR Image的旋转与亮度材质实例控制
2. SkyLight Capture
3. 模拟场景中的主要光源视频中演示了面光源与聚光灯视频34:00
- 色卡、矫正球模型
#### ChromeSphere矫正
这一步主要复现场景中的灯光。
![700](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_Scene_ChromeSphereAndPhoto1.png)
![700](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_Scene_ChromeSphereAndPhoto2.png)
这一步需要确定关闭所有后处理效果。
![500](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_Scene_DisablePostProcess.png)
#### GraySphere
GraySphere 矫正需要进入HDR Eye Adaptation。主要是为了匹配照片与场景GraySphere的亮度。
![](https://cdn.jsdelivr.net/gh/blueroseslol/ImageBag@latest/ImageBag/Images/LookDev_Scene_GraySphere_HDR.png)
需要分别矫正环境光IBL与场景内主要光源。矫正环境光时需要关闭场景内其他光源比较球体暗面亮度来调节环境球HDR亮度材质
PS.但这样其实有问题,因为这些灯光亮度是直接可以测算出来的……
## 线性空间 => sRGB => Tonemapping
## Lighting and LookDev environment with physical units
## 材质检查
摘自Substance教学。
![800](https://cdn.allegorithmic.com/images/academy/7b04d72d-432f-48b3-a1b6-efd0e75f2108)
图60表面是金属吗金属/粗糙度工作流程
![800](https://cdn.allegorithmic.com/images/academy/d2eb04b9-4a7e-4ed9-aca8-949c193b8723)
图61表面是金属吗高光反射/光泽度工作流程。
# 配套的UE插件
对于美术来说只需要了解基础的概念以及掌握对应的矫正工具用法即可生产出正确的资产,对此需要开发一些插件以满足需求:
## LookDev环境模板
1. LookDev Neutrally场景
2. LookDev 模型预览场景(室内/室外)
1. 设置近剪裁面 10=>1
2. 方向光勾选Atomosphere/Fog Sun Light 与LightShaftOcclusion
3. AtomosphericFog勾选Atomopshere Affect Sun Illumination
4. 光线追踪相关控制选项。
1. 使用AutomaticMaterial 包中的比色卡
2.
### 环境
晴天、阴天和室内
室外晴天,室外阴天和室内
# DCC软件中的环境调整
- Maya
- Substance Painter