Photoshop 波形邊緣效果怎麼做?兩層疊加 + 剪裁遮色片的溶解技法教學

讓圖像邊緣像聲波一樣溶解,核心不是濾鏡,是「上層保留、下層破壞」的分層思路
設計師 Riven

設計師 Riven

2026年6月24日 下午 2:45

平面設計

PHOTOSHOP TUTORIAL · TYPOGRAPHY · 2026

Photoshop 波形溶解效果教學封面:紅黑色調的溶解蘋果視覺,標示波浪濾鏡加遮色片的技法組合

▲ 波形濾鏡 + 遮色片做出的邊緣溶解效果,一個濾鏡加一個遮色片就能完成

QUICK ANSWER

波形邊緣溶解效果是把同一張圖複製成上下兩層:下層用波形(Wave)濾鏡打散邊緣,上層保持原圖清晰,再用剪裁遮色片讓乾淨的上層只顯示在被打散的下層範圍內。破壞的是輪廓,清楚的是內容,兩層一疊,溶解感就出來了。整個技法的核心不是濾鏡,是「上層保留、下層破壞」的分層思路。

打開社群,到處都是這種邊緣在溶解、像聲波在跳動的視覺——專輯封面、海報、MV,紅黑配色配上滴流的字。很多人看到第一個念頭是「這要描多少邊、刻多少細節」。其實 Photoshop 一個濾鏡加一個遮色片就做得出來,而且每次跑出來的邊緣都不一樣。

但真正的關鍵不在濾鏡。在「兩層」。這篇會把整套技法從原理到操作完整拆給你,最後再講為什麼這個分層思路比濾鏡本身值錢。

CHAPTER 01 · THE LOOK

什麼是波形邊緣溶解效果

波形邊緣溶解(Wave Dissolve)是一種讓圖像邊緣變得不規則、像液體滴流或聲波跳動的破壞性視覺。它最近大量出現在獨立音樂的專輯封面、live show 海報、MV 視覺裡,特別是搭配紅黑、黑白這種高反差配色的暗黑風格。

它跟單純的「邊緣模糊」或「橡皮擦塗抹」最大的差別,是那種不規則的滴流感是運算出來的,不是手繪的。每一個尖刺、每一條滴流的長度都不一樣,有一種自然崩解的隨機性。這種隨機性正是手描永遠做不像的地方——人手畫的破壞太規律,一眼就假。

01 · EDGE

滴流邊緣

邊緣長出不規則的尖刺與滴流,像顏料還沒乾就被拉扯。

02 · CORE

清晰本體

主體中心保持原圖清晰,只有邊緣溶解。這個對比是效果的重點。

03 · COLOR

高反差配色

紅黑、黑白、單色高飽和對黑底,讓溶解的輪廓更尖銳。

CHAPTER 02 · THE LOGIC

核心是「兩層」,不是濾鏡

大部分人看到這個效果,會直接去找「波形濾鏡」然後套上去——結果整張圖都被打散,糊成一團,主體也看不清了。問題就在這:如果只用一層,破壞跟內容會互相打架。

正解是把同一張圖拆成上下兩層分工。下層負責「破壞」,讓它整個被波形濾鏡打散、長出滴流和鋸齒邊。上層負責「保留」,保住原圖乾淨清晰的樣子。然後用剪裁遮色片,讓乾淨的上層只顯示在被打散的下層範圍內。

“破壞的是輪廓,清楚的是內容。兩層一疊,溶解感就出來了。”

TOP LAYER · 上層

保留

原圖不動,保持清晰。用剪裁遮色片夾進下層的形狀裡,只在下層存在的地方顯示。

BOTTOM LAYER · 下層

破壞

套波形濾鏡打散,長出滴流跟鋸齒邊。它決定了最終輪廓的破壞範圍。

分工拆開之後,破壞跟內容就不再打架了。下層放手去爛,上層安心保持乾淨——這就是整個效果成立的底層邏輯。

CHAPTER 03 · STEP BY STEP

Photoshop 完整操作步驟

下面把七個步驟拆開講,每一步都停下來解釋為什麼這樣做。照著做一次,這套技法就是你的了。

STEP 01 · 複製圖層

準備上下兩層

準備一張圖,按 Ctrl / Command + J 複製一組,讓你手上有兩個一模一樣的圖層。一個等下拿來破壞,一個保持乾淨。

STEP 02 · 關閉上層

先把乾淨層收起來

關閉上層的可見度,先把它收起來。我們要先處理下面那層的破壞,上層等下再回來。

STEP 03 · 波形濾鏡

打散下層的邊緣

選取下面的圖層,走濾鏡 → 扭曲 → 波形效果。這層負責破壞邊緣。數值沒有固定,波長、振幅左右拉,看你要邊緣抖動得多劇烈、滴流拉得多長。多試幾組,這支濾鏡的隨機性就是它好玩的地方。

STEP 04 · 開回上層

把乾淨層放回來

破壞做完,選取上面的圖層,把可見度開回來。現在畫面會被乾淨的上層整個蓋住,暫時看不到下層的破壞——別擔心,下一步就接上了。

STEP 05 · 剪裁遮色片

把兩層接起來

按 Ctrl / Command + Alt / Option + G 建立剪裁遮色片。乾淨的上層立刻被「夾」進破壞的下層形狀裡:邊緣是滴流破壞的、內容是清楚的,溶解效果到這裡就成立了。

STEP 06 · 圖層遮色片微調

用低流量筆刷柔化交界

新增一個圖層遮色片,選擇筆刷工具,筆刷流量設定低一點。低流量是重點——不要一次塗死,用很淡的黑色一層一層刷,在破壞邊緣跟乾淨主體的交界帶輕輕塗抹,讓兩種質感過渡得更自然,不會有一條突兀的分界線。

STEP 07 · finishing

加上裝飾與材質

最後加上裝飾跟材質——半調網點、噪點、標題字、邊框資訊。整個畫面就會從「濾鏡實驗」變成一張真正的視覺作品。

CHAPTER 04 · WHY WAVE

波形濾鏡在做什麼

波形(Wave)濾鏡藏在「濾鏡 → 扭曲」底下,它的作用是依照波長跟振幅的設定,在圖像的像素上製造週期性的位移擾動。簡單講,它讓本來平整的邊界開始上下左右亂跳,跳的幅度跟頻率由你控制。

三個關鍵參數決定了破壞的長相:產生器數目決定波的疊加複雜度,波長決定滴流的疏密,振幅決定邊緣抖動的劇烈程度。沒有標準答案,這正是它的價值——同一張圖換不同數值,就能拿到完全不同的破壞輪廓。

產生器數目

Generators
波的疊加複雜度

波長

Wavelength
滴流的疏密

振幅

Amplitude
抖動的劇烈程度

如果想要更接近滴流的形狀,可以把類型從「正弦」改成「三角形」或「正方形」,邊緣會變得更尖銳、更有撕裂感。多按幾次「隨機化」,每次都是一組新的破壞——找到滿意的那組再按確定。

CHAPTER 05 · IN PRACTICE

波形溶解的應用場景

這套技法做穩之後,它幾乎可以套進所有需要暗黑、實驗、地下氣質的視覺載體。下面四個場景是它最常出現的地方——同一張溶解海報,放進不同語境會帶出不同的氣場。

波形溶解海報應用於雨夜街頭燈箱廣告的設計案例

▲ 應用 01:街頭燈箱,雨夜霓虹下的溶解海報,紅黑配色跟潮濕街景融成一片

街頭燈箱是這個風格的原生舞台。溶解的邊緣在霓虹反光、雨水倒影裡會顯得更不安定,那種「快要化掉」的張力正好對上獨立音樂、地下展演的宣傳調性。重點是讓海報的暗部跟街景的暗融在一起,只留發光的主體跳出來。

波形溶解海報應用於暗色室內空間框裝藝術掛畫的設計案例

▲ 應用 02:室內框裝,同一張溶解海報掛上牆面就從宣傳品變成 art piece

同樣一張設計,框裝掛進室內空間,氣質立刻從「街頭宣傳」翻成「收藏級藝術」。溶解效果在大尺寸框裝下細節更明顯,邊緣那些滴流變成可以細看的肌理。能在街頭跟室內兩種語境都成立的設計,商業價值會比單一場景高很多。

波形溶解海報應用於黑膠唱片封套與印刷品堆疊的設計案例

▲ 應用 03:印刷品,黑膠封套、海報、傳單堆疊,同一視覺系統的多媒材延伸

印刷品是溶解效果最考驗細節的地方。實體印出來之後,那些細小的滴流尖刺會不會糊掉、半調網點會不會過曝,都得在印前確認。封套、海報、傳單做成一整套視覺系統時,記得讓主視覺夠強、副物件留白,整套才有層次。

波形溶解海報應用於服飾店櫥窗大型展示的設計案例

▲ 應用 04:店面櫥窗,大尺寸溶解海報當品牌主視覺,暗色店裝的視覺焦點

櫥窗是把溶解效果放到最大的場景。服飾、選品、唱片行這類走暗色調性的店,用一張大尺寸溶解海報當主視覺,遠遠就能抓住路人的目光。尺寸放大後,邊緣的破壞反而成了最吸睛的細節——這正是手繪破壞做不到的地方,運算出來的隨機性放大了還是耐看。

CHAPTER 06 · TAKEAWAYS

濾鏡是招式,分層才是心法

過去你想做破壞效果,得一筆一筆描、一塊一塊擦,描到天荒地老還是很假。波形邊緣這套技法把這件事整個翻過來——讓濾鏡去破壞、用遮色片去接合,分工一拆開,整件事就簡單了。

但波形濾鏡誰都點得出來。真正有功夫的,是「上層保留、下層破壞、用遮色片接合」這個分層思路。學會它,你能做的就不只是波形——把下層的波形濾鏡換成液化,就是融化感;換成置換,就是材質溶解;換成任何破壞性濾鏡,這套上下分層的邏輯都成立。

這也是設計跟套濾鏡的差別。套濾鏡是把效果蓋上去,設計是先想清楚「保留什麼、破壞什麼、怎麼接合」,再讓工具去執行。前者學的是按鈕位置,後者學的是判斷。濾鏡是招式,分層才是心法。

100 種 Photoshop 設計的風格

COURSE · PHOTOSHOP

100 種 Photoshop 設計的風格

從濾鏡組合到完整視覺風格,100 個實戰技法系統化拆解 Photoshop 的設計可能性。

字體效果與紋理設計

海報與商品視覺整合

100 種風格實戰拆解

查看課程 →
AI 覺醒設計應用攻略

SUBSCRIPTION · AIWAKEN

AI 覺醒設計應用攻略

AI 工具每週都在更新,我幫你過濾雜訊,只整理對設計師真正有用的應用。

AI 工具實測與工作流

設計師角度 Prompt 技巧

每週 AI × 設計新知

了解訂閱方案 →

FAQ · COMMON QUESTIONS

常見問題

Q:波形邊緣效果一定要用兩個圖層嗎?

A:是的,這是這個技法的核心。只用一層直接套波形濾鏡,整張圖會被打散、主體也糊掉。上下兩層分工——下層破壞、上層保留——再用剪裁遮色片接合,才能做到「邊緣溶解但內容清晰」。少了分層,就只是把整張圖弄爛。

Q:波形(Wave)濾鏡在 Photoshop 哪裡?

A:在「濾鏡 → 扭曲 → 波形效果」底下(英文版 Filter → Distort → Wave)。注意它跟另一個常用的破壞濾鏡「內縮與外擴」不同——後者在「濾鏡 → 其他」底下,兩個分類不一樣,別找錯。

Q:剪裁遮色片(Clipping Mask)跟圖層遮色片有什麼不同?

A:剪裁遮色片是「用下層的形狀去框住上層」,上層只顯示在下層有像素的地方——這篇拿來讓乾淨上層套進破壞下層的輪廓。圖層遮色片則是「用黑白筆刷局部隱藏單一圖層」,這篇拿來柔化邊緣交界。兩個遮色片各司其職,這個技法兩個都會用到。

Q:為什麼筆刷流量要設低?

A:低流量讓你可以一層一層慢慢堆疊,在破壞邊緣跟乾淨主體的交界帶輕輕過渡。如果用高流量一次塗死,會留下一條突兀的硬邊界,反而破壞了溶解的自然感。低流量 + 多次輕刷 = 自然漸層。

Q:這個分層思路還能做出哪些效果?

A:把下層的波形濾鏡換成別的破壞性濾鏡就能變化:換「液化」做融化流動感,換「置換」做材質溶解,換「風」做拉絲撕裂,換「結晶化」做碎裂感。只要保持「上層保留、下層破壞、遮色片接合」這個結構,濾鏡可以隨意替換。

Q:這個效果可以用在文字上嗎?

A:可以,而且很適合。文字先點陣化(轉成像素圖層)之後,同樣複製成上下兩層套這套流程,就能做出邊緣溶解的標題字。粗黑體效果最明顯,細字的筆畫容易被波形打斷,要留意。

RELATED · 延伸閱讀

其他 Photoshop 破壞美學教學

PHOTOSHOP · 字體破壞

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

用色版選取把樹木 pattern 的亮度資訊轉成選取範圍,再用內縮外擴濾鏡把字體啃出破碎邊緣。跟波形溶解一樣是破壞性技法,但走的是另一條路。

PHOTOSHOP · 印刷破壞

錯位印刷字體怎麼做?2026 反 AI 設計趨勢與 Photoshop 完整教學

用 RGB 通道分離做出印刷錯位的整齊破壞感,Photoshop 三個內建效果就能完成。搖滾海報視覺的另一塊拼圖。