【Blender UV映射02】智能UV映射创建和应用法线纹理

快来打我* 2023-09-23 22:12 70阅读 0赞

**写在前面**

前面的学习记录：

[【Blende UV映射01】创建UV 使用UV贴图处理纹理][Blende UV_01_UV _UV]

依旧是跟着[Blender 2.8 UV Mapping][]教程，本文是教程的P8-P12的过程记录。

## 1 一些操作记录 ##

### 调整滚轮缩放 ###

如果发现Blender缩放过快，

*  键盘的"/"
 *  数字键盘的"."（**围绕选中的物体中心滚动**）

按以上两个键，都可以解决滚轮缩放过快的问题。

### 调整剪裁起点 ###

例如出现下列情况：

![bdcb6a3cd0174dd0961ec0a081ae581a.png][]

**N键**调出菜单后，Clip Start可以调整Clip的起点，一般给到0.01或者0.001就OK

![c25be280d0874c38a82857b0285aa67b.png][]

### Conformal和Angel Based ###

Unwrap的Method有两种，一个是Conformal一个是Angle Based：

![d1fbaee657474443a6f1ca0450396918.png][]

关于他俩的区别，从[When to use Conformal vs Angle Based when UV unwrapping?][When to use Conformal vs Angle Based when UV unwrapping]中的回答（下图）可以看出：

*  Conformal模式下不太精准，在Unwrap简单的mesh用它更好
 *  Angle Based的结果更加准确，我认为如果遇到需要很细节贴图的mesh用它就更好

![3598aed494d947d0ad8732f2890835b8.png][]

### Align对齐UV ###

其实是简单的调整UV中的线跟X轴/Y轴对齐，Alt选中线后，右键选择：

![7e9459ec1715429991e0a1891c1b2acd.png][]

再插入一个易拉罐的贴图练习：

![187d759dd853483c9d490a1d9fdf5db4.png][]

## 2 智能UV映射 ##

对于场景中不那么重要的物体，往往对细节要求不那么苛刻，例如教程中接下来的例子，对于一个结构其实比较复杂但不需要细致贴图的栅栏：

![34b8a18d043f41c69c5e6686fac1be08.png][]

可以不用自己设置接缝Unwrap，而是选择更加快捷的映射方式：Smart UV Project或者Lightmap Pack。

### Lightmap Pack ###

同样是A键全选后，U键映射方式选择Lightmap Pack，这是一种通过物体本身edge来创建UV的方式，如下：

注意，在映射前，**一定要在Object模式下Ctrl+A应用掉变换**！

![cf04873d417e4c8696f76ea7d64f38d4.png][]

但即使是这样，UV映射的尺寸也不太对，比如：

![95556e79f8c04db0a45708e35a6da10b.png][]

### Smart UV Project ###

同样的操作，采取智能映射的效果会更好一点：

![8856e170a4db4fecb84c6dd9f01cc82d.png][]

我们可以更改参数，让UV排布的不至于那么密集：

![109c907367eb40f9a01aac3bfb128254.png][]

这样就实现了智能映射了！

## 3 创建木质纹理 ##

### Blender Cloud ###

[Libraries — Blender Cloud][Libraries _ Blender Cloud]

首先介绍一个教程中提到的BlenderCloud，我们可以在这里找到很多资产！HDR、纹理等等！（当然，需要订阅:) ）

![6ed76b9e9882483285e428313694024c.png][]

创建材质并关联Image Texture，在材质预览界面中查看如下：

![e2c67fdef9494b2eb55d8944119635aa.png][]

## 4 创建和应用法线纹理 ##

![6ba7f500fe324874aff38c5d6060660b.png][]

现在这个木头栅格看上去不是那么的美观，一个是颜色，还有一个是没有法线纹理带来的凹凸感，接下来就要在PS里创建法线纹理制造凹凸的真实感。

### PS中创建法线贴图 ###

如果直接给图片通过滤镜-->3D-->生成法线图，它只会跳转到3D界面，并没有生成法线图，通过尝试我发现需要进行以下步骤：

*  将图片转换成智能对象
 *  生成法线图后，前面的小眼睛点关闭再打开就能看到啦！

![5267a00ba8e8436582f6f0331bdcfc81.png][]

### 关联法线贴图 ###

如果只是简单的创建一个Image Texture：

![cd47e00edf2f4f038c169c487c17b682.png][]

二者的接口类型不同（一个是黄色一个是紫色，可以理解为输入和输出的数据类型不同） ，需要中间加入一个转换的：

![dbd51b1f9cf04a4a85fae4d071916ce7.png][]

#### Normal Map节点 ####

如果只是美术向简单的学习，只需要知道实现法线贴图应用，加入一个转换的Normal Map节点就行了。但想要成为TA！必须要知道这其中的道理。

实际上在学习Unity Shader应用法线纹理的时候就已经进行了学习： [【Unity Shader】纹理实践3.0：切线空间下使用法线纹理][Unity Shader_3.0]，再来复习一下，在这篇文章中一共有三个点，

*  将矢量统一到切线空间下
 *  根据像素颜色获取法线方向
 *  提供一个控制凹凸程度的变量

你会发现，上面的Normal Map节点做了三个工作，

*  提供的Tangent Space等空间选项
 *  本身具备的Color --> Vector转化（实际上是在Vector栏创建的这个节点
 *  Strength变量

和上面的其实是一一对应的。

接下来是对比一下Strength为0和为3的情况（顺便提一下选中节点，**W键**可以查看节点应用前后的效果）：

![e9539a7a505046d9b530ee6f9dcdf262.png][]

![3a834be2d76b4596aab17a26e00e69e0.png][]

多了很多纹路感。

### 调整贴图亮度 ###

加入一个Color --> RGB Curves 节点就搞定！

![a1c00a5da62e41c8907ffef17b226a9e.png][]

#### RGB Curves节点 ####

同样，需要了解RGB Curves背后的原理，我在[【Unity Shader】屏幕后处理1.0：调整亮度/饱和度/对比度][Unity Shader_1.0]这篇文章中就介绍了亮度的调整原理：

![70c06c6741c04b93aade811319453949.png][]

[Blende UV_01_UV _UV]: https://blog.csdn.net/qq_41835314/article/details/128649015?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22128649015%22%2C%22source%22%3A%22qq_41835314%22%7D
[Blender 2.8 UV Mapping]: https://www.bilibili.com/video/BV1mh411d7pG/?p=2&spm_id_from=333.1007.top_right_bar_window_history.content.click&vd_source=df915e2f42f68699ce7f9d08e53731c5
[bdcb6a3cd0174dd0961ec0a081ae581a.png]: https://img-blog.csdnimg.cn/bdcb6a3cd0174dd0961ec0a081ae581a.png
[c25be280d0874c38a82857b0285aa67b.png]: https://img-blog.csdnimg.cn/c25be280d0874c38a82857b0285aa67b.png
[d1fbaee657474443a6f1ca0450396918.png]: https://img-blog.csdnimg.cn/d1fbaee657474443a6f1ca0450396918.png
[When to use Conformal vs Angle Based when UV unwrapping]: https://blender.stackexchange.com/questions/238/when-to-use-conformal-vs-angle-based-when-uv-unwrapping
[3598aed494d947d0ad8732f2890835b8.png]: https://img-blog.csdnimg.cn/3598aed494d947d0ad8732f2890835b8.png
[7e9459ec1715429991e0a1891c1b2acd.png]: https://img-blog.csdnimg.cn/7e9459ec1715429991e0a1891c1b2acd.png
[187d759dd853483c9d490a1d9fdf5db4.png]: https://img-blog.csdnimg.cn/187d759dd853483c9d490a1d9fdf5db4.png
[34b8a18d043f41c69c5e6686fac1be08.png]: https://img-blog.csdnimg.cn/34b8a18d043f41c69c5e6686fac1be08.png
[cf04873d417e4c8696f76ea7d64f38d4.png]: https://img-blog.csdnimg.cn/cf04873d417e4c8696f76ea7d64f38d4.png
[95556e79f8c04db0a45708e35a6da10b.png]: https://img-blog.csdnimg.cn/95556e79f8c04db0a45708e35a6da10b.png
[8856e170a4db4fecb84c6dd9f01cc82d.png]: https://img-blog.csdnimg.cn/8856e170a4db4fecb84c6dd9f01cc82d.png
[109c907367eb40f9a01aac3bfb128254.png]: https://img-blog.csdnimg.cn/109c907367eb40f9a01aac3bfb128254.png
[Libraries _ Blender Cloud]: https://cloud.blender.org/libraries
[6ed76b9e9882483285e428313694024c.png]: https://img-blog.csdnimg.cn/6ed76b9e9882483285e428313694024c.png
[e2c67fdef9494b2eb55d8944119635aa.png]: https://img-blog.csdnimg.cn/e2c67fdef9494b2eb55d8944119635aa.png
[6ba7f500fe324874aff38c5d6060660b.png]: https://img-blog.csdnimg.cn/6ba7f500fe324874aff38c5d6060660b.png
[5267a00ba8e8436582f6f0331bdcfc81.png]: https://img-blog.csdnimg.cn/5267a00ba8e8436582f6f0331bdcfc81.png
[cd47e00edf2f4f038c169c487c17b682.png]: https://img-blog.csdnimg.cn/cd47e00edf2f4f038c169c487c17b682.png
[dbd51b1f9cf04a4a85fae4d071916ce7.png]: https://img-blog.csdnimg.cn/dbd51b1f9cf04a4a85fae4d071916ce7.png
[Unity Shader_3.0]: https://blog.csdn.net/qq_41835314/article/details/127063062?spm=1001.2014.3001.5502
[e9539a7a505046d9b530ee6f9dcdf262.png]: https://img-blog.csdnimg.cn/e9539a7a505046d9b530ee6f9dcdf262.png
[3a834be2d76b4596aab17a26e00e69e0.png]: https://img-blog.csdnimg.cn/3a834be2d76b4596aab17a26e00e69e0.png
[a1c00a5da62e41c8907ffef17b226a9e.png]: https://img-blog.csdnimg.cn/a1c00a5da62e41c8907ffef17b226a9e.png
[Unity Shader_1.0]: https://blog.csdn.net/qq_41835314/article/details/127602308
[70c06c6741c04b93aade811319453949.png]: https://img-blog.csdnimg.cn/70c06c6741c04b93aade811319453949.png