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

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

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

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

以下是操作步骤

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

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

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

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

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

图1-3 导入文件

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

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

snap01247.png (11.31 KB, 下载次数: 97) 下载附件 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, 下载次数: 95) 下载附件 2012-9-2 18:12 上传	snap01251.png (46.98 KB, 下载次数: 83) 下载附件 2012-9-2 18:12 上传
图1-6 填色对象	图1-7 PS图层

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

jiangcong · 发表于 2017-9-29 15:37:29

6666666666

ad3819265 · 发表于 2016-5-11 21:37:10

有点感兴趣，观摩

68318116 · 发表于 2016-4-18 18:30:40

谢谢分享

Youyo · 发表于 2016-4-15 16:49:03

modern

天偶尔会下雨 · 发表于 2016-3-28 18:33:58

学习学习

Ntmu · 发表于 2016-3-28 17:48:05

学习一下

ysz150978861 · 发表于 2016-1-19 21:30:20

非常好的教程

635594209 · 发表于 2016-1-14 15:19:29

。。。。。。。。。。。。。。。。

exnatery · 发表于 2016-1-11 14:47:12

学习一下

zealerman · 发表于 2016-1-10 15:36:11

学习了

zzpeilin · 发表于 2016-1-8 16:18:01

看看学习学习

18476291284 · 发表于 2015-12-12 19:43:08

看看

Keep_inTouch · 发表于 2015-11-14 17:49:27

地方

hsiencdr · 发表于 2015-11-12 20:51:17

感恩ALOE 讚嘆ALOE

18316957355 · 发表于 2015-11-5 21:16:04

巴拉巴拉