Photoshop 粗糙風格字體怎麼做？色版選取 + 內縮外擴的破壞美學教學
2026年5月27日 下午 4:54
平面設計DESIGN TUTORIAL · TYPOGRAPHY · PHOTOSHOP · 2026
QUICK ANSWER
粗糙風格字體（Grunge Typography）是搖滾海報，龐克 zine，tour merch 視覺的核心字面語言。Photoshop 用色版面板把樹木 pattern 的亮度資訊轉成選取範圍，反向選取後跑內縮（Minimum）濾鏡，就能把字體啃出破碎邊緣。整套流程不到一分鐘，不需要 grunge brush 包，也不需要 AI 生成素材。
破壞美學系列上一篇談的是錯位印刷字體，那是「印錯」「印偏」的整齊破壞；這一篇要拆的是另一種，邊緣被啃過、被腐蝕、像被火燒過一角的破碎感。同樣的暗黑配色家族，不同的破壞動作。
這個效果最近在搖滾樂團視覺、live show 海報、限量周邊、獨立廠牌封套裡又大量出現。多數人第一直覺是去 Envato 抓 grunge brush 包，或把字丟給 AI 生成再修。其實 Photoshop 內建工具就能做，而且控制感比筆刷強很多。關鍵在一個多數人沒在用的面板：色版。
CHAPTER 01 · THE SERIES
破壞美學系列，從錯位到啃食
破壞美學（Destruction Aesthetics）是 2026 年從音樂視覺擴散到設計圈的字體大類，特徵是「故意製造的不完美」。它不是一招走天下的單一效果，是一整族的視覺語言。每種破壞動作對應不同的氣質、不同的應用場景。
上一篇談錯位印刷字體，那是「印刷機沒對齊」的視覺記憶；字體輪廓還在，只是 RGB 三層稍微錯位、邊緣帶刻痕，模仿絹印或低品質彩印的偏色感。整體氣質比較冷、比較精密，像 2000 年代初的 indie 樂團海報。
這篇要做的是另一種破壞——啃食破碎，Grunge Typography 的核心型態。字體邊緣不是平整的，是被一陣陣不規則的小洞啃出去的；整個字像被腐蝕過、被噴過砂、被火燒過一角。氣質更熱、更野、更接近 90 年代地下 punk 場景。
CH.01 · MISPRINT
錯位印刷字體
字體輪廓完整，RGB 通道錯位，邊緣有刻痕。模仿印刷機沒對齊的整齊破壞。
適用：indie 海報、限量包裝、雜誌頭題
CH.02 · GRUNGE（本篇）
啃食破碎字體
字體邊緣被啃出不規則小洞，像被腐蝕過。模仿油墨噴濺、紙張磨損、影印一百次。
適用：搖滾海報、live tour、唱片封套、tour merch
兩種破壞在進階作品裡會疊著用，但本篇先把啃食這套技法吃透。錯位的部分先收口袋，系列下一章會用到。
CHAPTER 02 · THE LOOK
啃食破碎字體的視覺解剖
在動手做之前，先看懂這種字體由什麼組成。多數人做不好不是技術問題，是只抓到「粗糙」這個籠統感覺，沒分清裡面四個獨立的視覺零件。
01 · EDGE
邊緣：不規則啃痕
這是核心特徵。字的輪廓不是平整曲線，是一陣陣大小不一的小洞啃出去，像被酸蝕過。控制這個啃痕的粗細，就是控制整個風格的強度。
02 · WEIGHT
字體：粗黑為主
啃過細字會直接消失，啃過粗體才會保留可辨識的字形。粗黑體、condensed bold、stencil 字體最對味，細襯線體做這個效果會崩。
03 · COLOR
配色：單色高飽和
螢光粉、警示紅、酸黃、霓虹綠對黑底是經典組合。重點是色相單純、飽和度頂滿、跟黑底拉到極端對比。風格越強，色彩越不能複雜。
04 · CONTEXT
配件：條碼與機構感標籤
海報四角放上像 SHOW INFO、TRACK 01、SIDE A 之類的小標籤，再加上一個條碼或序號。這些假機構符號是搖滾平面設計的標配。
四個元素裡，邊緣是技術核心，字體選擇是底子，配色與配件是 finishing。這篇接下來只解第一件事：邊緣那個啃痕怎麼做。
CHAPTER 03 · THE METHOD
為什麼要靠色版做，不靠筆刷
多數教學會教你直接抓 grunge brush 包，在字體圖層上用橡皮擦擦一擦。這做法有幾個結構性問題：每個字長得一樣（同一個筆刷重複貼）、控制感差（隨機性是手繪的，不是視覺邏輯的）、檔案綁筆刷（換電腦就掉）。
色版選取是另一條路。它的核心邏輯是「用一張圖的亮度資訊，當成另一張圖的破壞輪廓」。亮的地方變選取範圍，反轉之後就是破壞區。整個過程是運算出來的，不是手繪。
“真正的搖滾粗糙感不是亂塗出來的，是用一張圖的紋理，啃另一張圖的輪廓。”
這個邏輯的好處是：只要換一張紋理圖，啃痕的樣子就完全不一樣。今天用樹木 pattern 是樹皮裂紋感，明天用大理石是石材腐蝕感，換成沙礫圖就變磨砂感。同一套流程，能展開出整個 family。
另一個 PS 內建的優勢，這個流程跟「內縮 / 外擴」（Minimum / Maximum）濾鏡完美接軌——破壞區選好之後，一條 slider 控制啃得深、啃得淺，比 brush 的不透明度精細很多。
CHAPTER 04 · HOW IT'S MADE
Photoshop 五步驟教學
完整教學我錄了一支不到一分鐘的短片，全程示範每一步操作。看影片最快，下面流程圖是文字版備忘。
STEP 01 · 打字 + 點陣化
打一段文字，粗黑體最對味
先打文字，選粗黑體或 stencil 體。對文字圖層右鍵，點「點陣化圖層」，讓向量字變成像素，後面的破壞動作才能作用在像素上。
STEP 02 · 樹木 PATTERN 填色
新增圖層，蓋上紋理
在文字圖層上方新增一個圖層。編輯 → 填滿 → 內容選「圖樣」 → 從預設圖庫挑「樹木」，讓樹皮紋理蓋滿整個畫面。這張圖只是要拿它的亮度資訊，之後就會關掉可見度。
STEP 03 · 色版選取 + 反轉
把亮的地方變選取範圍
切到「色版」面板。按住 Ctrl / Cmd 點一下 RGB 縮圖，亮的像素就會被轉成選取範圍。回到圖層面板，關掉樹木圖層的可見度。點回文字圖層，走「選取 → 反轉」，讓選取區變成「樹皮紋理裡比較暗的部分」——這就是要啃進字體的破壞區。
STEP 04 · 內縮 / 外擴濾鏡
控制啃得多粗
濾鏡 → 其他 → 內縮（Minimum）或外擴（Maximum）。數值左右拉，字體會被啃進去更深（Minimum）或反過來被推出來（Maximum）。這條 slider 是整個技法的控制鍵——數值越大，搖滾感越強。Ctrl / Cmd + D 取消選取。
STEP 05 · 配色 + 條碼 + 配件
finishing 細節
配個強烈底色（螢光粉、警示紅、酸黃），四角放上 PHOTOSHOP TUTORIAL、TOUR DATE、SIDE A 這類小標籤系統，再加上一個條碼。整個畫面就會從「字體實驗」升級成「真實平面設計品」。
整套流程不到一分鐘。換不同的 pattern（砂礫、石材、噪點）就能展開不同質感的啃痕家族，但核心永遠是 STEP 03——色版選取。
CHAPTER 05 · IN PRACTICE
四種應用場景的延伸
把這個技法做穩之後，它幾乎可以套進所有跟搖滾、龐克、地下文化沾邊的視覺載體。下面四種是最常見的應用——同一組字，不同媒材帶出不同氣質。
唱片封套是這個風格的原生場景。12 吋方形版面、單色印刷、跟內頁夾在一起的線性敘事，天生適合粗糙字。封面字體越強、紋理越粗，翻到背面的細節就越能形成對比。設計重點是封面跟內頁的字級反差，不能整本都同一個破壞強度。
票券跟傳單適合「等級系統」的視覺語言——主視覺、票面、貼紙、酸鏈裝飾，同一個字體在不同 size 下會展現不同破壞質感。大字保留細節、小字反而看起來更碎，這個層次差正是搖滾平面設計的視覺記憶。
雜誌跨頁是這個技法的進階考驗。封面跟內頁同一個字風格，但內頁要留下足夠的喘息空間給內文閱讀。常見作法是只在 headline 跟章節大標套上啃食字，內文用整潔的 mono 字體做對比。一強一弱，整本才有節奏。
最後一種是當成藝術 print 出。同樣的設計貼上街頭是宣傳品，框裝掛室內就變成 art piece。粗糙字體在這兩種語境下的閱讀感不同——街頭看是訊息，室內看是質感。能切換這兩種語境的設計，商業價值會比單一場景的高很多。
CHAPTER 06 · TAKEAWAYS
破壞美學系列的脈絡
兩篇文章看下來，破壞美學的核心方法論其實是同一條：先理解破壞要的視覺記憶，再把那個記憶拆成 Photoshop 可以重現的具體效果。錯位印刷靠的是 RGB 通道分離，啃食破碎靠的是色版選取，都不是濾鏡一鍵的事，但都是 Photoshop 三十多年來就有的工具。
AI 生圖在 2026 年把「乾淨完美」做到極致，這時設計師手上能不能「刻意製造不完美」反而變成稀缺技能。粗糙字體不是逃避 AI 的選擇，是看清楚 AI 不會、也學不來的那塊技法的選擇——機器擅長均勻，不擅長帶情緒的破壞。
系列下一章我會把錯位跟啃食疊在一起做，再加上一層噪點，進到搖滾平面設計的完整視覺系統。本篇先把第二章的單一技法吃透，後面組合的時候才有底子。
FAQ · COMMON QUESTIONS
常見問題
Q：粗糙風格字體（Grunge Typography）跟錯位印刷字體有什麼不同？
A：錯位印刷（Misprint）是 RGB 通道分層稍微錯位，字體輪廓完整，模仿印刷機沒對齊的整齊破壞，氣質比較冷。粗糙風格（Grunge）是邊緣被啃出不規則小洞，像被腐蝕、噴砂、油墨噴濺，氣質更野、更熱、更接近 90 年代地下 punk 場景。兩者經常會在進階作品裡疊著用。
Q：一定要用「樹木」這個 pattern 嗎？
A：不用。樹木 pattern 是 Photoshop 內建、好取得，質感也夠不規則。但任何高對比、紋理粗糙的黑白圖都行——砂礫、大理石裂紋、刮痕掃描、自製噪點圖都可以拿來當啃食模板。換 pattern 就能展開不同質感的破壞家族。
Q：為什麼要走色版選取，不直接用筆刷擦掉？
A：筆刷的問題是每個字啃出來都長得很像（同一個筆刷重複貼），而且控制粗細只能靠不透明度跟筆刷大小。色版選取的破壞是從整張 pattern 的亮度資訊運算出來的，每個字啃痕都不同，粗細用「內縮 / 外擴」濾鏡一條 slider 精細控制。
Q：字體用什麼比較對？
A：粗黑體、stencil（模板字）、condensed bold、銳角無襯線體最對味。原則是字本身要夠粗，啃過之後才會保留可辨識的字形。細襯線體跟細無襯線體啃過會直接消失或字形崩掉。
Q：啃食出來的字會不會看起來太相似，欠缺變化？
A：同一個檔案裡換不同的 pattern、換不同的內縮數值、把字體稍微旋轉再做一次，就能拿到三種完全不同的啃食版本。需要更強差異時，同一個字做三遍取最好那次合成在一起，邊緣的隨機性會比單一次運算豐富很多。
Q：這個技法可以用在中文字嗎？
A：可以。中文字筆畫密度比英文高，啃食效果更明顯。建議用思源黑體、黑體粗體（Heavy / Black）這類粗體，細體做這個效果筆畫會斷。台灣常用的字型如蘋方、思源黑體都適合。
RELATED · 延伸閱讀
破壞美學系列其他文章
CHAPTER 01 · 破壞美學系列
錯位印刷字體怎麼做？2026 反 AI 設計趨勢與 Photoshop 完整教學
破壞美學系列第一章。錯位印刷（Misprint）是 RGB 通道錯位的整齊破壞，用 Photoshop 三個內建效果就能做。本篇是它的延伸——從整齊錯位走到不規則啃食。