百木园-与人分享,
就是让自己快乐。

AI教程!3步搞定酷炫故障文字效果

教程作者:超级叶(授权转载)

公众号:叶设计的自习室

交作业:#优设每日作业#

关于教程

Hello大家,AI文字效果设计系列教程更新到第六期,今天的内容是制作故障艺术的文字效果~

效果图

AI教程!3步搞定酷炫故障文字效果

教程步骤

还是从打字开始,字体选择建议使用较粗较正的无衬线字体,我选择的是「优设标题黑」,这也是一款公益的可以免费商用的字体,大家可以放心使用!

字体下载戳:

AI教程!3步搞定酷炫故障文字效果

文案看心情,我当时的心情如图,所以就这样拿来当案例了,嘿嘿。

Step 01 分割

AI教程!3步搞定酷炫故障文字效果

刚打好的字,先转曲(文字轮廓化),快捷键是 Ctrl/Command+Shift+O

转曲之后,注意调节一下字间距,不然后面做好效果了调整起来会麻烦一些,这个坑阿叶已经踩过了,TnT

接下来画一个矩形(宽度要超过所有文字),然后一边往下复制,一边调整高度,规律是一细一粗,间插着放在文字上

复制矩形的时候是有快捷操作的:选中矩形,按住 alt 键,鼠标往下拖动,拖动中再按 Shift 键,就可以垂直移动啦

AI教程!3步搞定酷炫故障文字效果

全选文字和矩形,执行:窗口-路径查找器-分割,然后开始删掉文字之外的多余的红色部分形状

AI教程!3步搞定酷炫故障文字效果

删完了,(我以为),结果统一填色检查发现——

AI教程!3步搞定酷炫故障文字效果

因为汉字的复杂性,一执行分割就会有意想不到的区域生成,解决办法是:统一填个色,看看有没有问题,我们可以复制一份出去检查,也可以直接填色,发现问题后就撤回了再删

还有文字之外的区域有可能也有漏网之鱼,我们可以 Ctrl/Command+Y 切换到轮廓视图去检查一下

Step 02 位移和填色

AI教程!3步搞定酷炫故障文字效果

红色部分的分割线,我会把在同一水平线上的形状进行编组,便于统一进行移动。移动的规律就是左右左,一样来一下,这样才有错位的感jio

AI教程!3步搞定酷炫故障文字效果

把红色部分全部变成白色,然后原位复制两下,把复制出来的两个文字分别改成红色#e3415f 和蓝色#00ffff

零基础的同学可以看下这个操作步骤:

  • 选中白色文字,Ctrl/Command+C复制
  • Ctrl/Command+B 原位粘贴到白色文字的下方,粘贴操作执行两次
  • 在顶部工具栏找到「图层」,分别选中粘贴出的文字进行改色
  • (小知识补充:Ctrl/Command+F 是原位粘贴到该图层的上方,一个是Face 前面,一个是Back 后面)

    AI教程!3步搞定酷炫故障文字效果

    颜色填完后,我们选中文字2(红色),向右边移动几下,再向下方移动几下;然后选中文字3(蓝色),向左边移动几下,再向上方移动几下,移动的数值要跟之前红色的一样哟

    现在就已经有故障的感觉了~~

    Step 03 增加细节

    AI教程!3步搞定酷炫故障文字效果

    增加一些红色和蓝色的碎碎,我是先在四个角上放了四个正方形,对角线填充红/蓝色,然后为了设计感,把正方形横向和纵向拉伸了一下,变成了不同的矩形

    文字左右两边增加一些红蓝的线条作为文字故障的延伸碎片

    文字之间的空隙,填充了一些更细更小的线条和正方形块块,模拟碎片感,让他们故障得更彻底

    AI教程!3步搞定酷炫故障文字效果

    最后,贴个纹理就O了

    结语

    今天的教程到这里就结束啦

    如果觉得有收获,别忘了给阿叶点赞、留言~

    AI教程!3步搞定酷炫故障文字效果

    AI教程!3步搞定酷炫故障文字效果

    学完这篇教程的人还在学…


    来源:https://uiiiuiii.com/illustrator/1212359004.html
    图文来源于网络,如有侵权请联系删除。

    未经允许不得转载:百木园 » AI教程!3步搞定酷炫故障文字效果

    相关推荐

    • 暂无文章