---
title: "Photoshop 粗糙風格字體怎麼做？色版選取 + 內縮外擴的破壞美學教學"
slug: photoshop-grunge-typography-channel-selection-tutorial
url: https://rar.design/posts/photoshop-grunge-typography-channel-selection-tutorial
published_at: 2026-05-27
modified_at: 2026-05-28
author: "設計師 Riven"
category: "平面設計"
access: public_access
---

# Photoshop 粗糙風格字體怎麼做？色版選取 + 內縮外擴的破壞美學教學

> 破壞美學系列第二章：從錯位印刷到啃食破碎，色版選取是這個技法的核心

By **設計師 Riven** - 資深數位產品設計師｜知名線上課程講師 | 2026-05-27

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 四種應用場景的延伸 把這個技法做穩之後，它幾乎可以套進所有跟搖滾、龐克、地下文化沾邊的視覺載體。下面四種是最常見的應用——同一組字，不同媒材帶出不同氣質。 ▲ 應用 01：黑膠唱片封套，高反差粗糙字搭單色印刷的經典組合 唱片封套是這個風格的原生場景。12 吋方形版面、單色印刷、跟內頁夾在一起的線性敘事，天生適合粗糙字。封面字體越強、紋理越粗，翻到背面的細節就越能形成對比。設計重點是封面跟內頁的字級反差，不能整本都同一個破壞強度。 ▲ 應用 02：live show 票券、傳單、貼紙組合，同一視覺系統的多媒材延伸 票券跟傳單適合「等級系統」的視覺語言——主視覺、票面、貼紙、酸鏈裝飾，同一個字體在不同 size 下會展現不同破壞質感。大字保留細節、小字反而看起來更碎，這個層次差正是搖滾平面設計的視覺記憶。 ▲ 應用 03：書本封面與雜誌跨頁，字級分明能撐起整本刊物的視覺主軸 雜誌跨頁是這個技法的進階考驗。封面跟內頁同一個字風格，但內頁要留下足夠的喘息空間給內文閱讀。常見作法是只在 headline 跟章節大標套上啃食字，內文用整潔的 mono 字體做對比。一強一弱，整本才有節奏。 ▲ 應用 04：framed art print，街拍與室內框裝兩種展示語境的雙用設計 最後一種是當成藝術 print 出。同樣的設計貼上街頭是宣傳品，框裝掛室內就變成 art piece。粗糙字體在這兩種語境下的閱讀感不同——街頭看是訊息，室內看是質感。能切換這兩種語境的設計，商業價值會比單一場景的高很多。 CHAPTER 06 · TAKEAWAYS 破壞美學系列的脈絡 兩篇文章看下來，破壞美學的核心方法論其實是同一條：先理解破壞要的視覺記憶，再把那個記憶拆成 Photoshop 可以重現的具體效果。錯位印刷靠的是 RGB 通道分離，啃食破碎靠的是色版選取，都不是濾鏡一鍵的事，但都是 Photoshop 三十多年來就有的工具。 AI 生圖在 2026 年把「乾淨完美」做到極致，這時設計師手上能不能「刻意製造不完美」反而變成稀缺技能。粗糙字體不是逃避 AI 的選擇，是看清楚 AI 不會、也學不來的那塊技法的選擇——機器擅長均勻，不擅長帶情緒的破壞。 系列下一章我會把錯位跟啃食疊在一起做，再加上一層噪點，進到搖滾平面設計的完整視覺系統。本篇先把第二章的單一技法吃透，後面組合的時候才有底子。 COURSE · PHOTOSHOP 100 種 Photoshop 設計的風格 從濾鏡組合到完整視覺風格，100 個實戰技法系統化拆解 Photoshop 的設計可能性。 ✦ 字體效果與紋理設計 ✦ 海報與商品視覺整合 ✦ 100 種風格實戰拆解 查看課程 → SUBSCRIPTION · AIWAKEN AI 覺醒設計應用攻略 AI 工具每週都在更新，我幫你過濾雜訊，只整理對設計師真正有用的應用。 ✦ AI 工具實測與工作流 ✦ 設計師角度 Prompt 技巧 ✦ 每週 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）這類粗體，細體做這個效果筆畫會斷。台灣常用的字型如蘋方、思源黑體都適合。