何以用Ps/Ai制作出路径混合的文效果?

发布日期:2018-06-06 来源:财富国际在线 阅读:
何以用Ps/Ai制作出路径混合的文效果? 王虹 5小时前 115
0 0
其他回答

我来提供一个类似效果的实现方法hR1财富国际

可移步观看:hR1财富国际

  • 第一期:用 Illustrator 画个圈
  • 第二期:用 Illustrator 画个「 9 」

前些天刷 Behance 的时候,看到了这样一组作品, 26 个英文字母 10 个数字,一共 36 个字符,除了少数几个完全扁平的,基本都有着很强的空间感:hR1财富国际



完整版: BehancehR1财富国际

关于怎样在 Illustrator 中做出类似效果,你可能已有了一些经验,比如你曾看过现在正在浏览的这个问题hR1财富国际

但是当我们将两者进行比较:hR1财富国际

你会发现问题中的字母,它的条纹与笔画间是平行的,而数字 8 的条纹与笔画间则是相垂直的hR1财富国际

下面我们尝着试用「问题中 @刘远航 的回答所提供的方法,来尝试做做数字 《 1 》: hR1财富国际

数字 《 1 》hR1财富国际

我们先画好两个饼图:
hR1财富国际

然后以一个很小的指定距离进行混合:hR1财富国际

我们得到了一根柱子,但很显然,这不是我们需要的柱子hR1财富国际

下面我们把混合的距离调大一些,看看在混合的过程中,发生了什么:hR1财富国际


现在,我们可以看清楚,所谓混合工具,它所做的工作,是在两个需要混合的对象间,产生无数个中间值。而这个中间值的步数,则是由你所指定的距离(还有其他的方法,这里不做赘述)所决定的hR1财富国际

当你指定了一个非常小的距离,中间值的个数就会变的非常多,从而我们就会看到一个视觉上的柱形结构,类似于一摞饺子皮:hR1财富国际

又因为每一个中间值,与它前后的两个值又都是相似的,所以我们看到了连续的、与笔画平行的条纹。还因为每一个饼图都是没有厚度的,所以我们无法通过指定一个更大的混合距离,来实现横向的、与笔画垂直的条纹,因为一个更大的混合距离,会使我们视觉上的柱形结构不复存在hR1财富国际

那么我们就不能通过混合工具,来做一根有着横向的、与笔画垂直条纹的柱子了吗?其实还是有方法的,只要我们把饼图加「厚」 ,变成个圆柱的形状:hR1财富国际

这里很多人可能会通过画两个椭圆、一个矩形,然后通过路径查找器把它们拼在一起。hR1财富国际

不过我的建议是,画一个椭圆然后通过描边来搞定,在描边的画笔定义选项,选择「5点扁平」,通过改变描边粗细,可以决定圆柱的高度,相比路径查找器简单快速许多hR1财富国际

最重要的,可以通过将填充设置为 「空」使圆柱变成圆环: hR1财富国际

在深色圆环上方再放置一个浅色圆环,将两圆环编组,然后再复制一份:hR1财富国际

由于我在刚才选择的是「5点扁平」,描边粗细设置为 2 ,所以单独一个圆环的高度为 5*2 =10px,两个圆环(深色与浅色)相加高度便是 20px,因此我们在混合的时候,将间距设置为 20px 便可保证混合是连续的:hR1财富国际


*如果混合出来的圆柱,看上去类似于抽油烟机的出风管,则须返回上一步,调整深色与浅色圆环之间层级关系hR1财富国际

接下来我们该做那颗小球了,因为混合选项的项与项之间,变化的趋势是直线的,而不是曲线的:hR1财富国际


这张图一时看不太懂也没关系,总之这说明,我们的混合选项工具,对圆球是无能为力了(也顺带说明,用混合选项工具处理有弧度的、横条纹的柱状结构是不那么合适的了)hR1财富国际

总算,我们说到了,这篇的主角: Illustrator 自带的 3D 效果hR1财富国际

可能是 Illustrator 自带的 3D 效果实在是比较残,导致很多即便经常使用 AI 的设计师,都很少会去打开它hR1财富国际

以至于你很难在网上找到一篇,如何在 AI 中制作出类似我给出题图中的效果的教程hR1财富国际

然而对于题图、对于这颗小球,其实 Illustrator 自带的 3D 效果是完全可以胜任的,无须再去打开其他的软件hR1财富国际

先说小球。画一个圆:hR1财富国际

用直接选择工具(白箭头)选中右侧锚点,删除锚点,得到一根半圆形路径:hR1财富国际

用多个深色、浅色高度一致的矩形相间拼成一个长条,编组,矩形个数等于小球最终的条纹数:hR1财富国际


将其拖入符号面板(打开符号面板,按住往里面拖就可以):hR1财富国际

选中半圆路径。效果 -> Illustrator 效果 -> 3D -> 绕转 :hR1财富国际

点上「预览」,「表面」选择「无底纹」:hR1财富国际

点击贴图」,「符号」选择刚刚拖入的长条:hR1财富国际

点击「缩放以适合」:hR1财富国际


拖动立方体可调整角度:hR1财富国际

组合起来:hR1财富国际

如果你需要调整整体的大小,你需要选中它们。对象 -> 扩展外观:hR1财富国际

然后。对象 -> 扩展:hR1财富国际

接下来你就可以自由缩放,再做一下装饰与排版便可出图:hR1财富国际

*柱子(或者说管子)也是可以用 Illustrator 自带的 3D 效果来做的,可以尝试一下hR1财富国际

终于,我们可以说说题图了,观察一下,首先它是一个环,有着和笔画相垂直的条纹,条纹间是镂空的,同时它还有着一点儿透视(近大远小):hR1财富国际

我曾尝试着用「混合选项」、「扭曲变换」来做,但都失败了,最后用的也是 Illustrator 自带的 3D 效果,来实现这个环的制作hR1财富国际

我们先来制作贴图。与之前类似,用多个深色、浅色款度一致的矩形相间拼成一个长条,编组,矩形个数等于小球最终的条纹数,拖入符号hR1财富国际

主要的不同有两点:1. 之前的长条是竖直的,现在的是水平的。2. 由于环上的条纹比球上的数量要多不少,所以相应的长条也长了不少:hR1财富国际

然后来制作圆环主体,画一个圆,选中hR1财富国际

效果 -> Illustrator 效果 -> 3D -> 绕转 hR1财富国际

点上「预览」,「表面」选择「无底纹」hR1财富国际

「位移」调整一个合适的参数:hR1财富国际

可以调整「表面」为「线框」,这样可以更直观的确认参数是否合适,但在贴图阶段请调整回「无底文」:hR1财富国际

贴图。点击「贴图」,「符号」选择刚刚拖入的长条,点击「缩放以适合」:hR1财富国际

拖动立方体调整角度,并调「整透」视:hR1财富国际


*这里可以看到贴图出现了错误,我不确定是我电脑的原因,还是都会这样,如果你也出现了类似情况,不用担心,我们可以在之后解决hR1财富国际

对象 -> 扩展外观:hR1财富国际

对象 -> 扩展:hR1财富国际

接下来我们来解决贴图错误,首先,你需要把扩展之后的图形解开编组,然后选择出错的区域,将其移入底层:hR1财富国际

现在看上去差不多了,但是我们回头看看题图,题图是镂空的,在这里如果我们直接删除可以看见的图形,的浅色部分删除将会是这个效果:hR1财富国际

为什么会这样,因为,环本来是 3D 的,在扩展之后,除了我们可以看见的部分,还有一层被遮蔽的部分hR1财富国际

所以我们应该先将可以看见部分移开。依次选中,移开:hR1财富国际

对我们而言,有用的,是移开的部分,即右侧的图形:hR1财富国际

接下来删除右侧图形每个切片中的浅色部分,首先找到「路径查找器」hR1财富国际

窗口 -> 路径查找器:hR1财富国际

框选整个图形,点击「路径查找器」的「分割」:hR1财富国际

选中了其中一条浅色部分后,选择 -> 相同 -> 填充颜色:hR1财富国际

删除(为了显示镂空效果,我将背景暂时设置为了蓝色):hR1财富国际

做一下装饰与排版出图:hR1财富国际

正文到这里就结束了,在接下来的几个星期,我将以,每个星期一篇的速度,在 Behance 上这套作品中,挑几个比较有特点的字符,写一个关于 Illustrator 的系列使用教程。hR1财富国际

还有几句话想说给一些初学设计的朋友:不要让工具制约你的想象力,工具的学习是为了创造你所想创造的。不要去死记为了实现 A 效果,我要先点击这儿,在点击那,接着再将参数调整到某个值,这样是不对的。应该多去尝试,去理解工具的原理,灵活的组合与搭配,这才是真正的驾驭了工具。hR1财富国际

专栏已开通:生成器 - 百晓知道专栏 欢迎关注!hR1财富国际

敖特 4小时前 0条评论
0 0
别闹,用AI做。
路径混合可以达到你要的效果
示例:
这个你会画吧?(还是好多童鞋不会,最后有补充这个饼图的画法)


画一个S形路径,然后首尾各一个

然后选中两个圆形 上面菜单。对象——混合——建立。调整一下混合选项 我这里选择的是指定距离0.1mm,看起来很连贯了,这就ok.

然后我们选择这个混合和刚刚的S路径,对象——混合——替换混合轴
当当当,搞定一个!

方形的那个也是一样的,两端的圆形换成菱形的花格子。效果如下
然后是那个O字,因为闭合曲线做出来的会有点奇怪,所以要分开一半一半的做,然后自己拼接一下吧。

还是蛮好玩的。
——————————————————————————————————————
补充下饼图的画法(两种方法)
方法1:画一根直线,然后双击旋转工具调出旋转的面板,输入你想要的角度,这里20就是要把圆形18等分,然后单击复制按钮。
然后按7次 Ctrl+D 即重复之前的操作.得到这个,全选,然后群组。

画一个圆,然后水平垂直居中对齐,

使用路径查找器分割命令即可分割成18等分,解散群组之后分别填色就好。



方法2:使用饼图工具

在弹出的表格里面按照需求填写数值相等的几列正数,要分几块就填几个好了,为了偷懒我填10个,填完右上角打钩确认
这就有了。将其解散群组,分别填色就好了。



注意最后别忘了去掉描边.
然后是评论区里问的,像T这样的字母能不能画?答案是可以,不过你要把他画成一笔连起来的路径,如下:

或者你也可以用分开的笔画来拼

以上。
刘远航 4小时前 0条评论
0 0

关于我们 联系我们招聘信息免责申明广告服务 网站地图 百度地图 TAG标签

Copyright@2018-2022 Cfgjzx.Com 财富国际在线 版权所有 All Rights Reserved   
财富国际提供:最新财富资讯、房产资讯、股票资讯、区块链、投资理财、保险导购、健康产品、公私募基金,易经等资讯及服务.