![609c9f0a55f48d9fcf7b76e4432f2b1d.png](https://i-blog.csdnimg.cn/blog_migrate/4be4710f2130d0863b3473b0c6bab45e.jpeg)
![c08548aa55cc07762463e6bdca19823a.png](https://i-blog.csdnimg.cn/blog_migrate/9f7585eb6402a56be644cafa48cc97a5.jpeg)
对于很多刚开始接触渲染模块的同学来说,不知道透明贴图的制作原理,以及如何渲染出好的效果,今天结合案例给大家讲解一下,先打开我们需要的素材,如下图:
![e0c0188d4a4f1c1b865c33a43ee5fc1f.png](https://i-blog.csdnimg.cn/blog_migrate/39565ff9ccd179fb05b1c074fa9dcc0d.jpeg)
在制作之前我们先给树叶一个普通的blinn材质,然后接下来打开下材质编辑器,打开材质属性面板,如下图:
![3baa99403a4044e2bf06cd40fba765bd.png](https://i-blog.csdnimg.cn/blog_migrate/b5a1985eb8cd21d13cf5320ad9a9752d.jpeg)
因为灯光都是已经设置好的,接下来我们先做个简单的渲染,看下效果,随后再把树叶的贴图连接到color通道里面,如下图:
![1fa81d5da5d36bd9c9b2a69112f5302e.png](https://i-blog.csdnimg.cn/blog_migrate/679794b06d4f37243c52df34b16d5a8c.jpeg)
![3396ff3cf59c50ce56a69ac3cad80624.png](https://i-blog.csdnimg.cn/blog_migrate/57583cf051af23cbc1da64ef5763042a.jpeg)
在连接的时候我们会发现,贴图会自动的连接到透明贴图上面,这个是因为树叶的贴图格式是tga的,是包含alpha通道的,在连接的时候会自动连接到透明通道,如下图:
![2d49888188b364e23dbf74ee5e4bfef7.png](https://i-blog.csdnimg.cn/blog_migrate/4836856bf63d5883d6051104710dc497.jpeg)
也就是说只要我们保存的图片格式是带有通道的,都会自动连接到透明通道上,我们现在做个测试,保存个jpg格式的,在连接下,看看效果,如下图:
![65974549e9893c535de88b44e95b970c.png](https://i-blog.csdnimg.cn/blog_migrate/d5744829dc95b8e602a368407e3ac01c.jpeg)
![81925c49ae583848c8b3e051d6fc745e.png](https://i-blog.csdnimg.cn/blog_migrate/b720b039ad20bf6fe83c42d30814fcd5.jpeg)
所以大家以后再做透明的时候需要注意。那么问题来了,如果我们用jpg格式,没有透明通道,我们该如何制作呢?
我们打开ps软件,用选择工具先选择树叶,然后新建个图层,填充为黑白即可,在软件里面表现透明。
黑色代表是透明,白色代表是不透明,灰色就是半透明,知道这个原理,填充如下:
![f35b44a5503620821a41c0b88397519f.png](https://i-blog.csdnimg.cn/blog_migrate/7c4c1db66c63d78bf2e3349880df8d7f.jpeg)
因为我们需要树叶显示,其他地方透明掉,所以还需要黑白颜色反转一下,如下图:
![178a93499f9e04902d3a7fd9722570e3.png](https://i-blog.csdnimg.cn/blog_migrate/00fb623a47b1178f5f714cbd855ea5ca.jpeg)
然后保存输出下透明贴图,接下来连接到透明通道上即可,如下图:
![6472801e17edeb0f09fc1a3b555fef4a.png](https://i-blog.csdnimg.cn/blog_migrate/66047292ec79c469ff77f415c79f2095.jpeg)
![3bc3a34d6548a2afc9088be2d2ebb964.png](https://i-blog.csdnimg.cn/blog_migrate/409342d274ef701f0b6a4742314f7b1e.jpeg)
接下来在进行渲染一下,观察下效果,渲染后我们发现还不是很透明,是因为高光还没有关掉,如下图:
![aa8d99335a53ec2fbdc98253a1ac718e.png](https://i-blog.csdnimg.cn/blog_migrate/ff2dd4466d622b5bffcc73c122f2eccf.jpeg)
![10b62455c3fe654e4d9cdfd43d21e174.png](https://i-blog.csdnimg.cn/blog_migrate/fcf00bbcf521fd1a4a2557b4248e74e6.jpeg)
高光压低之后再去进行渲染的时候就会消失掉了,如下图;
![e7df1923b62cb636a42c8eb72730bd85.png](https://i-blog.csdnimg.cn/blog_migrate/f79dd8edb7f02c0b24419e34c5eee8e5.jpeg)
现在这个树叶还并不是很立体,因为还没有凹凸的效果,我们需要把凹凸贴图也给导入进来,设置下强度值为0.2,渲染如下图:
![08cd5e1ef5f759ae5a26662fcce9fd92.png](https://i-blog.csdnimg.cn/blog_migrate/161d6f799db4b281ca5601d892669934.jpeg)
现在凹凸强度有点大了,需要继续调小一些强度改为0.03就可以了,如下图:
![4d3376a7805ec1fdbe9bb5a77e41f4af.png](https://i-blog.csdnimg.cn/blog_migrate/53bea957e3a7733bfcc0c3749481c26f.jpeg)
但是现在整个树叶还不是很通透,需要调解下半透明的效果,渲染如下图:
![24bfd488ed984434a57e6b32276c4aa3.png](https://i-blog.csdnimg.cn/blog_migrate/1210a7d14cd5f574bdda5db096eb2512.jpeg)
![2e3b351b584392c1f6bf2ff0cd697bb2.png](https://i-blog.csdnimg.cn/blog_migrate/f88d9f8965e3ad7bd183e6ed79f9fa60.jpeg)
现在看上去整体都很通透,并没有渐变的效果,这个时候我们需要调解下半透明焦距的大小,如下图:
![feda150c3c1ab0e4716cfdcd8075563b.png](https://i-blog.csdnimg.cn/blog_migrate/2ddf7f20047fc13364468cc8aef70064.jpeg)
这样看上去就会更真实一些了,最后我们还需要调解下物体的高光,连接下高光贴图,让高光真实一些,如下图:
![e6c4e021835de3303de9906878cdd972.png](https://i-blog.csdnimg.cn/blog_migrate/7e108b743a1bcc45bb59231f1d16a342.jpeg)
![76afd778de00e49d68ddfb86a596d5d3.png](https://i-blog.csdnimg.cn/blog_migrate/8cbe9df728b9aacc23c1491d947ca688.jpeg)
![fb6c0106b51efcb2f06657eb892f1026.png](https://i-blog.csdnimg.cn/blog_migrate/2d0db1f93f9f8e2f918ad501ebdbc570.jpeg)
讲到这里关于树叶的透明贴图的制作以及原理和渲染的效果已经完成了,希望可以帮助到大家的学习。
更多干货分享 @MAYA讲师-王海鹏 的知乎专栏,也可以加王老师公众号:MAYA设计学习