模糊、遮罩/遮色片、色版、像素模糊、馬賽克特效
Visual Design Postproduction Blur and Mask SFX
數位出版設計:封面與後製篇-知識美學/數位美學之建構方法
數位影象後製/影象改創技術
數位影象後製/影象改創技術常用的目標與方法如下,並將在各專章分敘:
影象改創:針對人像的「數位醫美系列」:數位美容整形、數位減肥塑身、數位醫美環境改創、服飾改創 、變臉 Face off: MI (Mission Impossible) 式數位醫美-改頭換面式數位醫美、與其他主題改創。
後製:模糊、遮罩/遮色片、色版、像素模糊、馬賽克、雜訊/質化特效適用時機
模糊特效經常是為了突顯畫面結構的「對比、主從」,把前景或後景模糊,以增強主題的角色。
遮罩特效通常用在調整意涵,把原始圖片的局部物件遮掉,改用其他物件。尤其攝影環境,與焦點視覺的訴求不完全配合時,都會採用模糊、遮罩特效,並與下節的建構圖層組合共同應用,以達成設計的效果。
模糊、像素模糊、馬賽克、遮罩特效又可包括多種作法:
模糊法:優先推薦高斯模糊,其他模糊工具也可視個案採用。
遮罩模糊法:前節的「邊框設計」就是一種預設固定遮罩,本章先介述使用者自設固定遮罩物件與遮罩模式應用,至數位美容整形章,再介述重疊動態遮罩。
像素模糊、馬賽克:在 PhotoImpact 中、與一般常認知的馬賽克,在 Photoshop 中則為1組像素模糊的濾鏡,而包括馬賽克。
雜訊/質化:用繪圖方式創作的【仿照片】,色彩通常呈現完美平面,不夠真實,可以加入雜訊濾鏡,產生更類似照片的質化效果。
模糊、遮罩特效應用範例
例1人像作品,左側太單調,欠缺主題想建立的豪華意涵。

設計使用湖景,以暗示環境在豪華住宅區。
模糊特效:高斯模糊法 Blur SFX : Gauss Method
但湖景原圖太細致,有喧賓奪主之虞,故先將其模糊。模糊方法有很多,最普遍應用的是高斯模糊法。
〉相片
〉模糊
〉高斯模糊
本例選範本4

但也可按:
〉選項
啟用手動設定、與各種效果設定。
Photoshop
與 PhotoImpact 比較
高斯模糊
在 Photoshop 中使用:
〉濾鏡
〉模糊
〉高斯模糊
一般適用的參數為 3px。
高斯模糊 (Gaussian Blur) 視覺反轉
當半徑設得非常大會出現「看起來不再模糊」的錯覺。
高斯模糊的本質:每個像素會被周圍像素加權平均,半徑越大,取樣範圍越廣。
半徑很大時:整張圖幾乎被平均成一片均勻顏色,細節完全消失。
如果圖像是黑白圖案或大面積色塊,模糊到極限後,整體只剩下「均勻灰階」或「大片色塊」。
人眼會覺得「沒有模糊感」,因為模糊通常是邊緣過渡,而邊緣已經消失。
小半徑 (1–10 px)
邊緣柔化,細節仍在,適合去除小噪點、輕微柔化人像皮膚。
模糊感明顯,但保留主體輪廓
中半徑 (10–40 px)
景深模糊,細節逐漸消失,邊緣過渡非常柔和,適合背景虛化、營造景深效果。主體仍可辨識,但細節模糊。
大半徑 (>40 px)
整張圖趨近於均勻色塊。細節完全消失,模糊感反而消退,看起來像「整張被抹掉」,而不是「模糊」,適合製作抽象效果或背景色塊化。
圖片尺寸與模糊參數
高斯模糊的數學定義是:每個像素被周圍像素加權平均,權重由高斯分布決定。
當半徑趨近於影像尺寸的一大比例時,結果就會趨近於「整張平均色」。
「高斯模糊臨界點」不是固定的數學值,而是跟影像大小有關。
半徑與影像尺寸對照
小尺寸影像(寬度 < 500 px),臨界值:約
10–20 px。
中尺寸影像(寬度 1000–2000 px),臨界值:約 30–50 px。
大尺寸影像(寬度
3000–4000 px),臨界值:約 80–150 px。
模糊特效:光圈模糊法 Blur SFX : Aperture Method
如果要產生長鏡頭式的變焦模糊,就使用「光圈模糊法」。
〉光圈模糊
出現類似圓形選取框可調整範圍,框內為清晰,框外為模糊。
下例採用的參數為 10 px。
本例同時採用了圖層組合,與 3 層式陰影設計。舞者的陰影其實是從樹的陰影選取部分而來,也加了光圈模糊 30 px。

遮罩特效法 Mask SFX
先設計使用者自設固定遮罩。
使用者自設固定遮罩物件
〉選取〉套索工具:邊緣模糊10
遮罩物件,是指將預訂換掉的面積選取出來。
|
選取遮罩物件 右鍵〉(選取區)轉成物件 〉填充 選取範圍設設最大 255 即為全黑 #FFFFFF 另存新檔備用 |
遮罩特效應用
基底影象〉再製〉作為遮罩影象 Mask。
將背景影象 Background 移到遮罩影象之下。

〉遮罩模式圖示(形狀似面具)
進入遮罩模式,圖層管理員中,只剩遮罩影象。
將遮罩物件,貼到預訂置換背景的區域,該遮罩物件會自動形成紅色。

〉遮罩模式圖示(形狀似面具)
返回正常模式,圖層管理員中,出現各影象物件,但遮罩物件消失不見,而原區域出現新背景。
將各影象物件固定。

遮罩特效「反相技術」應用
視覺設計、尤其在標誌設計經常使用的「變形技術」,也可以使用遮罩特效達成。
譬如,擬設計一張植樹節頂圖。植樹節在提示:樹木、樹人,同時也是為了紀念國父,意涵設計上,應包括樹木與國父的雙重視覺意象。如果樹木採用真實影象,國父就可以考慮具「標誌化」的「圖案、圖示」表現法。
一般的國父經常為彩色影象,如下圖例。先將其改為「圖案、圖示」作品:
〉轉換影象類型
〉黑白
再以「物件橡皮擦」「筆刷」等工具,修飾為標誌化」的「圖案、圖示」,即可作為遮罩物件。
![]() |
![]() |
![]() |
再加上「風格元件」與其他結構物件,得「反相技術」作品完成圖如下:

遮罩模式去背法
遮罩模式去背法係使用以上遮罩模式,先開一個透明檔,把原稿貼上,再將欲保留的輪廓作成一個遮罩,再以「反相技術」去背。
但在輪廓不清時,同樣必須細修。
Photoshop
與 PhotoImpact 比較
Photoshop 遮色片、色版、像素模糊、馬賽克特效
在 Photoshop 中,遮罩稱為「遮色片」,而大陸稱為蒙版。
遮色片又分為3種選項:「圖層遮色片」與「圖層剪裁遮色片」,另有「快速遮色片模式」。
圖層遮色片標準使用法
和【遮罩】一樣,但可能更【直覺】一點。
選取包含要編輯之遮色片的圖層,再 按一下「圖層」面板【底端】的「遮色片」圖示,圖層旁邊就出現一個白色的相同圖層,【白色】就表示【完全透明】,然後使用筆刷,塗上【黑色】,就是完全遮住,塗灰階色,就是融合效果。
圖案作成遮色片
在 Photoshop CS6 裡,如果你有一張黑色圖案,想把它轉成遮色片(Layer Mask),可以用以下幾種方式操作。
黑色圖案直接貼到遮色片
在圖層面板中,選取你要套用遮色片的圖層。
點擊 「新增圖層遮色片」(面板下方的矩形+圓圈圖示)。
打開黑色圖案所在的文件,全選
(Ctrl+A) → 複製 (Ctrl+C)。
回到原圖層,Alt+點擊遮色片縮圖(進入遮色片編輯模式)。
貼上 (Ctrl+V) 黑色圖案。
黑色區域 → 隱藏(透明)。
白色區域 → 顯示。
利用選取範圍
打開圖案。
使用 選取 > 色彩範圍 (Select > Color Range),選取黑色區域。
回到目標圖層,點擊 新增遮色片。
Photoshop 會依照選取範圍自動建立遮色片。
有層次之遮色片-轉灰階再套用
將圖案轉為灰階(Image > Mode > Grayscale)。
複製整張灰階圖。
在目標圖層新增遮色片,Alt+點擊遮色片縮圖。
貼上灰階圖 → 黑色隱藏、白色顯示、灰色半透明。
反轉與調整遮色片
(Ctrl+I):如果效果相反(黑顯示、白隱藏),可以直接反轉遮色片。
柔化邊緣:在遮色片上用「羽化」或「模糊」工具,可以讓邊緣更自然。
圖層遮色片:遮罩‧剪裁
Photoshop 的圖層剪裁,宜使用遮色片方法!
圖層遮色片,可在圖層管理員下方圖示加入,顯示在圖層旁。
進階程序
使用各種選取工具,然後在「屬性列」
〉調整邊緣
是最佳程序,且可作各種進階處理。
先選取程序
先在圖層上選取範圍,後加入「圖層遮色片」,則立即形成遮罩效果。
圖層剪裁遮色片
Photoshop 的圖層剪裁遮色片,可用系統內建「形狀」、或【自訂圖片】方法!
〉形狀
〉自訂形狀工具
注意:前景色必須設定為白色!
在圖層上拉出形狀,可以使用「移動工具」或「上下左右」鍵盤調整位置。

遮罩順序
將圖層拉至上方,因為形狀遮罩限制在下方。
點選欲作遮罩的圖層
右鍵〉建立剪裁遮色片

設定後,按「形狀」圖層,還可以換形狀。

【自訂圖片】方法
任何灰階圖片,均可作為遮色片,如【國父像】。
將要顯示的圖片放在上方,如【植樹節】要製作一張國父的綠色剪影,就將綠色圖放在上方,下方放灰階圖片【國父像】。
上方綠色圖
右鍵〉建立剪裁遮色片
出現國父的綠色剪影,同時上下 2 張圖會出現箭頭。
同時移動2 張圖,可移動位置。
遮色片屬性修改
>編輯
>任意變形
或
>選取
>變形選取範圍
以上出現的工具為同一個。
遮色片反轉
點選遮色片,然後快捷鍵反轉Ctrl + I(Windows)或 Cmd + I(Mac)
遮色片預設為白色,即可見,按Ctrl + I 可反轉為黑色,即遮蔽。
PS 在某些操作,會自動反轉預設,則可手動改回來。
遮色片濃度修改
遮色片屬性,可以修改:
〉選取遮色片 + Alt
左方出現屬性 box,可以修改。
範例為:圖層底部遮色片濃度(即不透明度)預設為100%,此處改為70%,以提高作為前景、「色彩增值」的效果。

快速遮色片
快速遮色片為以繪圖的方式設計遮色片,區域設為黑色 (不透明),選取的區域設為白色
(透明)。以黑色塗繪來增加遮色片區域;以白色塗繪來增加選取區域。選取這個選項時,工具箱中的「快速遮色片」按鈕會變成灰底白色圓形
。
選取的區域
將遮色片區域設為白色 (透明),選取的區域設為黑色
(不透明)。以白色塗繪來增加遮色片區域;以黑色塗繪來增加選取區域。選取這個選項時,工具箱中的「快速遮色片」按鈕會成為白底的灰色圓形
。
Photoshop
在圖層鎖定時,無法加入遮色片!
色版遮罩設計
在 Photoshop 中,可在〈圖層〉視窗中,改選
TAB〉色板
出現 RGB 模式,然後選擇反差最大者,先降低亮度、增加對比,再加工塗黑成為遮罩。
遮罩顯示/隱藏快速鍵
點選〉遮罩 + Shift
像素模糊、馬賽克特效
在 PhotoImpact 中、與一般常認知的馬賽克,在 Photoshop 中則為1組像素模糊的濾鏡,而包括馬賽克。
先選取欲模糊的區域。
濾鏡 > 像素 > 馬賽克(或其他)
以下範例,由左至右、由上至下,使用的濾鏡為:彩色網屏、殘影、點狀化、馬賽克。

雜訊/質化特效
用繪圖方式創作的【仿照片】,色彩通常呈現完美平面,不夠真實,可以加入雜訊濾鏡,產生更類似照片的質化效果。
雜訊濾鏡有2個選項:分布與單色選項。
分布(Distribution)
決定雜訊值如何產生,分為2 類:
Gaussian(高斯):依常態分配(鐘形曲線)產生雜訊,數值多集中在中間、極端值較少,顆粒看起來較「自然、細緻」。
Uniform(平均):在允許範圍內每個值出現機率相同,顆粒分布更均勻、邊緣與中間差異較小。
Monochromatic(單色)
勾選與否決定雜訊是否只影響亮度或同時影響三個色彩通道:
未勾選(彩色雜訊):雜訊獨立作用於 R、G、B
三個通道,會出現彩色斑點(紅/綠/藍各自偏移)。
勾選(單色雜訊):同一個雜訊值同時加到
R、G、B,等於只改變亮度(luma),產生黑白/灰階顆粒,不會出現彩色斑點。
組合關係
Gaussian + 未勾單色 → 彩色雜訊且服從常態分布(彩色高斯噪點)。
Gaussian + 勾單色 →
黑白雜訊且服從常態分布(黑白高斯顆粒)。
Uniform + 未勾單色 → 彩色雜訊且均勻分布。
Uniform +
勾單色 → 黑白雜訊且均勻分布。
視覺差異
高斯:顆粒帶有彩色斑點(紅、綠、藍隨機),模擬數位相機噪點。
單色:顆粒只有亮度差異(黑白灰),更像膠片底片的顆粒。
視覺感受:更像「膠片顆粒」或「黑白底片」的質感。
只選高斯 → 想要「數位相機噪點」的彩色顆粒感。
加選單色 →
想要「膠片顆粒」或黑白質感,避免彩色斑點。
專業影象軟體
識別標幟系統:標誌(標準字+標準圖案)、橫幅...






