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 未來神秘感人像氛圍怎麼做?拼貼加動態模糊拉出螢幕掃描線

不用下載素材、不用畫圖樣——拼貼負責切方塊,動態模糊負責把方塊拉成線,兩個內建濾鏡站對順序就有 CRT 螢幕的質感
設計師 Riven

設計師 Riven

2026年9月3日 下午 2:10

平面設計

PHOTOSHOP · 人像特效 · 2026

套用掃描線效果的藍色人像照,做成雜誌封面放在黑色大理石桌面上

▲ 原圖是一張暖色調的普通人像。掃描線與藍調全部在 Photoshop 裡完成,沒有疊任何素材。

QUICK ANSWER

掃描線的做法是兩個濾鏡接力:先用濾鏡收藏館的「拼貼」把畫面切成方塊(方塊大小 5、浮雕 15),再用「動態模糊」把角度設成 0、間距拉到 150,方塊就被水平拉成連續的橫線。接著把圖層混合模式改成覆蓋讓線條融進明暗,最後加漸層對應換成藍調、疊一層顆粒收尾。全程不需要任何掃描線素材圖。

CONTENTS

01

掃描線其實是被拉長的方塊

02

為什麼不要去下載掃描線素材

03

兩個濾鏡的接力關係

04

六個步驟與實測參數

05

同一張人像,五種商業應用

06

照片挑錯就救不回來

07

三種做掃描線的方法對照

CHAPTER 01 · WHAT IS IT

掃描線其實是被拉長的方塊

先講結論:這個效果裡的每一條橫線,原本都是一個小方塊。

濾鏡收藏館裡有個叫「拼貼」的紋理濾鏡,它會把畫面切成整齊的方格,每一格取自己範圍內的平均色。切完的畫面像馬賽克,離看得懂的成品還很遠。真正的轉折在下一步——動態模糊把角度設成 0,也就是純水平方向,那些方塊就往左右兩側被拖開。方塊有多寬不重要,被拖開之後它們在垂直方向仍然一格一格分明,於是整張圖就變成一條一條的橫線。

這就是老式 CRT 螢幕掃描線的視覺結構:水平方向連續、垂直方向斷開。理解到這一層,你會發現角度那個欄位為什麼不能亂填——歪個五度,線就是斜的,機械感立刻散掉,看起來只像一張沒對焦的照片。

“

很多看起來很難的效果,拆開來都只是兩個內建功能站對了順序。

CHAPTER 02 · WHY IT MATTERS

為什麼不要去下載掃描線素材

網路上掃描線素材圖一抓一大把,疊上去、混合模式改一下,看起來也有那個味道。但那條路有兩個問題。

第一個是解析度。素材圖的線距是固定的,你的照片如果是 4000 像素寬,素材只有 1920,放大之後線條會糊掉、邊緣出現半透明的灰帶。反過來照片比素材小,線又會擠成一團看不出間隔。濾鏡是照著你的檔案尺寸即時運算的,永遠不會有這個問題。

第二個問題比較隱形:疊素材的線是平的,它不認識照片的明暗。真正的螢幕掃描線在亮部明顯、在暗部幾乎看不見,因為那是發光體的特性。用濾鏡走的話,線條是照片本身的像素算出來的,亮暗分布會自動貼著臉部的光影走,不需要另外做遮色片去修。

還有一個實務上的理由。接案交件時素材授權是個地雷,我在六個素材來源與授權紅線那篇整理過三條會賠錢的紅線。內建濾鏡做出來的東西沒有這層風險。

CHAPTER 03 · HOW IT WORKS

兩個濾鏡的接力關係

整套效果有四個環節,前兩個負責生出線條,後兩個負責讓它好看。

ANATOMY · 四個環節的分工

STEP 1 · 切

濾鏡收藏館 → 紋理 → 拼貼

把畫面切成整齊方格。方塊大小決定最後線條的粗細,這一步是唯一能控制線距的地方

STEP 2 · 拉

模糊 → 動態模糊,角度 0

方塊往水平方向拖開,變成連續橫線。角度必須是 0,歪一度線就斜了

STEP 3 · 融

混合模式改成覆蓋

線條接回原圖的明暗。亮的地方留住線、暗的地方壓下去,五官才不會被線糊掉

STEP 4 · 染

漸層對應 + 顆粒

照亮度重新配色換成藍調,再疊一層顆粒補回數位訊號的雜訊感

「覆蓋」這一步最容易被跳過,但少了它效果會廢掉一半。動態模糊拉完的那層是一整片糊掉的橫紋,直接放著會把臉蓋住。覆蓋的運算方式是亮部走濾色、暗部走色彩增值,所以它會讓線條在原本亮的區域浮出來、在原本暗的區域退回去——結果就是線條自動貼著臉部的光影分布,該亮的地方有紋理,該暗的地方保持乾淨。包裝合成那篇用線性加深做的是同一類事情,只是方向相反:那邊要的是把底圖的暗部帶上來。

漸層對應也值得說一句。它不是單純套個藍色濾鏡,而是照每個像素的亮度去對應漸層上的顏色——暗的取漸層左端、亮的取右端。所以掃描線那些細微的亮暗層次不會被壓平,換色之後線條的層次還在。這是它比「色彩平衡」或「色相飽和度」適合這個場景的原因。

CHAPTER 04 · GETTING STARTED

六個步驟與實測參數

素材只要一張人像照。下面的數字是示範這張的實測值,換照片之後尺寸不同要跟著調,但比例關係不變。

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

1

複製一層來做效果

開啟照片,按 Ctrl / Command + J 複製。所有濾鏡都套在這層上,原圖留在下面當退路。建議先轉成智慧型物件,濾鏡參數之後可以回頭改。

2

用拼貼把畫面切成方塊

濾鏡 → 濾鏡收藏館,左欄展開「紋理」,選「拼貼」。示範用的是方塊大小 5、浮雕 15。方塊大小是關鍵:數字越小方塊越細,最後的掃描線也越細。浮雕給一點會讓方塊邊緣有立體感,拉太高會出現明顯的格線。

3

動態模糊把方塊拉成線

濾鏡 → 模糊 → 動態模糊。角度打 0,間距示範拉到 150 像素。角度不能歪;間距則是越大線條越長越柔,太小會看得出來是一格一格的方塊沒拉開。

4

混合模式改成覆蓋

回到圖層面板,把這層的混合模式從「正常」改成「覆蓋」。五官會立刻從糊掉的橫紋裡浮回來,線條也只留在該有的地方。這一步之後效果其實已經成立了,只是顏色還是原本的。

5

加漸層對應換成藍調

在最上層新增一個「漸層對應」調整圖層,挑一組深藍到亮藍的漸層。想要更冷可以把漸層左端拉成接近純黑,暗部就會沉下去,只留下發光的部分。

6

最上面疊一層顆粒

再新增一個圖樣填滿圖層,挑一組細顆粒的圖樣,混合模式跟不透明度按畫面調。這層的作用是補回數位訊號的雜訊感,沒有它畫面會太乾淨、太像濾鏡。

最常卡住的地方

動態模糊的角度一定要打 0,不要用滑鼠拖那個圓形轉盤。轉盤很難精準停在水平,差一兩度肉眼看得出來——線會微微往一邊傾斜,整張圖看起來像掃描歪了。直接在欄位裡輸入 0 最快。

CHAPTER 05 · IN PRACTICE

同一張人像,五種商業應用

這個效果的市場其實比想像中大。它同時帶著兩種訊號:一個是數位/科技,一個是夜晚/私密。凡是要同時講這兩件事的案子都用得上。以下五張都是同一個效果檔換載體。

掃描線人像做成 NOCTURNE 雜誌封面,放在深色桌面上搭配眼鏡與筆記本

▲ 雜誌封面。掃描線的橫向紋理跟刊名的字距形成呼應。

第一張是獨立雜誌封面。這種用法要注意一件事:封面必須留出放刊名的乾淨區域,所以人像的頭頂空間要夠。掃描線本身是橫向的紋理,跟大寫字母拉開字距之後的節奏是同一個方向,兩者疊在一起會有一致感,這是選字體時可以刻意利用的。

掃描線人像放大成藝廊裡的 LED 牆面展示,左側配置展覽標題與座標資訊

▲ 藝廊 LED 牆。放到這個尺寸,掃描線會被讀成螢幕本身的結構。

第二張放大成展場的 LED 牆。有意思的地方在於尺寸改變了意義——小圖上的掃描線是一種風格,放到兩公尺寬之後,觀眾會把它讀成螢幕的物理結構,好像那個人真的在螢幕裡。做展覽視覺時這個誤讀是可以利用的。

掃描線人像做成雨夜街頭的公車站牌燈箱廣告,背景是霓虹反光的濕地面

▲ 站牌燈箱。冷藍在夜間環境裡跟周圍的霓虹是同一組色溫。

第三張是戶外燈箱。這張要提醒的是實務限制:燈箱是背光的,暗部會比螢幕上看起來更暗一階。如果稿子上暗部已經接近純黑,印出來貼上去就會整塊死掉。交印刷前記得把暗部提亮一些,別照著螢幕上剛好的樣子送。

掃描線人像做成藝廊水泥牆上的裱框海報,搭配編號與年份的極簡排版

▲ 裱框海報。極簡排版加編號,把單張照片變成作品序列的一員。

第四張換成男性人像的裱框海報。放這張是為了說明效果不挑對象——掃描線吃的是明暗結構,不是臉。排版上只給了標題、編號跟年份,資訊越少,畫面的氛圍越有空間發揮。

掃描線人像做成限量收藏印刷品,搭配黑色外盒、保證書與封蠟

▲ 限量收藏品。加上編號與保證書,一張圖變成一整套周邊。

最後一張是限量印刷品。這張的用途跟前四張不一樣,它在暗示商業模式——同一張作品加上編號、外盒、保證書、封蠟,賣的東西就從一張圖變成一整套。提案時放這種圖,客戶想的不是「好看」而是「可以怎麼賣」。

CHAPTER 06 · LIMITS

照片挑錯就救不回來

這招真正的失敗點不在操作,在選圖。拼貼是靠每一格範圍內的明暗差異去切方塊的,如果照片本身光線很平,切出來的方塊彼此顏色接近,拉開之後就是一片灰濛濛的紋理,沒有層次。

所以要挑側光或單一光源的人像,臉上有明確的亮面與暗面。棚拍那種打得很勻的美妝照反而不適合,日光下的自然光人像通常也偏平。示範用的原圖是暖色調的側光照,臉的右半邊沉在陰影裡——正是那道明暗交界讓掃描線有東西可以附著。

第二個限制是解析度。方塊大小 5 是相對於檔案尺寸的,同樣填 5,在 2000 像素寬的圖上線條細緻,在 6000 像素寬的圖上會變得非常密、幾乎看不出來。換照片時把方塊大小照長邊比例調整,不要沿用上一張的數字。

最後一個是題材。這個效果自帶很強的氛圍傾向,冷、夜、科技、疏離。用在需要親和感的案子上會打架——嬰兒用品、食品、醫療、家庭服務都不適合,那些場景要的是溫暖與可靠,掃描線給的正好相反。

CHAPTER 07 · COMPARED TO

三種做掃描線的方法對照

同樣要做橫線紋理,路徑不只一條。差別在可控程度與改稿成本。

比較項目
拼貼+動態模糊
疊素材圖
自製線條圖樣
線條來源
照片本身的像素
外部檔案
自己畫的圖樣
是否跟著明暗走
自動跟著走
要另做遮色片
要另做遮色片
解析度限制
沒有
受素材尺寸限制
向量的話沒有
線距可控性
中等,靠方塊大小
不可控
完全可控
單張耗時
約 1 分鐘
找素材另計
首次 10 分鐘以上

如果案子要求線距精準到某個數字(例如配合實際的螢幕像素密度),自製圖樣才是對的路。但九成的情境要的只是那個氛圍,濾鏡這條路一分鐘就到位,而且改照片不用重來。想再往下延伸的話,點陣漸變那篇處理的是圓點網屏,跟橫線是同一個家族的紋理邏輯;雜誌感不規則波紋則是把規則紋理再打亂一層。

CHAPTER 08 · TAKEAWAYS

帶走這幾件事

TAKEAWAYS

→

掃描線是拼貼切出來的方塊,被動態模糊往水平方向拉開的結果。理解這個結構,參數就不會亂調。

→

角度必須輸入 0,不要拖轉盤。歪一兩度線就斜了,整張的機械感會散掉。

→

覆蓋這一步不能省。它讓線條跟著臉部光影分布,五官才不會被橫紋蓋掉。

→

漸層對應是照亮度重新配色,所以換色不會壓平線條的層次,比色相飽和度適合。

→

挑側光或單光源的人像,臉上要有明確的明暗交界。光線平的照片做不出層次。

→

方塊大小要照檔案尺寸調整,換照片別沿用上一張的數字。

濾鏡收藏館裡那些紋理濾鏡,多數人打開看過一次就再也沒點進去——縮圖看起來像 2005 年的美術課作業。但它們的價值從來不在單獨使用,而是當成某個效果的第一道工序。拼貼自己用會很醜,接上動態模糊就成了掃描線。這種組合關係沒有寫在任何說明文件裡,只能靠一個一個試出來。

RELATED READS · 延伸閱讀

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

同樣靠混合模式吃底圖的明暗,方向相反的一個應用。

閱讀文章 →

Photoshop 雜誌感不規則波紋效果怎麼做?

把規則紋理再打亂一層的做法,跟掃描線同一個家族。

閱讀文章 →

Photoshop 點陣漸變文字效果怎麼做?

圓點網屏版本的紋理邏輯,可以跟橫線互相替換。

閱讀文章 →

Photoshop 移置濾鏡怎麼用?讓文字跟著材質起伏的氣泡水文字教學

另一個靠濾鏡接力完成的效果,含混合範圍的用法。

閱讀文章 →

Photoshop 復古印章質感效果怎麼做?

臨界值加濾色的組合,另一種把濾鏡當工序的思路。

閱讀文章 →

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

人像素材去哪找,以及交件前該確認的授權範圍。

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

COURSE

100 種 Photoshop 設計的風格

掃描線只是其中一招。濾鏡怎麼串成工序、混合模式怎麼挑,課程裡有一百種練法。

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

SUBSCRIPTION

AI 覺醒設計應用攻略

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

了解訂閱 →

常見問題

Q:拼貼濾鏡在濾鏡收藏館的哪一區?

A:濾鏡 → 濾鏡收藏館開啟之後,中間欄位有六個資料夾,展開「紋理」那一個,第一格就是拼貼。同一區裡還有紋理化、彩繪玻璃、粒狀紋理、嵌磚效果、裂縫紋理,都是可以拿來當第一道工序的材料。

Q:方塊大小跟間距要填多少?

A:示範這張是方塊大小 5、浮雕 15、間距 150 像素。但這些數字綁在檔案尺寸上,換照片要按長邊比例調。做法是先看畫布:線條太粗就把方塊大小往下調,看得出方塊沒拉開就把間距加大。

Q:為什麼我的線條是斜的?

A:動態模糊的角度沒有精準停在 0。用滑鼠拖那個圓形轉盤很難剛好水平,差一兩度就看得出來。直接在角度欄位輸入 0 再按 Enter。

Q:五官被橫紋蓋住看不清楚,怎麼救?

A:混合模式還沒改成覆蓋。動態模糊拉完的那層本來就是一片糊的橫紋,要靠覆蓋把它接回原圖的明暗,線條才會只留在亮部、五官才會浮回來。如果改了覆蓋還是太重,把該層的不透明度往下降。

Q:一定要用藍色嗎?

A:不一定,漸層對應想換什麼色都可以。藍色是因為它最接近螢幕發光的色溫,跟掃描線的題材相合。想走另一個方向的話,紫紅到深紫會偏迷幻,青綠到黑會偏監視器與駭客感,橘紅到黑則接近老式終端機。

Q:這招可以用在非人像的照片上嗎?

A:可以,但要挑主體明確、背景乾淨的照片。建築、車輛、靜物都行。滿版的風景照效果最差,因為畫面裡到處都是細節,拼貼切完之後整張都是紋理,看不出主體。

Q:顆粒圖層一定要加嗎?

A:不加也成立,但畫面會太乾淨。掃描線暗示的是螢幕與訊號,而訊號本來就帶雜訊,顆粒補的是這個心理預期。它的存在感應該很低,加到「移除之後你會覺得少了什麼、但加著的時候看不出來」的程度剛好。