feat: 添加图片色彩控制的介绍

UE5/材质/README.md

@@ -198,3 +198,84 @@ UE 支持的 **纹理格式** 有：bmp、float、jpeg、jpg、pcx、png、psd
 
 材质中一共存在 4 种维度：一维、二维、三维、四维，数据是可以**维度升级**或者**维度降级**的
 
+两个一维数据通过合并可以得到二维数据；二维数据可以输出两个一维数据
+
+![](Image/046.png)
+
+> **U + 鼠标左键** 可以快速生成纹理坐标节点
+
+高维数据如果想要转换成低维数据，使用 `mask` 节点即可
+
+![](Image/047.png)
+
+如上图所示，通过 `ComponentMask` 节点可以将多维数据分解成多个一维数据，并选择所需的进行处理或者组合
+
+![](Image/048.png)
+
+如上图所示，通过 `append`、`append3` 和 `append4` 可以多个低维数据组合成高维数据
+
+![](Image/049.png)
+
+如上图所示，通过 `MakeFloat2`、`MakeFloat3` 和 `MakeFloat4` 直接创建对应维度的节点可以实现对应功能
+
+### 色彩控制
+
+想对某一张纹理图片进行色彩偏移的控制，只需要对纹理图片进行**加法**、**乘法**等操作即可
+
+比如，希望图片更加偏红、减少蓝色，直接**加**`(0.1, 0, -0.1)`就可以得到，如下图所示
+
+![](Image/050.png)
+
+同理，乘法也可以达到类似的效果，如果直接乘以`(2, 2, 2)`那么图片整体变亮、如果乘以`(0.5, 0.5, 0.5)`那么图片整体变暗
+
+| 乘以 `(2, 2, 2)` | 乘以 `(0.5, 0.5, 0.5)` |
+| --- | --- |
+| ![](Image/051.png) | ![](Image/052.png) | 
+
+如果想要调整图片的**对比度**，一般有两种方法
+
+- 方法1：使用 `Power` 节点
+
+`Powner` 本身是幂运算
+
+| 原图 | 调整图 |
+| --- | --- |
+| ![](Image/054.jpg) | ![](Image/053.png) |
+
+可以看到图片整体变暗，因为颜色取值范围是 0~1 所以其幂运算后会更小或者不变
+
+| 幂为1 | 幂为2 | 幂为10 |
+| --- | --- | --- |
+| ![](Image/056.png) | ![](Image/057.png) | ![](Image/058.png) |
+
+使用 UV 和 Power 节点可以发现分界线根据幂的值向右移动，这是因为 UV 节点的值从左到右是 0 到 1，幂值越大，结果越小，表现更黑
+
+- 方法2：使用 `CheapContrast` 对比度材质函数
+
+`CheapContrast_RGB` 是对三维数据进行操作、`CheapContrast` 是对一维数据进行操作
+
+其 `Contrast` 是一个一维数据，用于表示程度，0表示无调整
+
+| 原图 | 调整图 | Contrast参数为0 |
+| --- | --- | --- |
+| ![](Image/054.jpg) | ![](Image/054.png) | ![](Image/055.png) |
+
+可以看到图片亮的地方更亮，暗的地方更暗
+
+| Contrast 值为 0 | Constrast 值为 1 | Constrast 值为 10 |
+| --- | --- | --- |
+| ![](Image/059.png) | ![](Image/060.png) | ![](Image/061.png) |
+
+通过上面的值变化导致的表现变化可以推测： `CheapContrast` 是以0.5为中心，小于0.5的通过该节点会更小；大于0.5的通过该节点会更大
+
+> Power 是以 1 为中心，大于 1 的会更大；小于 1 的会更小
+
+如果想对颜色进行一个**反色操作**（黑色变成白色）操作，其实很容易想到，那就是用 `1 - 指定颜色` 
+
+![](Image/062.png)
+
+> 上面图片变成左边白色、右边黑色
+
+对于这种常见用 1 减去指定值的操作，UE 封装了一个快速节点，使用 **O + 鼠标左键** 即可快速创建 `1-x` 节点
+
+![](Image/063.png)