首页 > 代码库 > GJM : Unity3D - UI - UI边缘流光特效小技巧 [转载]

GJM : Unity3D - UI - UI边缘流光特效小技巧 [转载]

2024-08-21 12:57:37   222人阅读

  • 感谢您的阅读。喜欢的、有用的就请大哥大嫂们高抬贵手“推荐一下”吧！你的精神支持是博主强大的写作动力以及转载收藏动力。欢迎转载！
  • 版权声明：本文原创发表于 【请点击连接前往】 ，未经作者同意必须保留此段声明！如有侵权请联系我删帖处理！
  • 我的博客：http://www.cnblogs.com/GJM6/  -  传送门：【点击前往】

 

今天给大家说一个做UI特效的小技巧，先来看看效果吧

技术分享

首先找你们UI组要一个需要制作特效的UI

技术分享




然后在max里按照UI尺寸创建一个面片 然后UI当作贴图帖上去
<ignore_js_op>

技术分享


切换到顶视图，然后在UI的边框画一条曲线（注意要用Line自己画出来）
<ignore_js_op>

技术分享

<ignore_js_op>

技术分享


然后创建一个面片 在这条曲线上走一个路径动画，要把这条曲线走完（面片的面数不用太高）
<ignore_js_op>

技术分享


然后选中面片转换成不受曲线影响的模型
<ignore_js_op>

技术分享


然后把这个模型四个角的点修整一下
<ignore_js_op>

技术分享


然后把这个模型转换成poly模式 再把断边的点合并
<ignore_js_op>

技术分享


然后删掉模型多余的线
<ignore_js_op>

技术分享

 

本帖隐藏的内容

再然后选择四条边角线  做一个倒角
<ignore_js_op>
技术分享

然后再添加一个分UV的命令 稍微调整一下UV
<ignore_js_op>
技术分享

UV如下图所示（UV分好后导出FBX格式的模型放入你的工程文件里）
<ignore_js_op>
技术分享

然后打开你们的U3D把UI放进去 （大小什么的要问你们的程序要一个GUI）
<ignore_js_op>
技术分享

然后选一个比较合适的贴图（这里贴图自己弄，我的GIF效果用的不是这个图，只是为了说明一下）
<ignore_js_op>
技术分享

然后把你们的FBX格式模型放到U3D里面，然后把选好的贴图帖上去，再按ctrl+6打开动画面板（应该需要稍微做下调整）
<ignore_js_op>
技术分享

接着就是给你的模型材质球上面K针，就是UV动画。
<ignore_js_op>
技术分享

再然后就是把你K好的这个动画文件勾上循环
<ignore_js_op>
技术分享

接着再复制一个旋转一下角度
<ignore_js_op>
技术分享


GJM : Unity3D - UI - UI边缘流光特效小技巧 [转载]


联系
我们