制作游戏或者平面程序最枯燥且繁琐的一步可能就是制作UI了。对面美术人员给过来的PSD或者切图,对照一张布局图来一个一个UI的拼不仅会消耗很多时间,而且往往会有像素级的偏差,对于有强迫症的美工或者程序来说大概会有点抓狂。值得庆幸的是还是有现成的插件供我们使用,可是实现自动切图和一键生成界面。 首先导入unitpackage,将Photoshop Scripts文件夹下的Psd 2 Unity Pro - Digest.jsxbin文件拷贝到PhotoShop的插件目录下,Windows和Mac OS的目录如下:
打开psd文档并对图层进行编辑,PSD的图层结构就是UI的层级结构。 可以使用tag来对导出和UI控件信息进行设置,可参考如下表格: 编辑好之后选择文件->脚本->Psd 2 Unity Pro - Digest(英文版File->Scripts->Psd 2 Unity Pro - Digest)一键导出图片和界面信息。导出后我们可以在psd文件的同级目录下找到一个assets文件夹和一个structure.json文件,前者为图片资源文件夹,后者为界面信息文件的json文件。 右击Project视图的空白处,选择Set as Psd 2 Unity Pro’s Target,可以打开界面生成设置: 当然我们也可以在生成界面后对控件进行设置,不过插件提供的快捷设置真的很好用。使用这个插件之后我们就可以专注在逻辑代码的设计编写上而不必跟psd文和手动搭建UI界面作斗争啦! |
|
来自: office0228 > 《unity3d 5.5》