网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群

Illustrator手绘复杂光滑效果的iOS 7电话图标失量图(2)

时间:2016-02-08 17:39 来源:教程资料 作者:iOS 7电话图标 阅读:

一段曲线,即两个锚点两个手柄形成的曲线是容易绘制和控制的,只需要耐心调整就可以了,因为任何变化都可以在容易控制的范围内。但是,复杂的曲线不是两个锚点形成的一段曲线,它至少得是三个锚点以上。

如果我们去绘制一段曲线,能使用两个锚点来形成当然是最好,如果此时在曲线中间再放置一个锚点是自添麻烦,一下子将军控制的复杂度翻倍,但是由于形状的需求,必须要放置更多的锚点,一段简单曲线能表达的形状是有限的。

多了一个锚点,去拟合一条曲线,所谓拟合就是比如先手绘好的形状然后扫描将图像输入软件然后是勾画轮廓,有时我们并没有这个步骤,比如对照着手绘直接绘制,而且单凭一个脑袋,有的甚至凭感觉,这时候,会出现一个情况,就是绘制一条看上去形状差不多的曲线,可以有很多绘制方法,锚点放这可以,放在那也可以,只不过把手柄拖长一点,那么该如何选择呢。

凭感觉,凭经验,因为这是手艺。不过,重要的是要记住”均匀”这个词,追求”最简单”。

一旦将锚点增加到 4 个呢,这将会变得非常非常复杂,即使有经验的人,依然需要通过后续不断的调整来取得满意结果。

绘制曲线的目标是确定,而不是看上去差不多就行了,也就是包含在”简单”之内,每一个点都能确定,就像一个圆形,它的几个控制点就是确定的。而我们绘制曲线的确定当然不是 100% 的确定,而且一种确切感,如果经验丰富,就能知道下一个控制点在什么位置了。

但是,如果一段曲线是对称的,那么我们就多了一种确定了, 在绘制锚点的时候就可以左边这一点与右边这一点同样高,依此类推,我们可以找到很多确定,或者去拟合这种确定,比如比例上的,这段是那段的一半等等。而是用网格辅助来作图,也可以视作是寻找确定。

即使我们使用了网格,确定了 4 个锚点的以及手柄拉伸的长度和方向,也需要很大的工作量,而在实际中我们使用的方法还是依赖于眼睛,达到大概需求后再去规整尺寸,锚固好这些”确定”,在规整过程中不断调整。

但这种方式是没有效率的,尤其是锚点数量达到和超过 4 个的复杂曲线的时候。

Illustrator手绘复杂光滑效果的iOS 7电话图标失量图

类似 iOS 7 电话图标的形状,左右对称显而易见,但是很难用 3 个锚点来确定这个形状,尤其是还要求”均匀”,没有过分拉伸或者形状拟合程度高。

用 Illustrator 来绘制曲线的时候,很少是直接下手绘制的,正是因为我们上面说的曲线没有确定性,不像四边形和圆形以及这些基本形状的组合图像那样,确定是事先的。所以无论我们是不是输入手绘进行拟合,在绘制过程中总是处在一种拟合状态的。

而在这提出的一中绘制策略,就是在这些复杂光滑曲线的绘制过程中引入更多的确定性,就像意识到图形是对称一样,我们要找到一些内在逻辑,控制着线条以可控的方式组合成

Illustrator手绘复杂光滑效果的iOS 7电话图标失量图

这种策略就是曲线的拆解,将复杂光滑的曲线拆解中曲线绘制最基本的单位,就是两个锚点两个手柄的一段曲线,然后就拆解后的曲线连接,再作一些细微调整。

两个锚点的曲线是可控的,也就是说有很高的确定性,而且手柄长度是独立控制的,而不像通常绘制中(见开头说的我们是通过绘制 c 来取得 b 的)前后影响的巨大,而手柄方向在绘制和后续连接和调整过程中很容易控制。

那么曲线绘制的技艺就转变为曲线拆解的技艺了,而拆解的技艺仍然以”均匀”和”简单”为宗旨,也就是说如果有对称和类似对称,那就是最容易拆解的部分了,如果很难拆解,那么我们去分析曲线的曲率变化,结合我们对两个锚点的基本曲线的可供形状的意识,以”简单”为目标去寻找却开点。

这种拆解策略在三维中也是通用的,只不过操作手段不一样而已,在这,我们依赖的操作手段就是开头的曲线的基本控制单元。

注:图形只是示例,这种拆解并不唯一,而且我是通过自己的方式去拟合 Apple 的那个 120*120 px 的图标,误差肯定很大。这种方法是在三维和二维之间互导发现的,比如将一条高阶的光滑曲线导入三次贝塞尔曲线环境中,看软件是如何自动放置锚点的。

PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
相关教程