Hello大家,AI文字效果设计系列教程更新到第五期,今天的内容结合了上期的封套扭曲功能,一起来玩一下文字的解构堆叠~
# 操作步骤
「文字解构」是一种对文字结构进行拆解、分割的设计技法,简单好玩~就是拆的时候零件有点多,删除时需要注意别出错,好啦,我们开始吧!
嘿嘿,还是从打一排字开始,我用的是Montserrat Black
你问能不能打中文?当然可以,只是中文的笔画比较复杂,像这样水平切割会有比较多的碎笔画出现,最后的效果得不到保证,所以最好是用英文进行练习。(对中文的解构,比较建议通过分割完整的笔画来进行)
1、分割
刚打好的字,复制一份出去备用。然后 Ctrl/Command+Shift+O 将文字轮廓化(就是把文字变成形状),你也可以用扩展来实现
请注意看上图中的细节,文字轮廓化后,在它上面画一个一模一样大小的矩形,然后把矩形的填充去掉,变成描边矩形
单独选中矩形,执行:对象-路径-分割为网格,参数只设置行数就行了,数量根据你之后想排几段文字进行堆叠来决定,比如我之后要排6段,那这里的数值我就设置为6
同时选中矩形和文字,执行:窗口-路径查找器-分割,来完成文字的分割
接下来我们需要删除多余的线条,只保留解构后的文字
这里有两个方法可以实现快速删除:一个是在顶部工具栏处于「传统基本功能」状态下,会默认显示在上方的「选择类似的对象」,另一个是在:选择-相同,里面选外观或者描边颜色/粗细
这两种方法的前提是,你要先选中一根线条哈,不然找不到对象
删完线条之后我们检查一下路径有没有问题,按 Ctrl/Command+Y 切换到轮廓视图,看看是不是只有被分割好的文字留下
2、拆解
分割好的文字,先编组,然后复制5个出来,我们马上要对他们进行拆解了
一排一排地进行拆解:底下第一排文字不动,第二排删底下一行,第三排删底下两行,以此类推,第六排就只保留顶部一行
这里有两个小技巧分享:
1、我们刚刚对一排文字进行过编组的,我们只要双击文字,就可以进入编组隔离模式,之后的操作都只能在这一排文字的范围内进行,不会误操作选到别的文字
2、框选删除一行的时候,框框一定要刚好画到前一行的下方,不然笔画短的部分就容易遗漏,这个坑我已经替你们踩过了,千万要注意唷
删完后 Ctrl/Command+Y 检查一下轮廓,能看到我的M的中间那一笔就没删到!赶紧补删一下!
3、堆叠
优秀的设计师都是有强迫症的,我们要的堆叠,必须得间距相等,对不对~但是你还在自己手动去排嘛?
AI里也是有技巧可以设置段落间距滴:
全选每一行文字,再点一下底部那一行文字(就可以把它设置为关键对象),这时打开窗口-对齐,就可以设置间距,设置好后,点左边第一个图标垂直分布就好咯
注意:
1、间距必须是要有关键对象时才能设置哦
2、如果你的对齐工具里面没有「分布间距」这个选项,那就点一下右上角的汉堡菜单,点「显示选项」后就出来了
全选文字,编组,然后在画板居中,到这里我们的文字解构堆叠就已经完成了~为了增加动感效果,我们接下来还可以再进行设计
4、扭曲
上一期的封套扭曲大家都学会了吧!现学现用,本期我们也可以用到哦:对象-封套扭曲-用变形建立(你还记得快捷键吗?)
样式选波形,垂直,弯曲程度根据你的画面来
当当~完成啦!!
在AI里可能看不出来,但图片导出后你会发现,之前分割的网格能被看出来,阿叶的强迫症瞬间达到顶峰,必须执行:全选后-对象-扩展-路径查找器-合并,这才是合格的设计
当然,为了方便修改编辑,我们在做不可逆的操作之前,都一定记得复制一份出去备用哦,要养成保留工作路径的好习惯!
做好的效果我觉得太扁了,直接拉高一点,然后咔咔咔,排下版——
给画面统一添加渐变也有个小技巧分享:
直接画个跟画布一样大的矩形,添加渐变,然后在「透明度」里面给矩形设置图层模式,黄绿我用的「正片叠底」,蓝粉我用的「强光」,怎么设置都看你心情~~
今天的教程到这里就结束啦
如果觉得有收获,别忘了给阿叶点赞、留言~
Powered by Froala Editor
微信公众号:叶设计的自习室