GJM : Unity3D - UI - UI边缘流光特效小技巧
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了GJM : Unity3D - UI - UI边缘流光特效小技巧 相关的知识,希望对你有一定的参考价值。
今天给大家说一个做UI特效的小技巧,先来看看效果吧
![技术分享](https://image.cha138.com/20210826/95bd834fdacf48d492ebb44a1ff25aa4.jpg)
首先找你们UI组要一个需要制作特效的UI
![技术分享](https://image.cha138.com/20210826/c7983a7029854127b4cbe451cca3850d.jpg)
然后在max里按照UI尺寸创建一个面片 然后UI当作贴图帖上去
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/f5f73a32ab5a45d7857952444c59dbab.jpg)
切换到顶视图,然后在UI的边框画一条曲线(注意要用Line自己画出来)
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/c0b07b25a08149ba9fcefbc995506fb3.jpg)
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/7e0cd233cdd048ada5c9c41b2e264819.jpg)
然后创建一个面片 在这条曲线上走一个路径动画,要把这条曲线走完(面片的面数不用太高)
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/59db1d8d1f0d41d09bec8e232c7d8218.jpg)
然后选中面片转换成不受曲线影响的模型
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/44fde084021a4e01a9ed46a5b285100e.jpg)
然后把这个模型四个角的点修整一下
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/02df760c6fb1431a8213f104a55d7fea.jpg)
然后把这个模型转换成poly模式 再把断边的点合并
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/cd0bc5b039e84b8f941256b6c5458283.jpg)
然后删掉模型多余的线
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/0a276f02955a4d2c80e3328f3d4e0709.jpg)
本帖隐藏的内容
再然后选择四条边角线 做一个倒角<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/782061e8cf7a4812b250968f4acc7796.jpg)
然后再添加一个分UV的命令 稍微调整一下UV
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/e0b4765e2ffd4e2897f2e1eaea5ba0a8.jpg)
UV如下图所示(UV分好后导出FBX格式的模型放入你的工程文件里)
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/8574703161594a7bb5be0fb86a34a69e.jpg)
然后打开你们的U3D把UI放进去 (大小什么的要问你们的程序要一个GUI)
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/f1ab5ec58eab4c9d979aef0f3dea5021.jpg)
然后选一个比较合适的贴图(这里贴图自己弄,我的GIF效果用的不是这个图,只是为了说明一下)
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/9fa5aaf648aa4dcebc947f74cd26f990.jpg)
然后把你们的FBX格式模型放到U3D里面,然后把选好的贴图帖上去,再按ctrl+6打开动画面板(应该需要稍微做下调整)
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/e6100cd8798a412480ca2f760cdff1c5.jpg)
接着就是给你的模型材质球上面K针,就是UV动画。
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/47cd998e149d4a5cbc52169aab320322.jpg)
再然后就是把你K好的这个动画文件勾上循环
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/84b583f4e97f48b8b3a3be875f9ddbfd.jpg)
接着再复制一个旋转一下角度
<ignore_js_op>
![技术分享](https://image.cha138.com/20210826/f124d64e0a7b4048b93f0c07da32858a.jpg)
以上是关于GJM : Unity3D - UI - UI边缘流光特效小技巧 的主要内容,如果未能解决你的问题,请参考以下文章
GJM : Unity3D HIAR - 快速入门 导出 iOS 工程
GJM : Unity3D HIAR - 快速入门 搭建开发环境