恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
钢笔工具进阶技巧!
0.0°
2019-02-26 好文转载 教程 原作者: 力力 举报 3424 19 20 1

如何用好钢笔工具。

在初学 UI 的时候,临摹了很多作品,每次临摹基本都可以分为两个步骤,第一步是用钢笔工具和形状工具把物体勾勒出来,第二步是往形状上填充颜色,然后加一些渐变或者投影。在填充颜色和细节的时候是很享受的,但是在勾轮廓的时候总是很崩溃,画出来的曲线总是不流畅,也不知道问题出在哪里,其实就是钢笔工具没有掌握好。Image title

后来看到一篇外文文章,写的是在 Illustrator 中使用钢笔工具的技巧,才明白了怎样才能用钢笔工具画好曲线。


想要更多的学习教程和十年资深UI设计师必备学习软件资源同学可以加入小编的主页群号免费领取。


准备工作,勾选橡皮带工具Image title

钢笔工具大家应该都很熟悉了,中间一个节点,两边两个手柄,调节手柄的方向可以控制曲线的走向,调节手柄的长度可以控制曲线的弧度。上面的动效设计表达的就是这个意思。

在使用钢笔工具的时候有个能帮助我们的选项,叫橡皮带,勾选上以后,曲线会随着鼠标移动,方便我们预览曲线的走向,看下图,在图片最右边,点击齿轮勾选上:

节点手柄方向和位置是画好曲线的关键

接下来就要开始用钢笔工具画曲线了,在画以前我们可以看看高级 UI 设计师们是怎么处理曲线的节点的,看下面两张图:

 

 

从图片里我们能发现,这些节点的方向都是有规律的,都遵循了一种秩序,第一个规律是:除了曲线结束的角,所有节点的手柄不是水平的就是垂直的,具体情况要根据曲线的走向,如果曲线横着走,手柄方向就水平,如果竖着走,方向就垂直。第二个规律看下面的两张图:

 

图片中红色的圈代表水平的节点,蓝色的圈代表垂直的节点,从图片里可以看出,不仅仅是手柄的方向有规律,节点的位置也是有规律的,第二个规律就是:所有的节点都在曲线的 “最” 外侧或者 “最” 内侧。简单得说就是如果曲线是凸出来的,节点就放在最凸的那个地方,如果节点是凹进去的,节点就要放在最凹的那个地方。掌握了这两个规律就可以轻松画出完美的曲线了。


实战演示一下

比如说用钢笔工具画上图这个 “ S ”

根据第二个规律,所有节点都在曲线最凸或最凹的地方,在这些位置依次画上节点。

根据第一个规律,手柄的方向不是垂直就是水平的,鼠标长按钢笔工具,在菜单的最后找到转换点工具,就是图片里 “T” 上面的那个,按住 shift 点击节点拖动,在每个节点上把手柄拖出来,这时候拖出来的两个手柄是一样长的,位置大概正确就行,不用刻意调整。Image title

在把所有手柄拖出来以后,我们开始调细节,还是用转换点工具,按住 shift ,分开拖动每个手柄使曲线吻合。

所有手柄都调整完成后就大功告成啦!

今天的教程主要讲了钢笔工具的使用技巧,只要熟练掌握了就可以画出世界上任何的造型,再加上颜色和质感,我们就能创造出精彩的设计。一定要多多练习,钢笔工具可以说是基础,但也是 UI 设计中的一个难点,大家加油!

更新:2019-02-26

收藏

19人已收藏

洛诺言

小白领取资源加微:13340016495,备注软件

  • 121

    作品

  • 536

    粉丝

  • 2

    关注

  • PS教程:侏罗纪海底世界海报合成
  • Adobe CC 2020专业版软件,一键下载安装教程
  • PS创意美味的饼干字体教程
  • 设计师8个技巧做好深色主题设计

    猜你喜欢

      2019-02-26 好文转载 教程 原作者: 力力 举报 3424 19 20 1

      钢笔工具进阶技巧!

      0.0°

      你确定要举报钢笔工具进阶技巧!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年06月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      20
      19
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录