目录
效果
![](https://file.jishuzhan.net/article/1754884910109167618/0bbf7f181d45de2f80f7474b31f9237c.webp)
步骤
(1)控制扇形的弧宽度
创建一个材质,混合模式设置为"Additive",着色模型设置为"无光照",勾选"双面"
![](https://file.jishuzhan.net/article/1754884910109167618/3019d27cc77869ecdf56dd0b592b05e6.webp)
在材质图表中添加如下节点,可以创建一个大圆和一个小圆
![](https://file.jishuzhan.net/article/1754884910109167618/dcde31aed85297f53bea103612ac8498.webp)
相减就可以得到圆环
![](https://file.jishuzhan.net/article/1754884910109167618/5ae4cdbe7b825bb47d96f68cf7789531.webp)
再添加一个参数来控制弧宽度
![](https://file.jishuzhan.net/article/1754884910109167618/fd556393b85ab4b67b8506510bede63b.webp)
继续添加如下节点
![](https://file.jishuzhan.net/article/1754884910109167618/816c71f5b35e2664d57bfdcbfd3e929b.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/073dd32ce0006443446a1dde161ee8bc.webp)
注释一下,该部分节点用于控制扇形的弧
![](https://file.jishuzhan.net/article/1754884910109167618/d2e91d984c2c9e939bc3af5799a61694.webp)
我们预览一下该部分最终的输出
![](https://file.jishuzhan.net/article/1754884910109167618/3800b32026c7617fb37b32001b250820.webp)
此时效果如下,我们可以通过参数"弧宽度"来调整弧的宽度,通过参数"外圈"、"内圈"来控制内外圈大小
![](https://file.jishuzhan.net/article/1754884910109167618/86130e3fad00225aba1aa7710fc34f93.webp)
(2)控制扇形的角度
![](https://file.jishuzhan.net/article/1754884910109167618/b7c11d7ad7c28ec5999606649e0f870b.webp)
此时我们可以通过参数"角度"来改变角度大小
![](https://file.jishuzhan.net/article/1754884910109167618/3f7aa6e82de858d4fea761d4c6707b76.webp)
继续添加如下节点
![](https://file.jishuzhan.net/article/1754884910109167618/d4fc5e3cc117e7ed3f460b9125167a22.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/b2613930967fd3673d03f7b590106a3c.webp)
将步骤(1)与(2)的结果相乘
![](https://file.jishuzhan.net/article/1754884910109167618/c390bc92f067df109f576f4d3708dc6a.webp)
继续添加如下节点
![](https://file.jishuzhan.net/article/1754884910109167618/2330a9300659bdc3c1c2a2f81e02f416.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/397f01273e72abe5383e6234c1d747fd.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/8b47e5ec6cc2f9747f833f5e84735830.webp)
两部分相减得到扇形的边
![](https://file.jishuzhan.net/article/1754884910109167618/ae1574c1801eccfc1d25182a3d7adb48.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/49706d29d94444164fdf97d8f8937b2a.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/3162f6b1606ab790ea1d827137ae819a.webp)
控制边框颜色
![](https://file.jishuzhan.net/article/1754884910109167618/e358aadcb296048ac675874ca66a4f97.webp)
接下来打开PS来创建一个渐变纹理,首先新建一个图层
![](https://file.jishuzhan.net/article/1754884910109167618/efc8a7a333e3f8a71aa75f9e1fe6f3cf.webp)
首先打开渐变工具,选择黑白渐变
![](https://file.jishuzhan.net/article/1754884910109167618/a2784c19a2fed41aba2431a8d6f3f508.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/780f3f961675a98628bda88862cf2afd.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/14d250fb864b2fb910521183b4edc7de.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/4a020a05f78151eb71761979facfd44c.webp)
回到材质图表中,添加一个该纹理的纹理采样节点
![](https://file.jishuzhan.net/article/1754884910109167618/248f3e2a7d85140e04e6268d7cdc3da0.webp)
添加如下节点
![](https://file.jishuzhan.net/article/1754884910109167618/001709d5f0e438b440ffdecf2c2138ee.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/851bee2ce742209714be85694bc8509f.webp)
预览纹理采样节点效果如下
![](https://file.jishuzhan.net/article/1754884910109167618/b76e68bb57c8feb5470b1e4c1c65c68b.webp)
继续添加如下节点
![](https://file.jishuzhan.net/article/1754884910109167618/9e3684a86e0095dcf6f58ce8d3e22148.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/94a41f91c23438fd4d472e0d4b6e229e.webp)
最后设置将结果连接到材质的自发光和不透明度引脚上
![](https://file.jishuzhan.net/article/1754884910109167618/eab4a1ac925f27241132ef00ba7bb23c.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/0d7e29760cfe4c1da3468b1dc1fdde7f.webp)
此时效果如下
![](https://file.jishuzhan.net/article/1754884910109167618/f20e0250da46bbdca768f6e67d893dc6.webp)
继续添加如下节点
![](https://file.jishuzhan.net/article/1754884910109167618/193d382acd864854172e2114a2ca18fd.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/08bb7514f04ae3cd680bf894e4e888a4.webp)
(3)完整节点
完整节点如下
![](https://file.jishuzhan.net/article/1754884910109167618/be2bcf9b1ab49a42828a1f78b5857bdf.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/2cce947da3f821da3b8723ddd7500a25.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/b5101eaef9b6368b640f387b2d1b6374.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/e7dc1890b89964c5684b68bf263184fb.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/84cf5a69ef72d3bc5a572ff0688621d3.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/18d722681ce89056b8bcf0db050a9c50.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/77753c083dd84024fe6ac406a92fa556.webp)
![](https://file.jishuzhan.net/article/1754884910109167618/ee13fa9a71ff076d1b48f1a4853ac250.webp)
创建材质实例,修改一下参数值
![](https://file.jishuzhan.net/article/1754884910109167618/1516c76ba2ea5c30c82498ea9d702f1c.webp)
最终效果如下
![](https://file.jishuzhan.net/article/1754884910109167618/0bbf7f181d45de2f80f7474b31f9237c.webp)
参考视频:
https://www.bilibili.com/video/BV1wA4y1R7UC/?vd_source=36a3e35639c44bb339f59760641390a8