keywords:AI教程,故障文字效果,酷炫文字效果,3步教程,文字設(shè)計(jì),AI設(shè)計(jì)技巧,故障藝術(shù),圖形設(shè)計(jì)教程

關(guān)于教程

Hello大家，AI文字效果設(shè)計(jì)系列教程更新到第六期，今天的內(nèi)容是制作故障藝術(shù)的文字效果~

效果圖

教程步驟

還是從打字開(kāi)始，字體選擇建議使用較粗較正的無(wú)襯線字體，我選擇的是「優(yōu)設(shè)標(biāo)題黑」，這也是一款公益的可以免費(fèi)商用的字體，大家可以放心使用！

字體下載戳：

文案看心情，我當(dāng)時(shí)的心情如圖，所以就這樣拿來(lái)當(dāng)案例了，嘿嘿。

Step 01 分割

剛打好的字，先轉(zhuǎn)曲（文字輪廓化），快捷鍵是 Ctrl/Command+Shift+O

轉(zhuǎn)曲之后，注意調(diào)節(jié)一下字間距，不然后面做好效果了調(diào)整起來(lái)會(huì)麻煩一些，這個(gè)坑阿葉已經(jīng)踩過(guò)了，TnT

接下來(lái)畫(huà)一個(gè)矩形（寬度要超過(guò)所有文字），然后一邊往下復(fù)制，一邊調(diào)整高度，規(guī)律是一細(xì)一粗，間插著放在文字上

復(fù)制矩形的時(shí)候是有快捷操作的：選中矩形，按住 alt 鍵，鼠標(biāo)往下拖動(dòng)，拖動(dòng)中再按 Shift 鍵，就可以垂直移動(dòng)啦

全選文字和矩形，執(zhí)行：窗口-路徑查找器-分割，然后開(kāi)始刪掉文字之外的多余的紅色部分形狀

刪完了，（我以為），結(jié)果統(tǒng)一填色檢查發(fā)現(xiàn)——

因?yàn)闈h字的復(fù)雜性，一執(zhí)行分割就會(huì)有意想不到的區(qū)域生成，解決辦法是：統(tǒng)一填個(gè)色，看看有沒(méi)有問(wèn)題，我們可以復(fù)制一份出去檢查，也可以直接填色，發(fā)現(xiàn)問(wèn)題后就撤回了再刪

還有文字之外的區(qū)域有可能也有漏網(wǎng)之魚(yú)，我們可以?Ctrl/Command+Y?切換到輪廓視圖去檢查一下

Step 02 位移和填色

紅色部分的分割線，我會(huì)把在同一水平線上的形狀進(jìn)行編組，便于統(tǒng)一進(jìn)行移動(dòng)。移動(dòng)的規(guī)律就是左右左，一樣來(lái)一下，這樣才有錯(cuò)位的感jio

把紅色部分全部變成白色，然后原位復(fù)制兩下，把復(fù)制出來(lái)的兩個(gè)文字分別改成紅色#e3415f 和藍(lán)色#00ffff

零基礎(chǔ)的同學(xué)可以看下這個(gè)操作步驟：

選中白色文字，Ctrl/Command+C復(fù)制

Ctrl/Command+B 原位粘貼到白色文字的下方，粘貼操作執(zhí)行兩次

在頂部工具欄找到「圖層」，分別選中粘貼出的文字進(jìn)行改色

（小知識(shí)補(bǔ)充：Ctrl/Command+F?是原位粘貼到該圖層的上方，一個(gè)是Face 前面，一個(gè)是Back 后面）

顏色填完后，我們選中文字2（紅色），向右邊移動(dòng)幾下，再向下方移動(dòng)幾下；然后選中文字3（藍(lán)色），向左邊移動(dòng)幾下，再向上方移動(dòng)幾下，移動(dòng)的數(shù)值要跟之前紅色的一樣喲

現(xiàn)在就已經(jīng)有故障的感覺(jué)了~~

Step 03 增加細(xì)節(jié)

增加一些紅色和藍(lán)色的碎碎，我是先在四個(gè)角上放了四個(gè)正方形，對(duì)角線填充紅/藍(lán)色，然后為了設(shè)計(jì)感，把正方形橫向和縱向拉伸了一下，變成了不同的矩形

文字左右兩邊增加一些紅藍(lán)的線條作為文字故障的延伸碎片

文字之間的空隙，填充了一些更細(xì)更小的線條和正方形塊塊，模擬碎片感，讓他們故障得更徹底

最后，貼個(gè)紋理就O了

結(jié)語(yǔ)

今天的教程到這里就結(jié)束啦

如果覺(jué)得有收獲，別忘了給阿葉點(diǎn)贊、留言~