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

admin

lmjs 发表于 2015-8-28 12:13


感谢深版加分鼓励，谢谢！
我的颜色渐变效果怎么跟你们的不一样，GH中渐变色还可以自己定义吗？
Hi，Gradient Control运算器 可以自定义颜色，方法如下：
1.指针放到左上角颜色备选区，按住鼠标左键朝右拖拽就可以新增加颜色节点；


2.用鼠标右键单击颜色节点即可调整其颜色。

admin

非常感谢深大的教程，做的不好，斗胆发出来，照着教程做收获很多！！！

admin

derek096 发表于 2014-6-14 22:51


先看看再模仿  两个小问题 a.景图片导入后是灰色显示的 怎么变为彩色的呢？b.这样的文字注释怎么弄 ...
问题1
如果你放置图片的方式是：BackgroundBitmap
那么你可以鼠标单击视窗标签，按照下图设置，取消 灰阶 的勾选即可


问题2
Ctrl+G 群组运算器，鼠标右键单击紫色区域，就可以对群组命名

admin

本帖最后由 derek096 于 2014-6-15 09:56 编辑
先看看

再模仿  两个小问题 a.景图片导入后是灰色显示的 怎么变为彩色的呢？b.这样的文字注释怎么弄的？

admin

本帖最后由 深蓝 于 2014-6-5 12:04 编辑
制作颜色渐变效果
这些正方形从左至右的颜色发生渐变，但是每一列的正方形颜色是相同的，简单分析下，每一列正方形的中心点X坐标值相同，对！这就是切入点
为了解释清楚如何着色，我先用一组简单的图形解释：
下图中基于一组点创建出一组心形，曲线与点之间一一对应


游客，如果您要查看本帖隐藏内容请回复
总结：

1.本次教学分4个小节讲解，每个小节都会实现我们最初分析的每一个步骤，再将它们连接起来，就能实现最终效果
这四组小的程序就像是机器的不同部件，分工明确，搭配起来机器就能正常运转。
2.教学中运用最多的一个运算器是 Dispatch ，判定的条件需要我们事先想好，所以，你不需要掌握太高深的数学知识，但思维逻辑很重要。
3.本教学并不是最简便的方法，但是可以让初学者了解到思考的过程！

admin

本帖最后由 深蓝 于 2014-6-5 12:05 编辑
3.基于点创建正方形并且实现缩放效果
这一步中首先要从刚刚筛选出的点中挑选出被曲线干扰到的点，才能进一步做缩放
先使用Pull Point 运算器测量出点至曲线的距离


游客，如果您要查看本帖隐藏内容请回复
效果如下图所示：

admin

本帖最后由 深蓝 于 2014-6-5 12:06 编辑
2.筛选出需要的点
再次观察，在之前标记出的轮廓线以内，黑色区域的正方形需要删除，黄色区域的正方形发生了缩放变形，其余的正方形并未受到曲线影响，如下图所示：


游客，如果您要查看本帖隐藏内容请回复
第二步的程序完成，效果如下图所示：