Ai制作编织环教程

第12天(2017-8-14)

今天认识一个设计小伙伴Japhia小飞,他分享给我这个教程,但是由于这个教程有些步骤写的不是很清楚,所以我自己私下研究了一遍,并且把这个教程细化分享给我的设计小伙伴,在帮助他人的同时,自己也得到提升,插一句,研究的过程很废寝忘食。哈哈~

临摹编制环最终效果图

下面具体介绍用ai绘制编织环的方法。

第一步:绘制两个圆,一大一小,分别为100px和30px;然后两个圆编组(快捷键control+G);

绘制两个圆

再复制一个,得到两组圆,


两组圆

两组圆相切,大圆和小圆相切,如下图:

这个环节很重要,一定要是正确的相切,不然后面用“形状生成器”工具不能有理想结果;


正确的相切是线和线相交


错误相切是线看上去相交,其实不相交

第二步:拉出一根参考线,作为切线,复制一组圆在右边备用,左边两组圆如下图所放置;

图片发自简书App

把左边的一组圆编组,旋转45度,旋转后要把内圆贴在切线上,得到下图;

图片发自简书App

然后把右边的圆复制一个移到左边来,与左边的圆相切,编组左边三个圆,继续旋转45度;

图片发自简书App

之后,和上一步一样把旋转后的三组圆贴在切线上,复制一个右边的圆,与之相切,四组圆编组,继续旋转45度;

图片发自简书App

以同样的方法绘制出第7个圆;

图片发自简书App

第八个圆直接加在两个圆之间,手动移即可,保证与隔壁两个圆相切。

图片发自简书App

最终得到这一组图。

图片发自简书App

第三步:用混合工具;在Ai的工具栏找到,如下图;


图片发自简书App

点击混合工具,光标移到一组圆的小圆中心点,按住alt键+左键;

图片发自简书App

出现此对话框,参数如下图设置;

图片发自简书App

确定后,把光标移到大圆上,光标出现“+”号时,左击一下,便会自动出现中间的圆;以同样的方式分别给其他七组添加上;

图片发自简书App

得到以下效果图;到这一步就已经接近教程的尾声了;

图片发自简书App

第四步:

全部选中,到“对象-扩展”这一步,出现以下对话框,点击确定;

图片发自简书App

点击形状生成成器工具;在ai工具栏找到,如下图:


图片发自简书App

点击形状生成器工具,把光标移到图形上,图形就会出现红色的边,按住左键,选好几个合并的图形后,释放左键,图形就打通了;如下图:


图片发自简书App

被打通后的曲线通道;

图片发自简书App

每一条编织通道按照这个方法做;这里提醒一点(如果之前的每组圆边线不相切,形状生成器添加形状时会连起来,主要的线会被打通)

图片发自简书App

按照这个方法依次打通编织曲线;

图片发自简书App

最终效果图:

最终编织环效果图

教程结束。做编织环主要用到Ai的两个工具是“混合工具”和“形状生成器工具”,这两个工具可以制作更多好看的图形,希望这个教程帮助你很好的应用这两个工具。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,353评论 25 708
  • 我现在总算明白为什么人们常说人总是会变的。因为这一次我体会到了我随空间的变化。不久之前在父母的日常斥责下,我幻想过...
    几点鸿阅读 279评论 0 0
  • 回忆在穿越脑际, 像六月的雨点点滴滴痛击着我的心扉。 如果爱能简简单单没有伤害该多好。 我记得对美的执着与追求,幻...
    Kayan阿嘉阅读 428评论 1 21
  • 风吹云飘摇,水流落花随。我不曾见过你往昔的容颜,或泪,或笑。你不曾驻足我消逝的记忆,有他,有她。以前,我们互相平行...
    Collelle阅读 282评论 0 1
  • 以前总喜欢说“大胆往前走,别回头”,现在,过了一两年,却生发了完全不一样的心境。 我是前年从大学毕业的,毕业后直接...
    小佛系的彩老师阅读 467评论 2 8