童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

3月3日 逆落雪投稿
  有没有观察过你喜欢的插画师们未完成的作品?仔细观察,你会发现他们非常着迷于调整贝塞尔曲线的手柄(也就是钢笔工具画出来的曲线啦),并且力图让调整曲线的手柄尽量水平或者垂直。为什么呢?
  我想通过这个教程,为力图探寻此道的设计师们打开一扇门,指引方向。当然,首先你熟练使用AI和PS中的钢笔工具才行。
  指导最近我才开始探寻这些操作的意义,并且力图去发觉插画师们为着迷于此。事实证明,让手柄保持水平和垂直可以为调整曲线省下一大堆的时间和精力。
  接下来的教程中,我会同你仔细探讨这些问题。
  这是字体草图在AI中的轮廓预览图(YCtrlY)。
  注意:要预览你自己的贝塞尔曲线也就是钢笔轮廓,你可以打开AI的首选项进行设置(K)。这可以让你更方便控制手柄调节曲线的弧度。
  请注意所有的贝塞尔曲线的手柄(除了极少数特殊状况,我们稍后聊聊那些部分),它们大多都整齐地锁定在水平线上,或者垂直于平面。让我们探讨一下,为什么这样的设计很好用。
  首先,它减少了你节点位置的选取选项
  这可能听起来不太好,但是实际操作中,这样来规划的确会便捷不少。走进饭店拿起菜单,发现菜单详尽无比,从印刷厂地址到ISBN串码都注明了。我讨厌这样。所以,有的时候,贝塞尔曲线的节点如果没有设定好的话,就会像那菜单一样令人头疼。在Illustator中,你的草图是随时可以查看随时可以调整的。当你的光标悬停在曲线上的时候,就像你的手指停留在印满各种信息的菜单上,从哪里下手才对?我不知道你会怎么做,我应该会选择当天的特色菜所有曲线中最靠外的点,来着手。好吧,让我们来探讨一下这个问题。
  节点位置布局
  这是曲线设计的秘诀所在。掌控好这些华丽曲线在0和90切线上的手柄,才是从战略上把控好全局的核心策略。听起来有点复杂?不,一旦你仔细体会,会发现这个方法非常好用。
  提示:当你调整手柄角度的时候,按住Shift按键,可以很快将手柄校准到水平垂直。
  看看下面4图中简化的线框图。红色的圆圈代表水平手柄的节点,蓝色圆圈是垂直手柄的节点。注意观察每条曲线最外侧的节点的位置设定。
  图4
  图5显示出更加详细的内容,并且用红色的曲线标注出建立节点的最佳位置。
  图5
  当你的节点布局错误的时候,就会出现图6中的问题:
  图6
  如箭头所指,将红圈移动到左上方,曲线的问题会得到解决。
  现在,我们都明白了,节点的位置并不一定是随机的。事实上,它也不应该是随机的。接下来,你应该按照上面的描述来设定自己的节点排布方案,允许自己“少像一点”,多练习几次,应该就能培养出你字体设计的“肌肉记忆”了。
  接下来我们来探讨一下贝塞尔曲线重的手柄的控制。
  使用手柄调出漂亮的曲线
  全情投入节点排布之后,你该适时地关心一下手柄的调节了。先看看下方的GIF图7:
  图7
  如果你曾用AI制作过字体或者图形的话,那么你肯定明白这是怎样的一副景象:你手绘出草图,构建节点布局,然后将绝大部分的时间和精力耗费在调教手柄上,期待他们的配合,试图创造出完美的曲线。的确,这个环节是没有灵丹妙药和取巧之道的,大量的练习和日渐熟练的手感才是达成目标的终极方案。
  此时此刻,这些垂直和水平的贝塞尔曲线手柄就是能否调出完美曲线的制约因素了。当你调整手柄的时候,手指应该始终按住Shift键,确保调整手柄长度的时候,角度不会偏移。这个时候,你会发现你控制手柄更加自如了。这样一来,我发现自己使用AI制作复杂的字体和图形越来越得心应手了。
  还有什么要注意的?
  以上的内容听起来都挺贴心的,但是依然有一些问题是需要注意的。
  1、有的时候你很难找到曲线上最靠外的临界点。
  并不是所有的曲线都会像图5一样达到顶点,这也意味着总有节点的切线无法水平或者垂直。在这种情况下,你需要按照曲线的走向,设定更合理的节点,尽可能创造符合草稿的弧线,而不是死板地追求衡平竖直的切线手柄。
  2、必须控制好节点的密度
  即使你忘记这一点也比随便安排节点来的好。如果你随便安排节点,你的曲线会出现许多额外的突出,而缺少圆润。如果你的曲线仅仅只是看起来不自然,那么你可以试图调节临近的曲线达到完美的效果。合理控制好节点的密度,也是为了达成这一目的。
  3、节点的安置可以根据状况合理地稀疏一点,或者致密一些。
  有的时候,你所创建的曲线是弧度变化比较大,一个“临界点”紧邻着另外一个“临界点”,如下图所示:
  图8
  不用担心,放大图像会方便你控制好这些节点和弧度细节,就像下面这张图:
  图9
  有的时候,多考虑一下整图的横竖手柄的布置,是能让作品臻于完美的。
  我们探讨了节点位置布局的方法,如果这可以减少你做图的时间,那么有什么理由不用它呢?控制好手柄的长度,也可以减少多余的节点,从而使得你的AI文件更加精悍小巧。更重要的是,节点数量的减少也会让曲线更流畅。最后,总体设计时长的减少,使得你有更多的时间在草稿纸上设计更漂亮的图形和字体,何乐而不为呢?
  老实说,掌握好了这些技巧还是挺好玩的。
  所以,当你拥有你其他设计师朋友不具备的技能的时候,不妨记录下你的设计细节,发布在优设,或者UI中国这一的平台上,让更多设计师看到,让大家一同进步吧。
  以下是更多的使用案例:
投诉 评论

AndroidL预览版设计规范笔记AndroidL预览版设计规范笔记(一)M设计风格Google在IO大会上公布了新一代AndroidAndroidL,随之也带来了全新的……移动应用侧边栏交互的利与弊与解决方法现在我们已经有数据说明侧拉菜单(又称汉堡包菜单)的使用,可能弊大于利。下面是一些数据:Scoul……日本手游为何能够红透半天?日本手游市场发展到今天空前的规模,得益于日本悠久的主机及电子游戏历史,丰富的动漫为游戏提供的海量IP储备,师资雄厚的游戏团队,独特新颖的游戏模型,庞大而爱好专一的手游用户群,玩……【图赏】这才叫真正的产品设计!小编导语:很多好的产品,都源自生活,能够让生活变得更加简单,以下15款极具创意的产品设计,能否为你的设计带来一些灵感呢?抗寂寞拉面碗和手机共进晚餐只有手机陪的人好心……Facebook产品设计总监告诉你,提高自己对产品的认知文章通过对于评价产品的每个步骤的介绍,旨在帮助产品经理更好地理解用户,提升自己的产品直觉。提到产品评判(ProductCritique),我们常常能想到白板上各式各样的箭……设计华丽用户体验的6个热门技巧你是否曾经下载了一个应用,却发现它“很难使用”?对于大多数智能手机用户来说,答案是肯定的。有趣的是,每四个手机应用中就有一个应用在下载后被“打入冷宫”。如果一个应用能够吸引一个……别让坏的流程与架构扼杀好的设计“坏设计很少是由设计师造成的。多数时候,原因在于坏的组织架构。”DonNorman在设计咨询公司及inhouse团队当中担任了多年UX设计师的经历,让我有足够的把握去说,……以更好的方式引导用户为应用打分为什么用户的打分和评论对产品很重要?无论是苹果还是Google,他们都会在应用的图标和标题旁边放上来自用户的打分,以便让浏览者快速了解该应用的品质。人们通常不会下载那些三……指尖世界杯,新闻客户端功能大PK巴西世界杯正如火如荼,作为各大门户网站在移动端争抢用户的延伸,新闻客户端正成为诸强体现实力的交刃之处。在此针对网易、腾讯、搜狐、新浪、凤凰此几大新闻客户端的世界杯板块进行分析,……QQ空间:一款9年不衰互联网产品,有何进化秘诀?摘要:一款互联网产品如何保持在9年不衰,关键的核心在于形成了高用户黏性,就如同蓄养了一个用户池,拉新与营旧保持着良性循环,从而拉高水位,洁净水质。一个互联网公司能够存活多……干货!设计师必须掌握的贝塞尔曲线的秘密有没有观察过你喜欢的插画师们未完成的作品?仔细观察,你会发现他们非常着迷于调整贝塞尔曲线的手柄(也就是钢笔工具画出来的曲线啦),并且力图让调整曲线的手柄尽量水平或者垂直。为什么……别让坏的流程与架构扼杀好设计加餐,务虚之文,虚中有实,实中有虚,虚虚实实,万象归宗。这都哪跟哪呢?把昨晚看到的一篇小文更新上来。一到这样的夏天中午就会想到EVA里加持与美里“共处”的那个段子,昏黄、……
旅行类App竞品分析:旅行类APP的社交之路还有多长?体验细节分析:FacebookMessenger聊天机器人交社交VRAltspaceVR交互体验报告(手机端)在线音乐类APP分析网易云音乐的进阶之路产品分析快手,究竟为用户提供了怎样的服务,从而成为一款众所周网易美学产品分析报告:与网易云音乐一脉相承的网易美学,能否再脑洞文“共享彩票机”也要搭一把“共享”的风口?!实习僧产品体验报告:先发制人,保质保量成壁垒视频类app思考:浅析离线缓存保险人APP产品调研报告教你用逆向思维法写出老板满意的产品分析报告拍照搜题产品作业帮、小猿搜题、学霸君竞品分析林家铺子读后感乃万劝架粉丝不要互掐,这姐绝了红薯和什么不能一起吃呢如兰之馨的意思如兰之馨的翻译裕仁天皇二战投降诏书如何挽救了日本什么是URL标准化?道路上醉酒驾驶机动车会受到什么样的处罚?春季补钙黄金期,这8种蔬菜补钙比牛奶还厉害,要多给孩子吃淘宝店铺怎么改名摄影策划书范文AMDRyzen97950X和ASUSROGCrosshai历届世界杯主题曲盘点!你的DNA动了吗?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界