2026年8月1日 上午 12:58
平面設計PHOTOSHOP · 字體效果 · 2026
QUICK ANSWER
移置濾鏡讓文字跟著底圖的紋理一起變形。做法是先把文字圖層關掉、儲存成一個只有材質的 psd 檔（這就是移置圖），再開啟文字、選到文字圖層執行濾鏡 → 扭曲 → 移置，水平與垂直縮放各設 20，選擇剛才那個 psd。最後用圖層樣式的混合範圍，按住 Alt 拖曳下面圖層的控制點，讓材質光影透回文字上。
CHAPTER 01 · THE PROBLEM
找一張質感很好的材質照，打上一行字，然後看著畫面覺得哪裡不對。字型沒問題、大小沒問題、顏色也沒問題，但整張圖就是有一種說不上來的廉價感。
問題出在文字太乖了。底下的材質有凹凸、有起伏、有邊界，光線在上面轉了好幾個彎，文字卻筆直地躺在最上面，每一個筆畫都平整得像剛從字型檔裡搬出來——因為它確實就是。眼睛認得出這種落差，所以第一眼就知道那行字是後來才貼上去的。
要解決它，你得讓文字服從材質的地形。Photoshop 裡專門做這件事的工具叫「移置」，它藏在濾鏡 → 扭曲 底下，跟波形效果是同一群。多數人打開過那個選單，看到「移置」兩個字，按下去跳出一個要你選檔案的對話框，然後就關掉了。
CHAPTER 02 · HOW IT WORKS
移置濾鏡的運作方式意外地單純：它讀一張圖的明暗，亮的地方把像素往一邊推，暗的地方往另一邊推。推多遠由你設定的數值決定，推的方向由那張圖的灰階決定。
那張被拿來當依據的圖，就叫移置圖。這是整個技法的核心——濾鏡本身沒有創意，它只是忠實地照著你給的那張圖執行推擠。所以真正決定成品的，不是濾鏡的參數，而是你餵給它什麼。
HOW IT WORKS · 三步推擠
01 · MAP
存一張只有材質的 psd
關掉文字再存檔。這個檔案就是移置圖，是接下來所有變形的依據。
02 · READ
濾鏡讀取它的明暗
亮的區域往一邊、暗的區域往另一邊，灰階成了推擠的方向盤。
03 · PUSH
文字的像素被推開
推多遠由縮放數值決定。字的筆畫從此跟著材質的輪廓走。
理解這一層之後，最容易被跳過的那個動作就有意義了：套濾鏡之前，你得先把文字關掉、存一次檔。因為移置圖讀的是整個檔案的合併影像，文字如果看得見，它自己也會變成凹凸資訊——結果就是字照著自己的形狀把自己推歪，出來一團糊。
濾鏡不製造變形，它只是執行你給它的那張地圖。
這跟我在點陣漸變文字那篇談彩色網屏、在符合顏色那篇談色彩分布，講的是同一件事：Photoshop 的內建濾鏡多半不難，難的是知道它吃什麼。餵對了，一個指令就到位。
▲ 完整操作影片：八個步驟從頭做一遍，搭配下面的文字講解服用。
CHAPTER 03 · STEP BY STEP
01
準備一組底圖和文字
底圖選凹凸對比明顯的：油水氣泡、布料織紋、皺掉的紙、水面波紋都很好。輪廓越清楚，推擠出來的效果越明顯。文字建議選粗一點的無襯線體，細字被推開容易斷掉。
02
把文字圖層的可見度關閉
點掉圖層前面的眼睛。這一步是整支流程的關鍵，理由前面說過了——移置圖讀合併影像，文字看得見就會變成干擾。
03
Ctrl / Command + S 儲存
存成 psd。這個檔案就是移置圖，等一下要選它。移置濾鏡只接受 psd 格式，存成 jpg 或 png 到時候在選檔視窗裡會找不到。
04
再把文字的可見度開啟
移置圖已經存好了，接下來換文字上場。眼睛點回來，畫面恢復成有字的樣子。
05
選到文字圖層，濾鏡 → 扭曲 → 移置
一定要先點到文字圖層，濾鏡是對當前選取的那一層動手。這時 Photoshop 會問你要不要點陣化文字，按下去就對了——想保留文字可編輯性的話，先轉成智慧型物件再套濾鏡。
06
水平縮放、垂直縮放都設 20
這兩個數字是像素最多會被推開多遠。20 是通用的起手值，下一章會拆給你看不同數值的差別。底下的「伸展以符合」跟「折回」保持預設就好。
07
選擇剛才儲存的那個 psd
按下確定後會跳出選檔視窗，找到步驟 03 存的檔案。選完的瞬間文字就變形了，筆畫開始跟著材質的輪廓起伏。
08
圖層樣式 → 混合範圍 → 按住 Alt 拖曳
對文字圖層點兩下開圖層樣式，在混合選項最底下找到混合範圍，按住 Alt / Option 拖曳「下面圖層」右邊的控制點。這一步的細節第五章展開。
拿到素材之後，把它當成一張地形圖來看：泡泡的暗色邊緣會把像素往一邊推，泡泡中央的亮面往另一邊推。所以文字的變形不是隨機的——每一道扭曲都對應著畫面上某一顆泡泡的輪廓。做完之後把移置前後的兩層疊起來比對，會看得很清楚。
CHAPTER 04 · THE PARAMS
水平縮放跟垂直縮放這兩個欄位，決定了像素最多能被推開多少。單位是相對值不是像素，所以同樣一個數字，套在 4000px 的大圖跟 800px 的小圖上，看起來的力道差很多。這是為什麼沒有一個「正確數值」，只有針對這張圖的合適數值。
SCALE · 數值區間的手感
5
若有似無
細緻布紋、紙纖維用這個區間。字幾乎沒動，但少了印刷感的死板。
20
看得出來，讀得出字
影片用的數值。變形明顯但字還完整，多數材質的安全起手。
50
開始有破壞感
筆畫斷裂、字母黏在一起。想走實驗性排版的話這裡才開始好玩。
100+
已經不是文字了
變成純粹的抽象紋理。當背景素材可以，當標題不行。
兩個欄位也不一定要填一樣的數字。水平設高、垂直設低，字會往兩側扯，像被水流橫向拉過；反過來則像從上往下融化。想模擬特定的物理感受時，這組不對稱是很好用的手把。
至於移置圖本身，選擇的原則跟數值一樣重要。對比越強、邊界越清楚的材質，推擠出來的輪廓越漂亮；灰濛濛沒有層次的圖，套下去只會得到一團微微晃動的字。這也是為什麼氣泡、水面、皺紙這類材質特別適合——它們的明暗邊界又多又利。
CHAPTER 05 · THE SECOND HALF
只套移置的話，文字確實跟著紋理起伏了，但它還是一塊完整的白色——底下材質的暗部、陰影、氣泡的邊緣，全都被文字擋住。這時候看起來像一張「被扭曲過的貼紙」，還是貼紙。
第二步要做的，是讓底下的暗部從文字裡透出來。工具是圖層樣式最底下那個很多人沒點開過的區塊：混合範圍。它的邏輯是「依照亮度決定要不要顯示」，其中「下面圖層」那條滑桿控制的是——底層有多暗的地方，可以穿透上層冒出來。
TWO STEPS · 兩步分工
STEP 1 · DISPLACE
移置管形狀
讓文字的輪廓跟著材質的地形起伏。解決的是「形狀對不對」。
STEP 2 · BLEND IF
混合範圍管明暗
讓材質的光影透回文字上。解決的是「有沒有在同一個空間裡」。
操作上有個一定要記住的細節：直接拖曳滑桿會得到硬邊，透出來的地方邊緣鋸齒明顯，看起來像挖了一個洞。按住 Alt / Option 再拖，滑桿的把手會裂成兩半，你就能拉出一段過渡區間，讓穿透變成漸層。
拆開之後左右各拉多遠，決定了材質吃進文字的程度。兩個把手靠得越開，過渡越柔；靠得越近，越接近硬切。實務上先把右邊那半往左拉一點，看著畫面調到「文字還讀得出來，但明顯有東西壓在上面」就對了。
CHAPTER 06 · IN PRACTICE
這個效果的商業性比想像中高。它自帶「這是精心設計過的」訊號，又不會像立體字或發光字那樣搶戲，很適合當主視覺的字體處理。同一組 LIQUID ENERGY，四種完全不同的場合：
換一張材質，氣質就全變了。水泥牆推出來的是粗獷的工業感、皺紙推出來的是手作的溫度、金屬拉絲推出來的是冷硬的科技感。技法只要學一次，材質庫可以收一輩子——這點跟符合顏色的參考圖庫是同一個道理。
CHAPTER 07 · TROUBLESHOOTING
選檔案的時候找不到剛剛存的檔
移置只接受 psd 格式。存成 jpg、png、tif 都不會出現在選檔視窗裡。回去用另存新檔選 Photoshop（psd）格式重存一次。
套完之後字整個糊掉、看不出原本的形狀
最常見的原因是存移置圖的時候忘記關掉文字圖層，文字把自己也算進地形裡了。回到步驟 02 重來一次。次要原因是縮放數值太大，先降到 20 以下試試。
Photoshop 跳出「必須點陣化文字」
濾鏡不能直接套在文字圖層上。按確定就會點陣化，代價是之後改不了字。想保留可編輯性，先右鍵轉換為智慧型物件再套移置，濾鏡會變成智慧型濾鏡，隨時可以回頭調數值。
混合範圍拉出來的邊緣有鋸齒
忘記按 Alt / Option。沒按的話滑桿是一個整體，拖曳會產生硬邊；按住之後把手才會裂成兩半，拉出漸層過渡。這是混合範圍最容易被忽略的操作。
CHAPTER 08 · TAKEAWAYS
一、移置圖是整個技法的核心。關掉文字、存一次 psd，這個動作決定成敗。
二、縮放數值沒有標準答案，20 是安全起手，往上是破壞、往下是細膩。
三、移置管形狀，混合範圍管明暗。只做前者，文字還是貼紙。
這一招學會之後，你會開始用不同的眼光看素材網站上那些材質照——每一張紋理都是一個等著被使用的變形器。在100 種 Photoshop 設計的風格裡，我把這類「內建功能其實很強、只是沒人講清楚」的拆解做成了一百種可以直接上手的練習。
文字是貼紙還是印花，就看中間有沒有多存那一次檔。
RELATED READS · 延伸閱讀
Photoshop 符合顏色怎麼用？一張參考圖複製電影感色調的完整教學 →
同樣是「餵一張圖給它」的內建功能，那篇餵的是色彩。
Photoshop 點陣漸變文字怎麼做？彩色網屏＋錯位效果的東京霓虹感教學 →
另一種文字破壞：把筆畫化成網點顆粒。
Photoshop 波形溶解效果怎麼做？邊緣溶解的分層心法與完整教學 →
扭曲濾鏡群的另一位成員，走的是邊緣打散的路線。
Photoshop 粗糙風格字體怎麼做？色版選取 + 內縮外擴的破壞美學教學 →
同樣用材質去啃文字，但走的是選取範圍那條路。
錯位印刷字體怎麼做？2026 反 AI 設計趨勢與 Photoshop 完整教學 →
為什麼「不完美的字」在 2026 年反而更值錢。
A：是。移置濾鏡只讀 psd 格式，其他格式不會出現在選檔視窗裡。如果手上是 jpg 材質，先在 Photoshop 開啟再另存成 psd 就好。
A：移置圖讀的是整個檔案的合併影像。文字如果看得見，它的黑白對比也會被算成凹凸資訊，結果就是文字照著自己的形狀把自己推歪，出來一團糊。關掉文字，移置圖裡就只剩下你要的材質地形。
A：20 是通用的起手值。5 以下幾乎看不出來，適合細緻布紋；50 以上開始破壞筆畫，適合實驗性排版；100 以上文字會變成純抽象紋理。數值是相對值，同一個數字在大圖跟小圖上力道不同，最好邊調邊看預覽。
A：可以。套濾鏡前先對文字圖層右鍵轉換為智慧型物件，移置就會變成智慧型濾鏡，之後隨時可以回頭改數值或關掉效果。要改文字內容的話，點兩下智慧型物件縮圖進去編輯，關閉後外層效果會自動重算。
A：混合範圍的滑桿預設是一整塊，直接拖會產生硬邊，透出來的地方邊緣鋸齒明顯。按住 Alt / Option 之後把手會裂成兩半，兩半之間的距離就是過渡區間，讓穿透變成漸層。這是讓合成看起來自然的關鍵操作。
A：可以，移置對任何像素圖層都有效。套在人像上會得到扭曲的水波效果、套在 logo 上可以做出融入材質的品牌視覺。原理完全一樣：關掉那一層、存移置圖、套濾鏡。
