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

╰+哭是因爲堅強的太久メ 2023-09-23 22:04 75阅读 0赞

**写在前面**

这是进行云渲染的最后一步，实践！！

会跟着这个[Blender 2.8 UV Mapping][]教程快速学习一边UV映射的东西，已经是最最最最基础的了。

本文是教程的P1-P7的过程记录。

## 1 UV映射 ##

拿一个3D物体，怎么去切割它，能把我们的2维图像应用到上面，例如：UV Editing界面的UV贴图上的所有东西（左侧），最终都会体现在立方体表面上（右侧）。

![770fea9165284a7594f853cc271e6115.png][]

那我们为什么还要展UV？如果我们把右侧的立方体随意改变形状（挤压、缩放等），左侧的UV贴图是不会随着它形状的改变而改变的：

![38c0901af59346e8bf1b5ca226a9b861.png][]

## 2 创建UV贴图 ##

最简单的是善用接缝工具创造切割线来cut我们的3D物体。

查看当前的UV我们可以从这里查看，右侧的+ - 是删除和新增UVMap

![affe51adb768414994ee67771b36cb80.png][]

A(全选) --> U选择unwrap(展开当前选择的mesh)

ctrl+E(操作edge) --> Mark Seam/Clear Seam(创造/删除切割边)

对于UV Editing面板的可以用R（旋转）或G（移动）去调整当前的UV贴图位置

![c55cc1d1c17a4145bfa3b1e20272b0d9.png][]

## 3 测试拉伸 ##

首先尝试应用纹理到我们的物体上，左上角点开Shader Editor：

![0d34cd10a9704d19bb2e01cc263f1ccd.png][]

### 创建材质 ###

首先为我们的物体创建一个材质，如下在Shader Editor界面或者右侧都可以创建新材质（+New Material）:

![28143e065d3144f0ad6b09b31f29a08c.png][]

### 创建纹理 ###

如果我们想把贴图应用到物体上，同时看看贴图的拉伸效果，那么创建一个UVGrid图片（格子图）就能很明显的观察拉伸状态了。

在UV Editor界面添加新的图片（+ New Image），选择类型为UV Grid：

![76fd2a234c69402989908ff467a82315.png][]

如下：

![f2595d0564454cf59ace99b1d9918aac.png][]

### 应用纹理 ###

Shader Editor界面，Shift+A创建一个Image Texture，选择我们创建的纹理，再连连看给到BSDF的BaseColor就行：

![859e53a693fb4dd2b7864f6eff735539.png][]

### 测试拉伸 ###

在UV模式下，我们拉伸右侧可以发现贴图在物体上会被拉伸：

![41d1e87cb74b43f6b8fd0d1b5083dc35.png][]

综合上述的尝试：应用纹理时，纹理拉伸是会发生的，我们需要调整UV去避免出现不符合的贴图拉伸的情况。

## 4 处理缩放 ##

当物体不再那么方方正正时，纹理缩放就越发明显了，比如我们S键+Y进行Y向缩放之后：

![6415ef49da844414af867aea24532bb2.png][]

看看他的Scale信息：

![f1e8edeb77604b9e84146635c6a501b4.png][]

而最原始的没有经过缩放的统一Scale应该是111，这个统一的Scale信息正是Blender缩放物体时所参考的。

### 应用掉变换 ###

为了让这些操作物体的变换不影响接下来的UV映射，我们需要在做任何的变换之后，Ctrl+A应用掉缩放：

![08041c93d63344f7a4394addd9b3d81a.png][]

此时如果再重新A+U+"Unwrap"，物体上的纹理就变得正常了：

![b29c55bde1e642f9a55910f10aa557ec.png][]

## 5 更好地利用UV ##

删掉原始的接缝，根据想要哪两个面给接缝的时候不给剪开就行！Unwrap并整理后：

![eb0ac1a073f644c3865fd1b9fbe93c14.png][]

这部分还需要了解的点是UV是个0-1的空间：

![844c75bfb73340d98ba9c94e8d57ead2.png][]

## 6 使用UV贴图处理纹理 ##

简单处理UV后，到处UV贴图：

![992b40e99cdc409495cbbdbc333c7a5b.png][]

选择导出PNG这样可以有A透明度通道~

![1350b541f92145118a2c613e55b942ad.png][]

接下来就是在PS里用导出的UV贴图处理我们的纹理了，步骤很简单，就是按照顺序和方向摆贴图就行！最终的效果为：

![bb04bee3bb4d4665aef24a1b20c82089.png][]

[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
[770fea9165284a7594f853cc271e6115.png]: https://img-blog.csdnimg.cn/770fea9165284a7594f853cc271e6115.png
[38c0901af59346e8bf1b5ca226a9b861.png]: https://img-blog.csdnimg.cn/38c0901af59346e8bf1b5ca226a9b861.png
[affe51adb768414994ee67771b36cb80.png]: https://img-blog.csdnimg.cn/affe51adb768414994ee67771b36cb80.png
[c55cc1d1c17a4145bfa3b1e20272b0d9.png]: https://img-blog.csdnimg.cn/c55cc1d1c17a4145bfa3b1e20272b0d9.png
[0d34cd10a9704d19bb2e01cc263f1ccd.png]: https://img-blog.csdnimg.cn/0d34cd10a9704d19bb2e01cc263f1ccd.png
[28143e065d3144f0ad6b09b31f29a08c.png]: https://img-blog.csdnimg.cn/28143e065d3144f0ad6b09b31f29a08c.png
[76fd2a234c69402989908ff467a82315.png]: https://img-blog.csdnimg.cn/76fd2a234c69402989908ff467a82315.png
[f2595d0564454cf59ace99b1d9918aac.png]: https://img-blog.csdnimg.cn/f2595d0564454cf59ace99b1d9918aac.png
[859e53a693fb4dd2b7864f6eff735539.png]: https://img-blog.csdnimg.cn/859e53a693fb4dd2b7864f6eff735539.png
[41d1e87cb74b43f6b8fd0d1b5083dc35.png]: https://img-blog.csdnimg.cn/41d1e87cb74b43f6b8fd0d1b5083dc35.png
[6415ef49da844414af867aea24532bb2.png]: https://img-blog.csdnimg.cn/6415ef49da844414af867aea24532bb2.png
[f1e8edeb77604b9e84146635c6a501b4.png]: https://img-blog.csdnimg.cn/f1e8edeb77604b9e84146635c6a501b4.png
[08041c93d63344f7a4394addd9b3d81a.png]: https://img-blog.csdnimg.cn/08041c93d63344f7a4394addd9b3d81a.png
[b29c55bde1e642f9a55910f10aa557ec.png]: https://img-blog.csdnimg.cn/b29c55bde1e642f9a55910f10aa557ec.png
[eb0ac1a073f644c3865fd1b9fbe93c14.png]: https://img-blog.csdnimg.cn/eb0ac1a073f644c3865fd1b9fbe93c14.png
[844c75bfb73340d98ba9c94e8d57ead2.png]: https://img-blog.csdnimg.cn/844c75bfb73340d98ba9c94e8d57ead2.png
[992b40e99cdc409495cbbdbc333c7a5b.png]: https://img-blog.csdnimg.cn/992b40e99cdc409495cbbdbc333c7a5b.png
[1350b541f92145118a2c613e55b942ad.png]: https://img-blog.csdnimg.cn/1350b541f92145118a2c613e55b942ad.png
[bb04bee3bb4d4665aef24a1b20c82089.png]: https://img-blog.csdnimg.cn/bb04bee3bb4d4665aef24a1b20c82089.png