---
title: "Photoshop 未來神秘感人像氛圍怎麼做？拼貼加動態模糊拉出螢幕掃描線"
slug: photoshop-scanline-portrait-tutorial
url: https://rar.design/posts/photoshop-scanline-portrait-tutorial
published_at: 2026-09-03
modified_at: 2026-09-03
author: "設計師 Riven"
category: "平面設計"
access: public_access
---

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

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

By **設計師 Riven** - 資深數位產品設計師｜知名線上課程講師 | 2026-09-03

PHOTOSHOP · 人像特效 · 2026▲ 原圖是一張暖色調的普通人像。掃描線與藍調全部在 Photoshop 裡完成，沒有疊任何素材。QUICK ANSWER掃描線的做法是兩個濾鏡接力：先用濾鏡收藏館的「拼貼」把畫面切成方塊（方塊大小 5、浮雕 15），再用「動態模糊」把角度設成 0、間距拉到 150，方塊就被水平拉成連續的橫線。接著把圖層混合模式改成覆蓋讓線條融進明暗，最後加漸層對應換成藍調、疊一層顆粒收尾。全程不需要任何掃描線素材圖。CONTENTS01掃描線其實是被拉長的方塊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同一張人像，五種商業應用這個效果的市場其實比想像中大。它同時帶著兩種訊號：一個是數位／科技，一個是夜晚／私密。凡是要同時講這兩件事的案子都用得上。以下五張都是同一個效果檔換載體。▲ 雜誌封面。掃描線的橫向紋理跟刊名的字距形成呼應。第一張是獨立雜誌封面。這種用法要注意一件事：封面必須留出放刊名的乾淨區域，所以人像的頭頂空間要夠。掃描線本身是橫向的紋理，跟大寫字母拉開字距之後的節奏是同一個方向，兩者疊在一起會有一致感，這是選字體時可以刻意利用的。▲ 藝廊 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 復古印章質感效果怎麼做？臨界值加濾色的組合，另一種把濾鏡當工序的思路。閱讀文章 →接案設計師的素材天堂：六個來源、真實花費，與三條會賠錢的授權紅線人像素材去哪找，以及交件前該確認的授權範圍。閱讀文章 →COURSE100 種 Photoshop 設計的風格掃描線只是其中一招。濾鏡怎麼串成工序、混合模式怎麼挑，課程裡有一百種練法。了解課程 →SUBSCRIPTIONAI 覺醒設計應用攻略AI 工具每週都在更新，我幫你過濾雜訊，只留對設計師真正有用的應用。了解訂閱 →常見問題Q：拼貼濾鏡在濾鏡收藏館的哪一區？A：濾鏡 → 濾鏡收藏館開啟之後，中間欄位有六個資料夾，展開「紋理」那一個，第一格就是拼貼。同一區裡還有紋理化、彩繪玻璃、粒狀紋理、嵌磚效果、裂縫紋理，都是可以拿來當第一道工序的材料。Q：方塊大小跟間距要填多少？A：示範這張是方塊大小 5、浮雕 15、間距 150 像素。但這些數字綁在檔案尺寸上，換照片要按長邊比例調。做法是先看畫布：線條太粗就把方塊大小往下調，看得出方塊沒拉開就把間距加大。Q：為什麼我的線條是斜的？A：動態模糊的角度沒有精準停在 0。用滑鼠拖那個圓形轉盤很難剛好水平，差一兩度就看得出來。直接在角度欄位輸入 0 再按 Enter。Q：五官被橫紋蓋住看不清楚，怎麼救？A：混合模式還沒改成覆蓋。動態模糊拉完的那層本來就是一片糊的橫紋，要靠覆蓋把它接回原圖的明暗，線條才會只留在亮部、五官才會浮回來。如果改了覆蓋還是太重，把該層的不透明度往下降。Q：一定要用藍色嗎？A：不一定，漸層對應想換什麼色都可以。藍色是因為它最接近螢幕發光的色溫，跟掃描線的題材相合。想走另一個方向的話，紫紅到深紫會偏迷幻，青綠到黑會偏監視器與駭客感，橘紅到黑則接近老式終端機。Q：這招可以用在非人像的照片上嗎？A：可以，但要挑主體明確、背景乾淨的照片。建築、車輛、靜物都行。滿版的風景照效果最差，因為畫面裡到處都是細節，拼貼切完之後整張都是紋理，看不出主體。Q：顆粒圖層一定要加嗎？A：不加也成立，但畫面會太乾淨。掃描線暗示的是螢幕與訊號，而訊號本來就帶雜訊，顆粒補的是這個心理預期。它的存在感應該很低，加到「移除之後你會覺得少了什麼、但加著的時候看不出來」的程度剛好。