[经验]Rhino的另类用法--辅助UI

Aloe · 发表于 2012-9-2 18:18:58

在黄山犀牛班上课时，发现有同学对利用Rhino辅助绘制UI图标很感兴趣，现在就把它分享给大家吧。

在绘制像下面的图标的时候，在PS中勾路径往往是费神又费时的过程。像这类图标的体形用Rhino来建模，再转出路径到AI中处理后再到PS中填色会快捷很多。

以下是操作步骤

如图是在Rhino中建模的效果。建模很简单了，这里不讲述了，主要是要注意尺寸的比例关系。

执行【尺寸标注】/【建立2D图面】选项，将透视图的角度投影为平面的线框。如图1-2所示。

snap01237.png (29.31 KB, 下载次数: 91) 下载附件 2012-9-2 18:09 上传	snap01239.png (23.14 KB, 下载次数: 109) 下载附件 2012-9-2 18:09 上传
图1-1 建模效果	图1-2 得到线框

选择所有线框，执行【文件】/【导出选取物件】命令。将所选对象导出为AI文件。

下面要在AI（Illustrated CS5）中处理线框了。这个需要【实时上色】功能的支持。注意低一些的版本是没有这个功能（具体是几版本前没有这个功能忘了注意了）。打开的导出文件状态。如图1-3所示。

图1-3 导入文件

你会发现所有路径都是一段一段的，这样的路径是没有办法填颜色的，所以要利用【实时上色】功能使它们变为闭合路径（有了这个工具，绘制路径什么的确实方便很多）。

执行【实时上色工具】。如图所示。利用【实时上色】工具将所有区块填充为不同颜色。如图1-5所示。

snap01247.png (11.31 KB, 下载次数: 100) 下载附件 2012-9-2 18:11 上传	snap01248.png (21.09 KB, 下载次数: 87) 下载附件 2012-9-2 18:12 上传
图1-4 【实时上色工具】	图1-5 填色

将实时上色对象扩展后，删除原来的线框，只保留填色，如图1-6所示。

在PS中新建一个文档，将AI中的对象复制后在PS中粘贴，粘贴时选择【路径】选项。在【路径】面板中选择相应的路径，再在各个独立的图层中利用矢量蒙版来填充颜色，图层状态如图1-7所示。

snap01249.png (19.01 KB, 下载次数: 96) 下载附件 2012-9-2 18:12 上传	snap01251.png (46.98 KB, 下载次数: 83) 下载附件 2012-9-2 18:12 上传
图1-6 填色对象	图1-7 PS图层

以下是PS的源文件，分享给大家来学习

hd7798200 · 发表于 2012-9-2 18:22:18

我也以前这样做过，很快，嘿嘿

thris00 · 发表于 2012-9-2 18:58:09

看看再说谢谢楼主

筑梦2011 · 发表于 2012-9-2 19:32:27

学习一下呵呵

nelogt · 发表于 2012-9-2 19:53:22

不错，支持一下，好帖

ncmooc · 发表于 2012-9-2 20:24:23

嗷嗷嗷字数补丁

rachelw · 发表于 2012-9-2 20:37:27

看到这帖子真是高兴！

hsx · 发表于 2012-9-2 21:24:55

来学习一下

nblty2 · 发表于 2012-9-2 22:18:02

支持支持支持

李峯 · 发表于 2012-9-2 22:34:44

学习一下呵呵

H.Y. · 发表于 2012-9-2 22:44:41

看看呢强烈支持楼主ing……

emmy╰★... · 发表于 2012-9-2 22:49:54

放逐天际 · 发表于 2012-9-2 23:09:17

我是来学习的

finding136977 · 发表于 2012-9-2 23:43:51

强烈支持楼主ing……

apple哥 · 发表于 2012-9-3 00:28:14

强烈支持楼主ing……之前想过。但是没实践过，谢谢老师的分享啊