type
status
date
slug
summary
tags
category
icon
password
前言:
欢迎您来到我的知识海洋~
今天给大家说一个做UI特效的小技巧,先来看看效果吧
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5c6d0e35-23ff-4b5c-9941-69590bf0880e%2F01.gif?table=block&id=632bb812-eb4a-4210-8ee9-f67aad288b46&t=632bb812-eb4a-4210-8ee9-f67aad288b46&width=300&cache=v2)
开始
- 首先找你们UI组要一个需要制作特效的UI
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6faa55f6-ab1e-4722-a859-e4897c8e09a9%2F01.png?table=block&id=af0a8510-e075-4158-96b8-46968d857a84&t=af0a8510-e075-4158-96b8-46968d857a84&width=542&cache=v2)
- 然后在 3dMax 里安装UI尺寸创建一个面片, 之后吧UI当做贴图贴上去
- 切换到顶视图,然后在UI的边框画一条曲线(注意要用Line自己画出来)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F11e324a3-a36b-4a3e-81a2-b7e526665285%2F03-1.png?table=block&id=bc9cfa05-1947-44a1-830f-7b86492bbf18&t=bc9cfa05-1947-44a1-830f-7b86492bbf18&width=1062&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc2b615d9-5db5-42ce-8b86-49e26407ee69%2F03-2.png?table=block&id=cdc23b48-63f8-4331-bb21-e886b424d25c&t=cdc23b48-63f8-4331-bb21-e886b424d25c&width=829&cache=v2)
- 创建一个面片 在这条曲线上走一个路径动画,要把这条曲线走完(面片的面数不用太高)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa6d777c4-079e-4cf3-9f93-7752e77e3e26%2F04.png?table=block&id=5468a9e2-850c-424c-90d8-009163f9cdde&t=5468a9e2-850c-424c-90d8-009163f9cdde&width=1291&cache=v2)
- 选中面片转换成不受曲线影响的模型
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F72b5f711-05d5-4d2b-92eb-7ab9c3f9af16%2F05.png?table=block&id=ff04ebdc-bc1d-4883-9cdb-cc38319b4cc7&t=ff04ebdc-bc1d-4883-9cdb-cc38319b4cc7&width=434&cache=v2)
- 把这个模型四个角的点修整一下
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe0551cde-0cde-47a0-aa93-fcbd2c4b9fb9%2F06.png?table=block&id=03c6e76e-6441-4cf2-b3f2-b02192c1a1cd&t=03c6e76e-6441-4cf2-b3f2-b02192c1a1cd&width=1216&cache=v2)
- 把这个模型转换成poly模式 再把断边的点合并
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9994d1f3-4b8f-420c-989c-a28eb57c6c35%2F07.png?table=block&id=58e46e86-ad50-4c31-b1a0-3a116c19d594&t=58e46e86-ad50-4c31-b1a0-3a116c19d594&width=446&cache=v2)
- 删掉模型多余的线
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4d81b693-ec40-4213-939e-74e4ad925ad7%2F08.png?table=block&id=417cb26f-99d6-4c01-bcc7-f3884546df5e&t=417cb26f-99d6-4c01-bcc7-f3884546df5e&width=1459&cache=v2)
- 再然后选择四条边角线 做一个倒角
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F8d36104e-6fb6-4864-bd18-2744b769238c%2F09.png?table=block&id=700df117-c161-42f7-8441-306364eff3b4&t=700df117-c161-42f7-8441-306364eff3b4&width=1342&cache=v2)
- 再添加一个分UV的命令 稍微调整一下UV
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fce08cb26-fbf8-40ab-87e5-9942a566f8c2%2F10.png?table=block&id=3e45681a-2122-4b08-9e6d-036941890268&t=3e45681a-2122-4b08-9e6d-036941890268&width=580&cache=v2)
- UV如下图所示(UV分好后导出FBX格式的模型放入你的工程文件里)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F57b3953d-66c5-4d5c-9884-d3f0564b541e%2F11.png?table=block&id=6521713a-de8c-462d-86bc-cbacac1e0a14&t=6521713a-de8c-462d-86bc-cbacac1e0a14&width=705&cache=v2)
- 打开你们的U3D把UI放进去 (大小什么的要问你们的程序要一个GUI)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Feb591292-aafe-4713-914e-e78c22e84e05%2F12.png?table=block&id=ccf0dbba-9446-4fe3-b3ba-2119bd31d1ab&t=ccf0dbba-9446-4fe3-b3ba-2119bd31d1ab&width=826&cache=v2)
- 然后选一个比较合适的贴图(这里贴图自己弄,我的GIF效果用的不是这个图,只是为了说明一下)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F2259175c-7ee0-4794-b53c-3ab75a5efd84%2F13.png?table=block&id=ddff39ff-4670-42f1-8d12-768d9652330e&t=ddff39ff-4670-42f1-8d12-768d9652330e&width=565&cache=v2)
- 然后把你们的FBX格式模型放到U3D里面,然后把选好的贴图帖上去,再按ctrl+6打开动画面板(应该需要稍微做下调整)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe429eb19-2e81-4c7e-8e82-1d48cb4a22bb%2F14.png?table=block&id=8823f08d-19f7-4c54-b49f-04fa61b047f4&t=8823f08d-19f7-4c54-b49f-04fa61b047f4&width=1086&cache=v2)
- 接着就是给你的模型材质球上面K针,就是UV动画。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F8e2b462f-1d89-4cfe-8a93-7a0ba39a948d%2F15.png?table=block&id=44604c84-71b1-47f1-b023-4310a321671b&t=44604c84-71b1-47f1-b023-4310a321671b&width=296&cache=v2)
- 再然后就是把你K好的这个动画文件勾上循环
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F29d98c57-a83d-480e-b3a7-f5e8ed78d06b%2F16.png?table=block&id=3132e959-620f-4e87-8c34-88e17cb0e53b&t=3132e959-620f-4e87-8c34-88e17cb0e53b&width=803&cache=v2)
- 接着再复制一个旋转一下角度
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F39df048e-dbc1-4217-98cd-8d2ef341ee46%2F17.png?table=block&id=972c294b-de8c-48a6-b73d-72d00dd41dee&t=972c294b-de8c-48a6-b73d-72d00dd41dee&width=1264&cache=v2)
欢迎您在底部评论区留言,一起交流~
- 作者:Tdou
- 链接:https://www.tdouguo.com/p/unity-ui-streamer
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。