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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
AI-条纹9教程
0.0°
2017-10-25 好文转载 教程 原作者: 敖特 举报 3839 41 29 6

AI-条纹9教程

原帖在https://zhuanlan.zhihu.com/p/26404082,是很好的操作例子,按照这个做了一个,但是剪切圆右下角的锚点的时候出现了问题,在一些群里面问了一些人,一直没有得到解决,做出来的同学一起交流下哈。


我们绘制了数字「 1 」与一个「 圈 」,主要使用两个工具:「混合工具」与「效果 -> 3D」,如果再加上「路径查找器」,那么 Behance 上这套作品 便可做的七七八八

但是,比如说数字「 9 」:


却不适合用这几个工具来塑造 ,原因如下:

「路径查找器」不用多说,直接排除

上一篇中,我曾提到:「混合工具」所混合的项与项之间,变化的趋势是直线,因此用其塑造有弧度并且横条纹的柱状结构并不合适,所以「混合工具」也 pass 掉

「效果 -> 3D」则完全是因为 Illustrator 的自带 3D 效果过于基础,无法塑造稍微复杂一些的 3D 模型,而造成了同样的不适用

所以对于数字「 9 」,我们将引入另一个工具:「图案画笔」

首先需要制作「图案画笔」所需的拼接贴片:


可以看见浅色的三部分是完全相同的,同时可以首尾平滑且无缝的相连,对于「图案画笔」这十分重要,是画笔可以无限延伸的基础

接下来,我们开始制作「图案画笔」所需拼接贴片。按住『shift 键』的同时用「直线段工具」,拉一条 45° 直线段:


『shift 键』+『C 键』切换为「锚点工具」,将线「锚点工具」移至线段上,然后按下鼠标将线段拉出一个弧度:


按住『shift 键』的同时用「锚点工具」拉动其中一个「手柄」,使「手柄」水平,并且端点位于过线段中点做的垂直线上,软件会给出如下图的提示(若没有,请设置「视图 -> 智能参考线」为开启):


这里,已经是第二次在按下『shift 键』的同时执行某操作了,这里解释一下在 Illustrator 中『shift 键』的作用:

『shift』可以使操作「规则化」,比如在缩放时按住『shift 键』可以使缩放变成等比例的,又比如在涉及到角度相关的操作时,会将相关角度限制为 45°、 90°、 135°、 180° 等(即 45° 的倍)数

对另一个手柄也执行相同操作:


复制曲线,「编辑 -> 粘贴在前面」,同时按住『shift 键』和『 键』将刚刚粘贴的曲线,水平移动到一个合适的距离:


用「直线段工具」分别连接曲线两端(锚点必须严格对齐):



选中所有线段,「对象 -> 路径 -> 连接」:


我们得到了一个封闭的图形,并且此图形是中心对称,同时可以无缝首尾相连的。刚刚已经说过,无缝首尾相连,对于制作「图案画笔」十分重要,是画笔连续延伸的基础。这也是为什么我们花费了这么多时间来制作曲线,而不是用「钢笔工具」随手一画的原因

做一个深色的背景,将图形填充为浅色同时去掉描边:


复制图形,「编辑 -> 粘贴在前面」,重复三次,也就是说粘贴三个相同的图形在上面。同时按住『shift 键』和『 键』,以将最新粘贴的图形水平移动到一个合适的距离:


全部选中(注意别把背景也选进去了),以「对齐所选对象」的方式将其「水平居中分布」:


画两条垂直线,分别过第一个与第二个图形底部的第一个锚点:


选中除背景外的所有元素,「窗口 -> 路径查找器 -> 分割」,将整体图形分割为三部分:

两边部分可以删除,中间部分编组后适当缩小,将其拖入「画笔面板」,选择「图案画笔」:


在「画笔面板」中我们可以看到刚刚新建的画笔:


画个圆,在圆的左下半弧上用「添加锚点工具」加个锚点:



选中刚刚添加的锚点,点击「在所选锚点处剪切路径」:



调整切断后的路径:


「画笔定义」选择之前做好的「图案画笔」,调整「描边粗细」至合适的值,继续调整路径使其和谐:


「对象 -> 路径 -> 轮廓化描边」:


「窗口 -> 路径查找器 -> 分割」:删除多余部分,做一下装饰与排版,出图:


更新:2017-10-25

下载
收藏

41人已收藏

divzzy

相信你是最胖的

  • 24

    作品

  • 70

    粉丝

  • 23

    关注

  • AI贴图制作3D剪影球体效果教程
  • AI绘制苹果 watch icon图标教程
  • AI混合工具制作渐变字教程
  • Ps制作抖音logo教程

    猜你喜欢

      2017-10-25 好文转载 教程 原作者: 敖特 举报 3839 41 29 6

      AI-条纹9教程

      0.0°

      你确定要举报AI-条纹9教程

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年10月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      29
      41
      6

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

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

      登录

      手机号

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

      登录
      第三方账号登录