教程 | Vol.5 用AI做文字效...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
3695 7 26 2021-01-13

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

全部评论:7

  • 榴莲忘饭

    2021-06-04 15:05

    大神,那个绿色海报里面闪烁的星星是四个圆角矩形做出来的吗

  • 川泽

    2021-02-02 11:03

    @超级叶: 在之前的教程看到了!谢谢!

  • 超级叶

    2021-01-30 20:50

    @川泽: 是素材,直接放在设计图上,调节图层模式就可以了

  • 川泽

    2021-01-29 16:37

    你好 请问最后的塑料袋质感是样机嘛

  • 超级叶

    2021-01-22 16:09

    @胖胖的柠檬: 点一下就选中了 如果你现在是同时选了矩形和其他东西的情况,就用鼠标点一下画板外面的画布空白处,就会取消所有选中状态,这个时候再去单独选中就行了

  • 胖胖的柠檬

    2021-01-13 14:47

    怎么单独选中矩形啊

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票