[GH基础教学]WWDC2014 Apple 宣传图渐变效果制作

admin

本帖最后由 深蓝 于 2014-6-7 21:49 编辑
WWDC 2014 Keynote 刚刚结束，微信上不少朋友对苹果没有发布iPhone 6咬牙切齿。（此段话引自网易科技）
正巧当天我也在旅途中，看完重播后也有点

言归正传，个人觉得Apple的这张宣传图很好看，很多用过Grasshopper（后文简称GH）的朋友一看就会条件反射般喊出：参数化，曲线干扰等等词


。当然，能够实现这种效果的软件和方法很多很多。



这篇教学内容较为详实，但是不会涉及到太多数据处理的知识，比较适合刚刚接触GH的朋友学习。
下面的教学也并不只是要教大家将图片上的效果做出来，更重要的是让大家了解在使用GH的过程中的思考方式。
我将图片放置在Rhino的TOP视图中，从图片上不难看出，这些等大小的方块矩阵在Apple logo轮廓线以内的区域被删除了一部分，靠近轮廓线的一些方块发生了缩放形变，如下图所示：


请注意，图中虽然只是截取了Logo的一部分，但是我们自己在绘制Logo时，一定确保这两个图形为封闭曲线。
写程序最重要的就是先将过程想清楚，理清思路后再入手会相对轻松许多；
通过分析，我们可以把这个过程做个简单的归纳：
1.创建点阵
2.筛选出需要的点
3.基于点创建正方形并且实现缩放效果
4.制作颜色渐变效果

接下来就来看如何一步步实现。
1.创建点阵
我使用Vector组下面的Square 运算器


每个正方形的边长我设置为5个单位，水平方向52份，竖直方向32份（这里的份数设置适当即可，数值过小最终效果产生的不够明显，数值过大会增加程序计算时间），如下图所示：


通过上面的方法，我们可以建立如下图所示的方块曲线矩阵：


我们可以将每个正方形曲线的中心点计算出来，处理好这些点以后，再基于这些点建立圆角正方形。会用到下图所示的Polygon Center 运算器


Polygon Center 运算器右侧的三个输出端口的作用与区别大家可以参考其help，因为是正方形曲线，通过计算后，这三个端口输出的结果是一样的，在Cv端连接一个Point 运算器即可；


请注意,此时场景中会产生很多物件，我们可以将不需要显示的物件隐藏起来，只显示点阵即可（选则对应的运算器>点击鼠标中键>点击隐藏。运算器颜色会变为深灰色）方法如下图所示：


当我们写好一个功能后，可以将这些运算器做群组，方便管理，做到条理清晰。


第一步的程序完成，效果如下图所示：


Apple gh, WWDC14
本主题由 Dixon 于 2017-4-4 12:26 解除精华

从不停下脚步

电池看不到啊，求帮助

从不停下脚步

学习一下

雷军爱唱歌

66666666666666

雷军爱唱歌

66666666666

didi哒

admin 发表于 2014-6-5 09:49
本帖最后由 深蓝 于 2014-6-5 12:06 编辑
2.筛选出需要的点
再次观察，在之前标记出的轮廓线以内，黑色区 ...

看看学习

didi哒

感谢分享

didi哒

感谢分享

sidney3003

ghWWDC2014 Apple 宣传图渐变效果制作，厉害，方便

rys77797665

谢谢分享