---
title: "Photoshop 雜誌感不規則波紋效果怎麼做？網屏圖樣＋扭轉的印刷質感完整教學"
slug: photoshop-magazine-ripple-halftone-effect-tutorial
url: https://rar.design/posts/photoshop-magazine-ripple-halftone-effect-tutorial
published_at: 2026-08-19
modified_at: 2026-08-19
author: "設計師 Riven"
category: "平面設計"
tags: ["Photoshop教學", "視覺設計", "印刷質感", "雜誌設計", "halftone", "網點效果", "photoshop"]
access: public_access
---

# Photoshop 雜誌感不規則波紋效果怎麼做？網屏圖樣＋扭轉的印刷質感完整教學

> 三個內建濾鏡加一個混合模式，把人像照片變成刊物封面的雙色網點

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

PHOTOSHOP TUTORIAL · 2026 ▲ 左邊是原圖，右邊是套完三個濾鏡的雙色網點版本 QUICK ANSWER 雜誌感不規則波紋效果，是用 Photoshop 的網屏圖樣把畫面拆成網點，再用邊緣撕裂與扭轉效果把網點弄亂成波紋，最後靠強烈光源混合模式吃進人像、用漸層對應上雙色。全程只用內建濾鏡，不需要任何外掛或素材包。 CHAPTER 01 · THE LOOK 這是什麼效果 一張黑白人像，經過三個濾鏡之後，變成藍粉雙色、表面浮著一圈圈網點波紋的畫面。放大看是點，退後看是人臉——那種「印刷品被放大到鼻子前面」的質感，正是這幾年時尚刊物、獨立雜誌、音樂視覺最愛的語言。 ▲ 效果成品：亮部留白、暗部長出網點，表面浮著一圈圈波紋 ▲ 同一套效果排進雜誌跨頁，紙感跟網點是天生一對 它跟一般的濾鏡套用不一樣的地方在於「不規則」。網點如果整整齊齊，看起來像掃描壞掉；要亂，而且要亂得有規律——波紋、撕裂邊、深淺不均，這些瑕疵才是它看起來像真的印刷品的原因。 CHAPTER 02 · HOW IT WORKS 先懂原理，步驟才有意義 網點是印刷的語言。印刷機沒辦法印出「50% 的灰」，它只能印或不印，所以把連續的影像拆成一顆一顆大小不同的點——點大的地方看起來深，點小的地方看起來淺。眼睛在一定距離外會自動把這些點拼回成完整的影像。這也是點陣漸變文字那篇講的同一件事，只是那次拆的是文字，這次拆的是人像。 但這個效果的重點不在網點本身，在後面兩道「弄亂」的工序。Photoshop 生出來的網屏圖樣是完美的網格，完美就是塑膠感。邊緣撕裂負責把每一顆點的邊咬出毛邊，扭轉效果負責把直排的網格擰成同心圓波紋——一個處理質感，一個處理構圖。 THREE PASSES · 三道工序 ① 網屏圖樣｜生成 把白色圖層變成整齊的點陣網格——原料 ② 邊緣撕裂｜破壞質感 咬出毛邊與深淺不均——手工印刷的味道 ③ 扭轉效果｜破壞構圖 把網格擰成同心波紋——畫面的動線 三道做完才交給混合模式去吃人像 最後一步的強烈光源是整個效果的開關。它會拿紋理的亮度去推下面人像的對比：紋理亮的地方把人像推到全白，暗的地方壓成實色。所以亮部會留白、暗部長出網點，一張連續調的照片就這樣被拆成了兩層印刷版。 CHAPTER 03 · STEP BY STEP 七步做出雜誌感波紋 完整操作我錄成影片了，從建立白色圖層到漸層對應上色每一步都有示範。看影片最快，下面文字版方便你隨時暫停對照參數。 WORKFLOW · 整體流程 白色純色圖層 → 網屏圖樣 → 邊緣撕裂 → 扭轉效果 → 強烈光源 → 漸層對應上色 📎 PRACTICE FILE · 練習素材 想跟著做的話，這張黑白人像直接右鍵另存就能用。明暗對比強、背景乾淨，網點跑出來最清楚。 ▲ 練習素材：對比強、背景乾淨的黑白人像 步驟一：在人像上方建立白色純色圖層 開啟底圖，到圖層面板下方的「建立新填色或調整圖層」選擇純色，顏色選白。這一層是網點紋理的畫布——所有濾鏡都做在它身上，底下的人像原圖從頭到尾不會被動到。順序記得壓在人像上面，反了的話後面改混合模式不會有任何反應。 步驟二：轉換為智慧型物件 選著白色圖層，到濾鏡 → 濾鏡收藏館。Photoshop 會跳出對話框問你要不要轉換，按「轉換為智慧型物件」。這一下是這個效果最值得按的按鈕：之後所有數值都能回頭雙擊修改，不用整層重做。這是新手最常按錯的地方，很多人順手點了點陣化，後面調參數就只能從頭來過。 步驟三：素描 → 網屏圖樣 在濾鏡收藏館裡展開素描資料夾，點選網屏圖樣。右側三個參數：尺寸設 4、對比 0、圖樣類型選「點」。尺寸決定點的粗細——數字越小點越細、越接近真實印刷；圖樣類型如果選線或圓形，出來的就是另一種完全不同的效果。 步驟四：新增效果圖層 → 邊緣撕裂 在收藏館右下角按「新增效果圖層」，會複製一份目前的效果，把上面那一層改成素描裡的邊緣撕裂。三個參數：影像平衡 22、平滑度 8、對比 8。這一層負責把整齊的點咬出毛邊，數值可以自由調——平滑度越低越粗糙，對比越高毛邊越銳利。 步驟五：濾鏡 → 扭曲 → 扭轉效果 按確定離開收藏館，接著到濾鏡 → 扭曲 → 扭轉效果。拉角度，數值越大波紋越誇張——直排的網格會被擰成一圈一圈的同心波紋。這一步決定畫面的動線，波紋的中心在哪，眼睛就會被吸到哪。 步驟六：混合模式改為強烈光源 回到圖層面板，把紋理層的混合模式從正常改成強烈光源。畫面會瞬間變樣：人像的亮部被推成白，暗部長出網點，整張圖從連續調變成高對比的印刷版。這一步就是整個效果的開關。 步驟七：新增漸層對應上雙色 最上層加一個漸層對應調整圖層，把預設的黑白換成想要的兩個顏色。深色配一個、淺色配一個，雙色對比最有印刷感——影片裡用的是藍配粉，換成橘配深藍、綠配米白都成立。想要更講究的色調銜接，可以再疊一次符合顏色去對齊整組作品的色溫。 “ 完美的網點是塑膠，亂掉的網點才是印刷。 CHAPTER 04 · THE FEEL 手感在三個數字上 七個步驟照抄一定做得出來，但同一套流程做出來的東西可以差很多。真正決定成品長相的是三個數字： 🔵 網屏尺寸｜點的粗細 設 4 是細膩的雜誌感，往上拉到 8 以上會變成大顆網點的普普風。想印出來看得到點就調大，想在螢幕上乾淨就調小。 🌀 扭轉角度｜波紋的強度 小角度只是讓網格微微歪掉，像印歪的報紙；大角度會捲成明顯的漩渦，畫面的動線就強起來。 🎨 漸層雙色｜整張圖的情緒 藍配粉是螢光電子感，暖橘配深咖是舊雜誌感，黑配米白最像單色印刷。顏色一換，同一張圖就換了年代。 如果只調一個，調漸層對應的顏色。網點的粗細跟波紋的強度是質感問題，顏色是定位問題——它決定這張圖看起來是 2026 年的音樂祭主視覺，還是 1970 年代的絹印海報。 CHAPTER 05 · IN PRACTICE 這個效果可以用在哪 這種效果最合理的家是刊物。網點本來就是印刷的產物，把它放回紙上，質感是對的： ▲ 攝影集跨頁：滿版出血，網點在紙上的顆粒感是關鍵 再來是展覽與零售空間的大圖輸出。雙色高對比在遠距離辨識度很強，走廊底端掛一張，十公尺外就看得到是什麼；靠近之後網點與波紋才浮出來，這種「兩段式的資訊量」是海報設計的老技巧。 ▲ 服飾店掛畫：米色空間裡放一張螢光雙色，整間店的視覺重心就定了 ▲ 展覽 LED 牆：發光媒材會讓螢光粉更跳，暗空間效果加倍 通路端也吃這一套。地鐵燈箱、店頭數位看板這類「三秒鐘決勝負」的位置，最怕的是灰灰的中間調——這個效果從原理上就把中間調消掉了，剩下的只有兩個顏色在打架，遠遠就搶到眼睛。 ▲ 地鐵燈箱：中間調被消掉之後，剩下兩個顏色在搶眼睛 ▲ 提案簡報：同一張圖放進 mockup，客戶看到的就是成品不是圖檔 最後一個用法是給自己的作品集。這種效果做一張很快，但一次做五張、統一色票、排成一組，看起來就是一個完整的視覺系統。要提案的話，把成品貼上實物 mockup 再交出去，說服力差很多。 CHAPTER 06 · TAKEAWAYS 重點整理 3 個 濾鏡——網屏、撕裂、扭轉 1 個 混合模式——強烈光源 2 色 漸層對應——深一個、淺一個 白色純色圖層要壓在人像上面，濾鏡全部做在它身上；進濾鏡收藏館一定按轉換為智慧型物件，之後才改得動；三個手感數字裡，漸層對應的顏色影響最大。 這個效果教的其實是一件反直覺的事：讓畫面變好看的，是刻意加進去的破綻。整齊的網點像機器輸出，咬過毛邊、擰過波紋的網點才像有人在印刷機前面顧著。設計裡很多質感都是這樣來的——不是把東西做得更乾淨，是把乾淨的東西弄髒到剛剛好。 RELATED READS 延伸閱讀 Photoshop 點陣漸變文字怎麼做？彩色網屏＋錯位效果的東京霓虹感教學 → 同一種網點語言用在文字上，加上 RGB 錯位的霓虹版本 Photoshop 影像延伸效果怎麼做？一個變形拉出液態線條的完整教學 → 另一招專輯封面愛用的視覺：把主體拉成流動的色帶 Photoshop 波形溶解效果怎麼做？邊緣溶解的分層心法與完整教學 → 濾鏡是招式，分層才是心法——這句話的出處 Photoshop 雨霧水珠玻璃效果怎麼做？高斯模糊＋筆刷擦出窗上水痕的完整教學 → 另一種靠濾鏡疊出來的材質，重點也在破壞得剛剛好 Photoshop 符合顏色怎麼用？一張參考圖複製電影感色調的完整教學 → 整組作品要統一色溫的時候，這招最快 Photoshop 包裝 Mockup 怎麼做？平面稿直接貼上瓶身的擬真合成教學 → 做完視覺要提案？把成品貼上實物的方法在這 COURSE 100 種 Photoshop 設計的風格 像雜誌感網點這種三個濾鏡就出片的視覺招式，課程裡完整整理了一百種。 了解課程 → SUBSCRIPTION AI 覺醒設計應用攻略 AI 工具每週都在更新，我幫你過濾雜訊，只留對設計師真正有用的應用。 了解訂閱 → 常見問題 Q：改了混合模式，畫面完全沒變化？ A：白色純色圖層的順序錯了。它必須壓在人像圖層的上面，混合模式才有東西可以吃。順序反過來的話，紋理是跟底下的空白在混合，當然沒反應。 Q：濾鏡收藏館跳出來的對話框應該按哪個？ A：按「轉換為智慧型物件」。按點陣化雖然當下也做得出來，但濾鏡會直接烤進圖層，之後想微調網點大小或撕裂數值，只能整層刪掉重做。 Q：網點看起來糊糊的，不夠銳利？ A：通常是網屏尺寸開太大，或底圖解析度不夠。尺寸往下調到 3 到 4，底圖建議至少 2000 像素寬。另外底圖如果本身對比就低，先加一層曲線把黑白拉開再做效果。 Q：可以用彩色照片當底圖嗎？ A：可以，但最後的漸層對應會把整張圖重新上色，原本的顏色留不下來。所以底圖是彩色或黑白其實不影響結果，真正影響的是明暗對比夠不夠。 Q：想調整已經做好的網點大小，要重做嗎？ A：只要步驟二有按轉換為智慧型物件，就不用。在圖層面板雙擊「濾鏡收藏館」那一行，會重新打開收藏館，所有數值都還在，改完按確定就即時更新。 Q：波紋的中心可以移到別的位置嗎？ A：扭轉效果一律從畫布正中心開始扭。想換位置的話，先把紋理層放大並移動，讓你要的位置對到畫布中心，扭完再移回來；或是套用之後直接對紋理層做位移。
