我来提供一个类似效果的实现方法
可移步观看:
- 第一期:用 Illustrator 画个圈
- 第二期:用 Illustrator 画个「 9 」
前些天刷 Behance 的时候,看到了这样一组作品, 26 个英文字母 10 个数字,一共 36 个字符,除了少数几个完全扁平的,基本都有着很强的空间感:
完整版: Behance
关于怎样在 Illustrator 中做出类似效果,你可能已有了一些经验,比如你曾看过现在正在浏览的这个问题
但是当我们将两者进行比较:
你会发现问题中的字母,它的条纹与笔画间是平行的,而数字 8 的条纹与笔画间则是相垂直的
下面我们尝着试用「问题」中 @刘远航 的回答所提供的方法,来尝试做做数字 《 1 》:
*数字 《 1 》
我们先画好两个饼图:
然后以一个很小的指定距离进行混合:
我们得到了一根柱子,但很显然,这不是我们需要的柱子
下面我们把混合的距离调大一些,看看在混合的过程中,发生了什么:
现在,我们可以看清楚,所谓混合工具,它所做的工作,是在两个需要混合的对象间,产生无数个中间值。而这个中间值的步数,则是由你所指定的距离(还有其他的方法,这里不做赘述)所决定的
当你指定了一个非常小的距离,中间值的个数就会变的非常多,从而我们就会看到一个视觉上的柱形结构,类似于一摞饺子皮:
又因为每一个中间值,与它前后的两个值又都是相似的,所以我们看到了连续的、与笔画平行的条纹。还因为每一个饼图都是没有厚度的,所以我们无法通过指定一个更大的混合距离,来实现横向的、与笔画垂直的条纹,因为一个更大的混合距离,会使我们视觉上的柱形结构不复存在
那么我们就不能通过混合工具,来做一根有着横向的、与笔画垂直条纹的柱子了吗?其实还是有方法的,只要我们把饼图加「厚」 ,变成个圆柱的形状:
这里很多人可能会通过画两个椭圆、一个矩形,然后通过路径查找器把它们拼在一起。
不过我的建议是,画一个椭圆然后通过描边来搞定,在描边的画笔定义选项,选择「5点扁平」,通过改变描边粗细,可以决定圆柱的高度,相比路径查找器简单快速许多
最重要的,可以通过将填充设置为 「空」使圆柱变成圆环:
在深色圆环上方再放置一个浅色圆环,将两圆环编组,然后再复制一份:
由于我在刚才选择的是「5点扁平」,描边粗细设置为 2 ,所以单独一个圆环的高度为 5*2 =10px,两个圆环(深色与浅色)相加高度便是 20px,因此我们在混合的时候,将间距设置为 20px 便可保证混合是连续的:
*如果混合出来的圆柱,看上去类似于抽油烟机的出风管,则须返回上一步,调整深色与浅色圆环之间层级关系
接下来我们该做那颗小球了,因为混合选项的项与项之间,变化的趋势是直线的,而不是曲线的:
这张图一时看不太懂也没关系,总之这说明,我们的混合选项工具,对圆球是无能为力了(也顺带说明,用混合选项工具处理有弧度的、横条纹的柱状结构是不那么合适的了)
总算,我们说到了,这篇的主角: Illustrator 自带的 3D 效果
可能是 Illustrator 自带的 3D 效果实在是比较残,导致很多即便经常使用 AI 的设计师,都很少会去打开它
以至于你很难在网上找到一篇,如何在 AI 中制作出类似我给出题图中的效果的教程
然而对于题图、对于这颗小球,其实 Illustrator 自带的 3D 效果是完全可以胜任的,无须再去打开其他的软件
先说小球。画一个圆:
用直接选择工具(白箭头)选中右侧锚点,删除锚点,得到一根半圆形路径:
用多个深色、浅色高度一致的矩形相间拼成一个长条,编组,矩形个数等于小球最终的条纹数:
将其拖入符号面板(打开符号面板,按住往里面拖就可以):
选中半圆路径。效果 -> Illustrator 效果 -> 3D -> 绕转 :
点上「预览」,「表面」选择「无底纹」:
点击「贴图」,「符号」选择刚刚拖入的长条:
点击「缩放以适合」:
拖动立方体可调整角度:
组合起来:
如果你需要调整整体的大小,你需要选中它们。对象 -> 扩展外观:
然后。对象 -> 扩展:
接下来你就可以自由缩放,再做一下装饰与排版便可出图:
*柱子(或者说管子)也是可以用 Illustrator 自带的 3D 效果来做的,可以尝试一下
终于,我们可以说说题图了,观察一下,首先它是一个环,有着和笔画相垂直的条纹,条纹间是镂空的,同时它还有着一点儿透视(近大远小):
我曾尝试着用「混合选项」、「扭曲变换」来做,但都失败了,最后用的也是 Illustrator 自带的 3D 效果,来实现这个环的制作
我们先来制作贴图。与之前类似,用多个深色、浅色款度一致的矩形相间拼成一个长条,编组,矩形个数等于小球最终的条纹数,拖入符号
主要的不同有两点:1. 之前的长条是竖直的,现在的是水平的。2. 由于环上的条纹比球上的数量要多不少,所以相应的长条也长了不少:
然后来制作圆环主体,画一个圆,选中
效果 -> Illustrator 效果 -> 3D -> 绕转
点上「预览」,「表面」选择「无底纹」
「位移」调整一个合适的参数:
可以调整「表面」为「线框」,这样可以更直观的确认参数是否合适,但在贴图阶段请调整回「无底文」:
贴图。点击「贴图」,「符号」选择刚刚拖入的长条,点击「缩放以适合」:
拖动立方体调整角度,并调「整透」视:
*这里可以看到贴图出现了错误,我不确定是我电脑的原因,还是都会这样,如果你也出现了类似情况,不用担心,我们可以在之后解决
对象 -> 扩展外观:
对象 -> 扩展:
接下来我们来解决贴图错误,首先,你需要把扩展之后的图形解开编组,然后选择出错的区域,将其移入底层:
现在看上去差不多了,但是我们回头看看题图,题图是镂空的,在这里如果我们直接删除可以看见的图形,的浅色部分删除将会是这个效果:
为什么会这样,因为,环本来是 3D 的,在扩展之后,除了我们可以看见的部分,还有一层被遮蔽的部分
所以我们应该先将可以看见部分移开。依次选中,移开:
对我们而言,有用的,是移开的部分,即右侧的图形:
接下来删除右侧图形每个切片中的浅色部分,首先找到「路径查找器」
窗口 -> 路径查找器:
框选整个图形,点击「路径查找器」的「分割」:
选中了其中一条浅色部分后,选择 -> 相同 -> 填充颜色:
删除(为了显示镂空效果,我将背景暂时设置为了蓝色):
做一下装饰与排版出图:
正文到这里就结束了,在接下来的几个星期,我将以,每个星期一篇的速度,在 Behance 上这套作品中,挑几个比较有特点的字符,写一个关于 Illustrator 的系列使用教程。
还有几句话想说给一些初学设计的朋友:不要让工具制约你的想象力,工具的学习是为了创造你所想创造的。不要去死记为了实现 A 效果,我要先点击这儿,在点击那,接着再将参数调整到某个值,这样是不对的。应该多去尝试,去理解工具的原理,灵活的组合与搭配,这才是真正的驾驭了工具。
专栏已开通:生成器 - 百晓知道专栏 欢迎关注!
敖特 4小时前 0条评论路径混合可以达到你要的效果
示例:
这个你会画吧?(还是好多童鞋不会,最后有补充这个饼图的画法)
画一个S形路径,然后首尾各一个
然后选中两个圆形 上面菜单。对象——混合——建立。调整一下混合选项 我这里选择的是指定距离0.1mm,看起来很连贯了,这就ok.
然后我们选择这个混合和刚刚的S路径,对象——混合——替换混合轴当当当,搞定一个!
方形的那个也是一样的,两端的圆形换成菱形的花格子。效果如下
然后是那个O字,因为闭合曲线做出来的会有点奇怪,所以要分开一半一半的做,然后自己拼接一下吧。
还是蛮好玩的。
——————————————————————————————————————
补充下饼图的画法(两种方法)
方法1:画一根直线,然后双击旋转工具调出旋转的面板,输入你想要的角度,这里20就是要把圆形18等分,然后单击复制按钮。然后按7次 Ctrl+D 即重复之前的操作.得到这个,全选,然后群组。
画一个圆,然后水平垂直居中对齐,
使用路径查找器的分割命令即可分割成18等分,解散群组之后分别填色就好。
方法2:使用饼图工具
在弹出的表格里面按照需求填写数值相等的几列正数,要分几块就填几个好了,为了偷懒我填10个,填完右上角打钩确认这就有了。将其解散群组,分别填色就好了。
注意最后别忘了去掉描边.
然后是评论区里问的,像T这样的字母能不能画?答案是可以,不过你要把他画成一笔连起来的路径,如下:
或者你也可以用分开的笔画来拼
以上。 刘远航 4小时前 0条评论
- 上一个:“郎骑竹马来,缠绕床弄青梅”就句话要怎么用英文翻译?
- 下一个:假如每天只有 30 分钟来读英文,该怎样有效的采用这段时间?