RAR 設計攻略
  • 線上課程
  • 專欄文章
  • AI 覺醒
  • 關於講師
客服信箱:riven@rar.design

© 2026 RAR 設計攻略 All Rights Reserved.欸嗚欸嗚欸欸嗚嗚嗚喔喔有限公司.統一編號: 90841757
使用者條款.隱私權政策
Made with ♥ by 無為教育科技股份有限公司.Teachify
Developer and agent API documentationSite content index for AI agents (llms.txt)API documentation (OpenAPI)API authentication guide
  1. 首頁
  2. 文章列表
  3. 動態模糊海報該先去背還是先模糊?Photoshop 雙色海報的順序反了邊緣一定有硬邊

動態模糊海報該先去背還是先模糊?Photoshop 雙色海報的順序反了邊緣一定有硬邊

整張一起模糊、再用智慧型濾鏡遮色片把臉擦回來——交界是筆刷畫的,想多軟就多軟;漸層對應換雙色,兩層顆粒分管邊緣與全圖
設計師 Riven

設計師 Riven

2026年9月25日 下午 1:59

平面設計

PHOTOSHOP · 海報視覺 · 2026

左邊是白色機器人側面照的原圖,右邊是套用動態模糊、漸層對應與顆粒之後的藍黃雙色海報

▲ 原圖是一張乾淨的產品照。臉是清楚的、背景拉成光跡、整張染成藍黃,三件事都在同一個檔案裡完成,沒有去背。

QUICK ANSWER

先模糊,再擦回來。底圖轉智慧型物件,濾鏡 → 模糊 → 動態模糊,角度 0、間距 450,整張一起拉開。接著點圖層下方的智慧型濾鏡遮色片,用黑色柔邊筆刷把臉塗回清楚,再用低不透明度的白筆刷在交界處補一層光暈。上面疊「漸層對應」換成藍黃雙色,再疊兩層「顆粒」調整圖層(總量 100 加強烈光源、總量 50 給全圖底噪)。順序反過來先去背再模糊背景,主體邊緣一定會出現硬邊。

CONTENTS

01

清楚的部分是擦回來的

02

為什麼先去背再模糊會有硬邊

03

四層各管一件事

04

八個步驟與實測參數

05

筆刷怎麼塗才不會像剪貼

06

這招挑照片,而且挑得很兇

07

三種做局部模糊的方法對照

CHAPTER 01 · WHAT IS IT

清楚的部分是擦回來的

先講結論:這張海報裡臉是清楚的,但整套流程從頭到尾沒有選取過臉。

動態模糊是套在整張圖上的,機器人的臉、脖子、背景一起被拉成橫向光跡。之後打開智慧型濾鏡的遮色片,用黑色筆刷把臉那一塊塗掉——塗到的地方濾鏡效果被關掉,原本的清楚畫面就回來了。清楚不是保留下來的,是事後擦出來的。

這個順序決定了邊緣的品質。因為清楚跟模糊之間的交界是筆刷畫出來的,筆刷有多軟、交界就有多軟,想讓光跡從臉的輪廓慢慢滲出去,把筆刷硬度降到零、不透明度降低,多塗幾次就有。反過來先把臉選起來、只模糊背景,交界是選取範圍的邊,那條邊再怎麼羽化都是一條邊。

“

模糊套全圖,清楚擦回來。順序反了,邊緣一定有一圈。

CHAPTER 02 · WHY IT MATTERS

為什麼先去背再模糊會有硬邊

多數人做這種海報的直覺是:先把主體去背成一層,底下再放一層模糊掉的背景。邏輯上沒錯,但成品會有兩個問題,而且都出在主體的邊緣。

第一個是去背的邊本身。頭髮、機械關節、任何有細節的輪廓,去背再乾淨都會留一圈半透明的邊,疊在模糊背景上會浮出來,像剪貼簿。第二個更隱形:模糊的光跡是從主體的像素拉出去的,主體被切走之後,背景層裡沒有主體的像素,拉出來的光跡跟主體的顏色對不上。你會看到一個清楚的臉,旁邊拖著一道跟它無關的模糊,兩者沒有連續性。

整張一起模糊、再擦回主體,這兩個問題都不存在。光跡是從臉的像素本身拉出去的,顏色自然連續;交界是筆刷畫的,沒有去背的邊。包裝合成那篇講的「不推移像素、只改明暗」是同一種思路,這裡則是「不切割像素、只改哪裡清楚」。

擦到一半的畫面:左邊機器人後腦已經擦回清楚,右邊還是動態模糊的橫向光跡,右下角圖層面板可見智慧型濾鏡的遮色片縮圖

▲ 擦到一半的狀態。左邊已經回到清楚,右邊還是光跡,交界的柔度是筆刷決定的。右下角圖層面板上那個白色縮圖就是智慧型濾鏡的遮色片。

CHAPTER 03 · HOW IT WORKS

四層各管一件事

ANATOMY · 由下往上的圖層分工

LAYER 1 · 底圖 + 智慧型濾鏡

動態模糊,角度 0、間距 450

整張拉開。遮色片上黑色的地方濾鏡關掉、回到清楚,這是全篇唯一決定「哪裡清楚」的地方

LAYER 2 · 漸層對應

藍到黃

照亮度重新配色,暗的取藍、亮的取黃。因為它只看亮度,模糊那些細微的層次不會被蓋掉

LAYER 3 · 顆粒

總量 100,強烈光源,不透明度 50

強烈光源讓顆粒只在中間調明顯,剛好落在清楚跟模糊的交界上。太平滑的漸變看起來像手機濾鏡,這層是把它拉回海報質感的關鍵

LAYER 4 · 顆粒

總量 50,正常

全圖的底噪。均勻鋪一層,讓清楚的臉跟模糊的背景有同一種質地,看起來是同一張圖而不是兩層疊的

兩層顆粒為什麼不合併成一層?因為它們的目標不同。第一層用強烈光源,這個混合模式對亮部跟暗部幾乎沒作用、只影響中間調——而清楚跟模糊的交界正好是中間調最多的地方,顆粒會集中在那條過渡帶上,把光暈的平滑感打散。第二層用正常模式、總量減半,均勻蓋住全圖,作用是統一質地。一層負責邊緣、一層負責整體,合併的話兩件事都做不到位。

Photoshop 圖層面板:最上層裝飾、顆粒 1、漸層對應 1、底圖智慧型物件與其下的智慧型濾鏡動態模糊

▲ 圖層面板的結構。底圖是智慧型物件,動態模糊掛在它的智慧型濾鏡裡,上面依序是漸層對應、顆粒、裝飾。

「顆粒」是 Photoshop 27.3 起才有的調整圖層,在調整面板裡跟曲線、色階排在一起,參數是總量、大小、粗糙度。以前要做這件事得新增一層填 50% 灰、跑增加雜訊、再改混合模式,三步壓成一層,而且非破壞。版本低於 27.3 的話,用老方法一樣做得到,只是多幾步。

CHAPTER 04 · GETTING STARTED

八個步驟與實測參數

素材只要一張照片。示範用的是一張黑底的機器人側面照,主體乾淨、背景單純,這種圖最好做。參數是這張的實測值,換照片要跟著調。

完整操作我錄成影片了,一分多鐘看完整套流程,筆刷怎麼塗看影片最清楚。下面的文字版方便你隨時暫停對照。

1

底圖轉成智慧型物件

在圖層上按右鍵,選「轉換為智慧型物件」。這一步不能省——之後的動態模糊要以智慧型濾鏡的形式掛在上面,才會有遮色片可以擦。直接套在一般圖層上,模糊就是不可逆的。

2

整張套動態模糊

濾鏡 → 模糊 → 動態模糊。角度 0,間距示範用 450 像素。角度 0 是水平拉,光跡往左右延伸;間距越大拉得越長,450 在 2000 像素寬的圖上大約是四分之一畫面的長度。

3

點智慧型濾鏡的遮色片

圖層面板上,底圖下方會多出「智慧型濾鏡」一行,左邊有一個白色縮圖,那就是遮色片。點它一下,縮圖四角出現框線代表選中了。接下來的筆刷是畫在這裡,不是畫在圖上。

4

黑色柔邊筆刷塗主體

前景色黑、硬度 0、不透明度 100,把要清楚的部分塗掉。塗到的地方濾鏡效果消失,畫面回到原圖。眼睛、鼻子、嘴這些重點要塗到全清楚,臉的外緣留一點不要塗滿。

5

白色低不透明度筆刷補光暈

前景色換白、不透明度降到 20 到 30,在清楚跟模糊的交界輕輕帶幾筆。白色是把一點模糊加回去,這一層淡淡的模糊疊在清楚的邊緣上,就是光暈的感覺。

6

漸層對應換色

新增「漸層對應」調整圖層,挑一組雙色漸層。示範用藍到黃,暗部藍、亮部黃。想要更硬的對比就把漸層中間的過渡收窄,想要更多層次就拉寬。

7

兩層顆粒

新增「顆粒」調整圖層,總量 100,混合模式改成「強烈光源」,不透明度 50。再新增一層顆粒,總量 50,混合模式維持正常。第一層給交界、第二層給全圖。

8

裝飾與文字

最上面放標題、編號、裝飾線條。示範用的是寬體無襯線加細線框,顏色直接取漸層裡的黃,跟畫面是同一組色票。文字擺在模糊那一側,別壓到清楚的臉。

Photoshop 動態模糊對話框,角度 0 度、間距 450 像素,預覽視窗顯示畫面被拉成橫向光跡

▲ 步驟二的面板:角度 0、間距 450。這個數字綁在檔案尺寸上,換照片要照長邊比例調。

最常卡住的地方

智慧型濾鏡遮色片的邏輯跟一般圖層遮色片相反。一般遮色片黑色是隱藏圖層,這裡黑色是關掉濾鏡效果——所以塗了黑色反而變清楚。第一次做的人幾乎都會在這裡愣一下,以為塗錯顏色。沒有塗錯,就是這樣。

CHAPTER 05 · IN PRACTICE

筆刷怎麼塗才不會像剪貼

整套流程裡真正需要手感的只有步驟四跟五那兩分鐘的筆刷。塗得好,臉像從光裡浮出來;塗得不好,臉像貼上去的。差別在三件事。

第一是筆刷硬度。一定要 0,用硬邊筆刷擦出來的清楚區域會有一圈明確的邊,等於白做。第二是塗的範圍。眼睛、鼻樑、嘴唇這些觀眾會盯著看的地方要塗到全清楚,但臉的外緣——額頭邊、下巴邊、耳朵——要留一圈不塗滿,讓模糊從那裡開始滲出來。示範的成品裡機器人後腦的機械結構是半清楚的,就是刻意留的。第三是白筆刷的力道。不透明度 20 到 30、多帶幾筆,比一次 60 塗一筆好,因為每一筆都在疊加,你可以邊看邊加,過頭了很難退。

藍黃雙色的機器人海報裱框掛在水泥牆面上,旁邊有金屬長椅與落地窗的光影

▲ 放進展覽空間。高飽和的雙色調在水泥灰的環境裡跳得很出來,這是雙色海報在實體空間的優勢。

同一個檔案換載體,下面四張是同一張海報放到不同物件上的樣子。這種效果的市場比想像中寬,因為它同時帶著「速度」跟「科技」兩種訊號,凡是要講這兩件事的案子都用得上。

藍黃雙色海報做成精裝書封面,兩本疊放在金屬檯面上

▲ 精裝書封。方形開本剛好吃下整張海報,書背用純黑,把黃色的標題留給正面。

第一張是精裝書封。這種用法要注意書背跟書腰的顏色——雙色調的圖放在書架上,讀者看到的是書背,書背顏色要從畫面裡取,不要另外配。示範用純黑,是畫面裡背景的顏色,放在架上跟正面是一體的。

藍黃雙色海報做成戶外燈箱,掛在雨夜街邊的石材牆面上

▲ 戶外燈箱。夜間背光之下,黃色會比螢幕上更亮、藍色會更沉,對比被拉開。

第二張是戶外燈箱。跟掃描線那篇講過的一樣,燈箱是背光,暗部會比螢幕上再暗一階。這張的好處是畫面本來就是高對比的雙色,暗部沉下去反而讓黃色更跳,比中間調多的照片更適合做燈箱。送印前檢查暗部有沒有整塊死黑就好。

藍黃雙色海報做成黑膠唱片封套,唱片半抽出,圓標是黃色

▲ 黑膠封套。電子音樂場次最常見的用法,圓標直接用漸層裡的黃。

第三張是黑膠封套。這是雙色調最有優勢的載體——兩個特別色就能印,比四色便宜,而且特別色的飽和度比四色疊出來的高,拿在手上比螢幕上更亮。唱片圓標從畫面裡取黃色,整套是同一組色票。

藍黃雙色海報絹印在黑色托特包上,掛在牆面的金屬掛鉤

▲ 托特包。黑色布面吃掉畫面的黑底,等於只要印藍黃兩色。

最後一張是托特包。這張示範的是雙色調在周邊商品上的算盤:黑色布料本身就是畫面的黑底,絹印只要藍黃兩版,成本跟複雜度都壓到最低。同一張圖從書封、燈箱到周邊都能走,提案時這件事的說服力比技法本身高。

這種海報的用途集中在需要「速度感」跟「科技感」同時出現的案子——科技品牌活動、電子音樂場次、遊戲或動畫的角色視覺、車廠的概念發表。雙色調的另一個實務好處是印刷成本:兩個特別色就能印,比四色便宜,而且特別色的飽和度比四色疊出來的高,掛在牆上更亮。

CHAPTER 06 · LIMITS

這招挑照片,而且挑得很兇

第一個條件是背景要單純。示範用的是純黑背景,動態模糊拉出來的光跡是主體本身的顏色,乾淨。如果背景是複雜的街景或室內,拉出來的是一團混色,主體擦回來之後周圍髒髒的,效果差很多。背景太複雜的照片,先用內容感知或生成填色把背景清乾淨再做。

第二個條件是主體要有側面輪廓。光跡是水平拉的,正面照的臉拉出去會變成左右對稱的兩道,看起來像鬼影。側面或四分之三側面的臉,光跡從後腦拉出去,有方向、有動勢。示範選機器人側面照就是這個原因。

第三個限制在漸層對應。它照亮度換色,照片的明暗結構會直接變成色彩結構——原圖對比強,換出來的雙色就分明;原圖是灰濛濛的平光照,換出來就是一片中間色,兩個顏色都不飽和。跟掃描線那篇一樣,挑側光、挑對比,這是漸層對應類技法共同的前提。

CHAPTER 07 · COMPARED TO

三種做局部模糊的方法對照

「主體清楚、背景模糊」不只一種做法。差別在邊緣品質跟改稿成本。

比較項目
智慧型濾鏡遮色片
去背分層
選取後模糊
交界由什麼決定
筆刷的柔邊
去背的邊
選取範圍的羽化
光跡與主體連續
連續,同一批像素
斷開
部分連續
改模糊強度
雙擊濾鏡重調
背景層重跑
要重選重跑
改清楚範圍
遮色片再塗
重新去背
重來
適合的主體
背景單純的任何主體
要換背景時
邊緣簡單的幾何物件

去背分層有它的位置——主體要放到別的背景上時只能這樣做。但如果主體跟背景本來就在同一張照片裡,只是想讓背景動起來,智慧型濾鏡遮色片是三條路裡唯一交界能隨時重塗、模糊能隨時重調的。想再往下延伸,影像延伸那篇是另一種把畫面「拉開」的做法,拉的是像素而不是模糊;顆粒流體漸層則是漸層對應加顆粒的純抽象版本,沒有主體。

CHAPTER 08 · TAKEAWAYS

帶走這幾件事

TAKEAWAYS

→

模糊套全圖、清楚擦回來。交界是筆刷畫的,想多軟就多軟;反過來先去背,交界是一條邊。

→

底圖一定要先轉智慧型物件,模糊才會有遮色片可以擦、之後才能回頭改參數。

→

智慧型濾鏡遮色片黑色是關掉濾鏡,跟一般遮色片相反。塗黑反而變清楚是正常的。

→

筆刷硬度 0、重點塗滿、外緣留一圈,白筆刷低不透明度多帶幾筆做光暈。

→

兩層顆粒分工:強烈光源那層管交界、正常那層管全圖,合併會兩邊都不到位。

→

挑背景單純、主體側面、明暗對比強的照片。三個條件缺一個,效果就打折。

「先做什麼、後做什麼」在 Photoshop 裡常常比「用哪個工具」重要。同樣是動態模糊加遮色片,順序對了邊緣自然,順序反了怎麼修都有一圈。這種順序沒有寫在濾鏡的說明裡,它是做壞幾次之後才知道的事——而這篇要省掉的,就是那幾次。

RELATED READS · 延伸閱讀

Photoshop 未來神秘感人像氛圍怎麼做?拼貼加動態模糊拉出螢幕掃描線

同樣是動態模糊加漸層對應,那篇把方塊拉成掃描線、這篇把整張拉成光跡。

閱讀文章 →

Photoshop 顆粒流體漸層效果

漸層對應加顆粒的純抽象版本,沒有主體、只有流動的色塊。

閱讀文章 →

Photoshop 影像延伸效果怎麼做?一個變形拉出液態線條的完整教學

另一種把畫面拉開的做法,拉的是像素不是模糊。

閱讀文章 →

Photoshop 設計包裝合成法:不用變形,兩個混合設定就有皺褶與光澤

「不切割像素」的另一個應用,靠混合範圍而不是遮色片。

閱讀文章 →

Photoshop 調和功能怎麼用?把物件貼進照片,一顆按鈕自然融入場景光線

真的需要去背分層的時候,讓 AI 處理光線的方法。

閱讀文章 →

接案設計師的素材天堂:六個來源、真實花費,與三條會賠錢的授權紅線

背景乾淨的主體照去哪找,示範用的機器人照就是 Unsplash 的。

閱讀文章 →
100 種 Photoshop 設計的風格

COURSE

100 種 Photoshop 設計的風格

雙色海報只是其中一招。智慧型濾鏡、遮色片、混合模式怎麼串成工序,課程裡有一百種練法。

了解課程 →
AI 覺醒設計應用攻略

SUBSCRIPTION

AI 覺醒設計應用攻略

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

了解訂閱 →

常見問題

Q:套了動態模糊之後找不到遮色片可以塗?

A:底圖沒有先轉成智慧型物件。一般圖層直接套濾鏡是破壞性的,不會有智慧型濾鏡那一行、也不會有遮色片。復原到套濾鏡之前,先在圖層上按右鍵「轉換為智慧型物件」,再套一次動態模糊。

Q:用黑色塗了,怎麼反而變清楚?

A:這是正確的。智慧型濾鏡的遮色片管的是「濾鏡效果要不要作用」,黑色是不作用,所以塗黑的地方模糊被關掉、回到原圖。跟一般圖層遮色片「黑色隱藏圖層」的邏輯相反,第一次都會愣一下。

Q:間距要填多少?

A:示範是 450 像素,但這個數字綁在檔案尺寸上。2000 像素寬的圖填 450 大約拉出四分之一畫面的長度;4000 像素寬的圖同樣填 450 只有八分之一,看起來會短很多。換照片時照長邊比例調,或者直接看預覽視窗,拉到光跡的長度是你要的就好。

Q:擦完之後臉的邊緣有一圈明顯的線?

A:筆刷硬度沒有降到 0,或者塗的時候把臉的輪廓塗滿了。柔邊筆刷、外緣留一圈不塗,再用白色低不透明度筆刷在交界處帶幾筆,那條線就會消失。如果已經塗過頭,直接用白色筆刷把邊緣塗回一點模糊就好,遮色片隨時可以改。

Q:我的 Photoshop 沒有「顆粒」調整圖層?

A:顆粒調整圖層是 27.3 版(2026 年 1 月)才加的,舊版沒有。替代做法:新增一個圖層,編輯 → 填滿選 50% 灰,濾鏡 → 雜訊 → 增加雜訊,總量照著填,混合模式一樣改強烈光源。效果相同,只是多三步而且不能事後調總量。

Q:一定要藍黃嗎?

A:不一定,漸層對應想換什麼色都行。雙色海報的原則是兩個顏色要在色相環上拉得夠開、明度差夠大,藍黃、紫綠、紅青都是常見組合。同色系的雙色(深藍到淺藍)也可以,但速度感會弱很多,看起來比較像單色調的照片。

Q:可以用在正面的人像上嗎?

A:可以做但效果會差。角度 0 的動態模糊是水平拉,正面的臉會往左右兩邊各拉出一道對稱的光跡,看起來像重影而不是速度。真的要用正面照,把角度改成有斜度的數字,讓光跡往單一方向走,或者改用側面照。