QQ登录

登录|注册 上传

飞特网

  • 飞特网官方微博
  • 飞特网微信公众号
飞特网顶部通栏AD位

设计师必须掌握的贝塞尔曲线的秘密

希望发布于:2014-5-28 15:36 |寻找原创分享者
简介: @陈子木 有没有观察过你喜欢的插画师们未完成的作品?仔细观察,你会发现他们非常着迷于调整贝塞尔曲线的手柄(也就是钢笔工具画出来的曲线啦~),并且力图让调整曲线的手柄尽量水平或者垂直。为什么呢?我想通过这 ...
 

FEVTE编注:更多AI教程讨论及AI作品提交请到飞特论坛AI交流区:https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=132

@陈子木 有没有观察过你喜欢的插画师们未完成的作品?仔细观察,你会发现他们非常着迷于调整贝塞尔曲线的手柄(也就是钢笔工具画出来的曲线啦~),并且力图让调整曲线的手柄尽量水平或者垂直。为什么呢?

我想通过这个教程,为力图探寻此道的设计师们打开一扇门,指引方向。当然,首先你熟练使用AI和PS中的钢笔工具才行。

指导最近我才开始探寻这些操作的意义,并且力图去发觉插画师们为着迷于此。事实证明,让手柄保持水平和垂直可以为调整曲线省下一大堆的时间和精力。

接下来的教程中,我会同你仔细探讨这些问题。

这是字体草图在AI中的轮廓预览图( ⌘+Y / Ctrl+Y)。

注意:要预览你自己的贝塞尔曲线——也就是钢笔轮廓,你可以打开AI的首选项进行设置( ⌘K)。这可以让你更方便控制手柄调节曲线的弧度。

请注意所有的贝塞尔曲线的手柄(除了极少数特殊状况,我们稍后聊聊那些部分),它们大多都整齐地锁定在水平线上,或者垂直于平面。让我们探讨一下,为什么这样的设计很好用。

首先,它减少了你节点位置的选取选项

这可能听起来不太好,但是实际操作中,这样来规划的确会便捷不少。走进饭店拿起菜单,发现菜单详尽无比,从印刷厂地址到ISBN串码都注明了。我讨厌这样。所以,有的时候,贝塞尔曲线的节点如果没有设定好的话,就会像那菜单一样令人头疼。在Illustator中,你的草图是随时可以查看随时可以调整的。当你的光标悬停在曲线上的时候,就像你的手指停留在印满各种信息的菜单上,从哪里下手才对?我不知道你会怎么做,我应该会选择当天的特色菜——所有曲线中最靠外的点,来着手。好吧,让我们来探讨一下这个问题。

节点位置布局

这是曲线设计的秘诀所在。掌控好这些华丽曲线在0°和 90°切线上的手柄,才是从战略上把控好全局的核心策略。听起来有点复杂?不,一旦你仔细体会,会发现这个方法非常好用。

提示:当你调整手柄角度的时候,按住Shift按键,可以很快将手柄校准到水平/垂直。

看看下面4图中简化的线框图。红色的圆圈代表水平手柄的节点,蓝色圆圈是垂直手柄的节点。注意观察每条曲线最外侧的节点的位置设定。

图4

图5显示出更加详细的内容,并且用红色的曲线标注出建立节点的最佳位置。

图5

当你的节点布局错误的时候,就会出现图6中的问题:

图6

如箭头所指,将红圈移动到左上方,曲线的问题会得到解决。

现在,我们都明白了,节点的位置并不一定是随机的。事实上,它也不应该是随机的。接下来,你应该按照上面的描述来设定自己的节点排布方案,允许自己"少像一点",多练习几次,应该就能培养出你字体设计的"肌肉记忆"了。

接下来我们来探讨一下贝塞尔曲线重的手柄的控制。

使用手柄调出漂亮的曲线

全情投入节点排布之后,你该适时地关心一下手柄的调节了。先看看下方的GIF图7:

图7

如果你曾用AI制作过字体或者图形的话,那么你肯定明白这是怎样的一副景象:你手绘出草图,构建节点布局,然后将绝大部分的时间和精力耗费在调教手柄上,期待他们的配合,试图创造出完美的曲线。的确,这个环节是没有灵丹妙药和取巧之道的,大量的练习和日渐熟练的手感才是达成目标的终极方案。

12下一页
飞特网—站内广告
61

好评

差评

刚表态过的朋友 (61 人)

希望
北京市 崇文区 平面设计师
+ 关注 私信
  • AI快速制作毛绒文字效果教程
  • PS换脸教程
  • AI和PS制作苹果WWDC2019霓虹灯效果教程
发表评论

最新评论(5)

回 复 1楼
likexiaohe发布于:2016-8-18 17:48
赞赞赞~~!!
回 复 2楼
橡皮枪发布于:2014-7-13 15:33
太漂亮了
回 复 3楼
粒粒丽发布于:2014-6-20 17:54
原来如此


回 复 4楼
努力变成大神发布于:2014-6-17 11:34

回 复 5楼
柚子郭儿发布于:2014-6-17 11:28
太美了,什么时候可以达到这种水平撒

查看全部评论(5)

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

关于飞特| 广告服务| 付款方式| 友情链接| 网站地图| 联系我们| 加入我们| 举报| 飞特网旧版| 手机版| 飞特网