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 復古印刷感海報七步驟教學

畫筆效果疊網屏圖樣做出網點,漸層對應把明暗換成藍白,再用強烈光源與柔光兩張材質補上紙紋,一張花瓶照做成 BLOOM IN BLUE 海報
設計師 Riven

設計師 Riven

2026年10月6日 下午 9:35

平面設計

PHOTOSHOP · 海報視覺 · PRINT TEXTURE

Photoshop 網點雙色海報 BLOOM IN BLUE:藍底上的白色網點青花瓷花瓶,搭配桃紅色襯線文字與紙張紋理

▲ 本次完成的平面作品。花瓶的造型與花紋仍然清楚,表面則多了網點、色彩過渡與印刷般的粗糙感。

QUICK ANSWER

復古印刷感來自三層處理。先把前景色設黑、背景色設白,在「濾鏡收藏館」疊「畫筆效果」與「網屏圖樣」做出筆觸和網點;再新增「漸層對應」,暗部換藍、亮部留白;最後疊兩張材質,第一張強烈光源、不透明度 50%,第二張柔光、不透明度 100%。文字放在漸層對應上方,才能保留自己的桃紅色。

CONTENTS

01

網點、雙色、紙紋各自負責什麼?

02

開始前,先準備好這些素材

03

七個步驟完成海報效果

04

完成後,從上到下檢查一次

05

換素材時,先看輪廓再調顆粒

06

同一張作品,可以延伸到哪些地方?

07

帶走這幾件事

花瓶原本光滑的表面,經過黑白筆觸與網點處理,會變成一組疏密不同的細節。再把暗部換成藍色、亮部留白,原本的照片就開始有了平面印刷的味道。接著加入桃紅文字,讓視線在花瓶與標題之間移動。

這次把效果拆成三個部分:先整理影像的紋理,再決定配色,最後加上紙張表面的質地。學會這個順序,換成植物、雕塑或其他物件時,就知道該從哪一層調整。

CHAPTER 01 · WHAT IS IT

網點、雙色、紙紋各自負責什麼?

這三種質感都帶有復古印刷的聯想,但作用在不同地方。網點改變物件內部的細節,漸層對應控制明暗的顏色,紙紋則覆蓋在整個版面上。

PIPELINE · 由左到右,三個階段各看一件事

STAGE 1 · 影像紋理

畫筆效果 + 網屏圖樣

看花瓶輪廓是否清楚,花紋是否變成可辨識的線條與網點。

STAGE 2 · 明暗配色

漸層對應

看暗部、亮部有沒有分開,花瓶是否從藍色底上浮出來。

STAGE 3 · 表面質地

兩張材質 + 混合模式

看圖案、文字、背景是否像在同一張有紋理的紙面上。

「畫筆效果」先把照片轉成細密的墨線感,「網屏圖樣」再疊出規律的點狀結構。保留兩層效果,才能同時看到筆觸與網點的交互作用。Adobe 對這兩個濾鏡的說明,也分別指出了墨線筆觸與網屏模擬的用途。(Adobe 濾鏡效果說明)

漸層對應換色這一段,和動態模糊雙色海報用的是同一個工具,差別在前面那一層:那篇用模糊拉出光跡,這篇用濾鏡做出網點。

“

先整理紋理,再決定配色,最後才輪到紙的質地。順序對了,每一層出問題都知道回哪裡改。

CHAPTER 02 · BEFORE YOU START

開始前,先準備好這些素材

示範檔案使用 2000 × 2000 像素的正方形畫布,底層是黑色,上面放已去背的花瓶。跟做時,準備一張主體清楚的素材、兩張材質,以及想放進海報的文字即可。

2000²

畫布尺寸

RGB 8bit

色彩模式

2

材質張數

7

完成步驟

主體素材

先選輪廓明確、明暗有區別的物件。若照片帶有背景,想做成示範的獨立物件版面,可先完成去背。

材質 1

用來加入較明顯的顆粒、斑駁或印刷痕跡。

材質 2

用來補充紙張表面細節,避免兩張都太強烈。

文字與裝飾

本例使用「BLOOM / IN / BLUE」與少量標籤、色塊,安排在主體周圍。

示範用的素材長這樣,跟做時可以找類似的照片和材質替換。

示範用的青花瓷花瓶素材,已去背放在黑色底色上,瓶身有牡丹、枝葉與小鳥花紋

▲ 花瓶素材。輪廓完整、花紋的藍白對比清楚,網點做出來才認得出形狀。

深灰色底帶細密直紋與顆粒的材質圖

▲ 深灰底的細直紋顆粒材質,負責帶出明顯的顆粒與印刷痕跡。

淺灰色帶斑駁紋理的紙面材質圖

▲ 淺灰斑駁的紙面材質,負責補上紙張表面的細節。

花瓶在示範開始時就已經是智慧型物件。從新檔案跟做時,可以先在花瓶圖層上按右鍵,選「轉換為智慧型物件」,讓濾鏡參數保留後續修改的空間。

開始前先檢查

想順利使用這組濾鏡,可先以 RGB、8 位元/色版的文件練習。部分濾鏡不支援較高位元深度;如果「濾鏡收藏館」無法使用,先檢查「影像 → 模式」。(Adobe 濾鏡相容性說明)

CHAPTER 03 · STEP BY STEP

七個步驟完成海報效果

完整操作錄成影片了,一分多鐘看完整套流程。下面的文字版把每一步的參數和判斷方式寫清楚,方便你隨時暫停對照。

1. 選取花瓶,將前景與背景色設為黑白

先選中花瓶的圖層縮圖,確認接下來處理的是主體。將工具列的前景色設為黑色、背景色設為白色,再開啟「濾鏡 → 濾鏡收藏館」。

這一步會影響畫筆效果的用色。它會使用前景色表現墨線、背景色表現紙面;先用黑白,後面比較容易判斷輪廓與明暗,再交給漸層對應統一上色。

2. 用「畫筆效果」建立黑白筆觸

在「素描」分類選擇「畫筆效果」,輸入下列示範數值:

8

筆觸長度

65

亮度/暗度平衡

右對角線

筆觸方向

先看花瓶的瓶口、肩線與底部,確認造型還在,再看表面花紋是否有足夠的黑白區別。這時不必急著增加紋理;如果整個主體已經糊成一塊,後面的網點只會讓細節更難辨認。

Photoshop 濾鏡收藏館的畫筆效果設定:筆觸長度 8、亮度暗度平衡 65、筆觸方向右對角線,預覽中花瓶變成黑白墨線

▲ 畫筆效果的示範參數。更換圖片後,以輪廓與花紋的辨識度為準,數值可再微調。

3. 新增效果圖層,再疊「網屏圖樣」

留在同一個濾鏡收藏館,點擊右下角的「新增效果圖層」按鈕,再把新效果改成「網屏圖樣」。效果清單裡應保留兩項:上方是網屏圖樣,下方是畫筆效果。

4

尺寸

6

對比

點

圖樣類型

預覽中可以觀察到更規律的點狀紋理。確認兩個效果都開啟後,按「確定」一起套用。如果直接在原本的效果上改選另一個濾鏡,清單可能只剩一項,結果就會和示範不同。

Photoshop 網屏圖樣參數為尺寸 4、對比 6、圖樣類型點,右下效果清單保留網屏圖樣與畫筆效果兩層

▲ 右下角的效果清單有兩層。這裡的「新增效果圖層」位於濾鏡收藏館內,和主文件新增一般圖層是不同的位置。

網點靠疏密表現明暗,這個想法跟像素畫的抖色是同一件事,只是一個用規律的點、一個用格子。想看抖色怎麼在有限色數裡做出漸層,可以對照像素畫入門那篇。

4. 新增「漸層對應」,把明暗換成藍白色系

回到主畫面後,在花瓶上方新增「漸層對應」調整圖層,點開屬性面板中的漸層色帶。示範使用藍色 → 青色 → 白色的漸層,並未勾選「反轉」。

漸層的左端對應暗部,右端對應亮部,中間的色彩分配給中間調。因此黑色背景會轉成藍色,花瓶亮部接近白色,中間保留一些青色過渡。這個對應關係依據像素明暗,和物件在畫面左邊或右邊無關。(Adobe 漸層對應說明)

示範中的調整層同時影響下方的花瓶與黑色底色,沒有剪裁到單一花瓶圖層。這樣背景才會一起變藍,和主體共用同一套明暗配色。

Photoshop 漸層對應將黑底與網點花瓶轉成藍白色系,屬性面板的色帶包含藍、青、白

▲ 花瓶與背景一起換色。留意圖層面板:裝飾在漸層對應上方,因此之後顯示桃紅文字時,文字能保留自己的顏色。

5. 加入文字與裝飾,完成視覺層次

將文字與裝飾安排在漸層對應上方。本例用桃紅色的「BLOOM / IN / BLUE」搭配藍白花瓶,讓文字和影像形成明顯區別。

排版時,可以先放最大的主標,再補上小標籤與裝飾色塊。花瓶瓶口與外輪廓是辨識主體的重要位置,安排文字交疊時,仍要讓讀者看得出物件形狀。縮小檢查一次:第一眼能否讀到標題,第二眼能否認出花瓶。

影片與文章的差異

影片在這個階段顯示預先準備好的文字與裝飾圖層;上面的排版方法是方便你換素材練習的補充。

6. 第一張材質:強烈光源,不透明度 50%

將第一張材質匯入,放在文字與裝飾上方,調整大小直到鋪滿畫布。在圖層面板把混合模式改成「強烈光源」,接著將不透明度設為 50%。

強烈光源會依材質本身的明暗,對下方影像產生較強的增亮或加深效果。這裡用它帶出顆粒與斑駁,再降低不透明度,讓花瓶花紋和細字還能被看見。(Adobe 混合模式說明)

如果換了材質後效果過重,可以先降低這一層的不透明度。50% 是這張示範的設定,不同材質的亮度與反差不同,無須強迫每張都用相同數字。

7. 第二張材質:柔光,補上紙面細節

再匯入第二張材質,放在第一張材質上方,同樣鋪滿畫布。混合模式改成「柔光」,本例保留不透明度 100%。

柔光也會依材質明暗改變下方畫面,表現通常較溫和。這一層用來補充紙張的表面細節;因為它位於整個版面上方,文字、花瓶與背景都會受到影響。

完成後,輪流關掉兩張材質的眼睛圖示,看看每張實際增加了什麼。若兩張疊起來只讓畫面更灰,就降低其中一層的不透明度,或換一張反差較柔和的材質。

Photoshop 最終 BLOOM IN BLUE 海報與圖層面板,最上方第二張材質使用柔光、不透明度 100%

▲ 最上層是柔光紙紋,下方是強烈光源材質。調整的是「不透明度」,不要和旁邊的「填滿」混淆。

最後的成品。同一張海報另外做了橫式與直式兩種展示版,方便放在影片封面和短影音。

完成的 BLOOM IN BLUE 網點雙色海報橫式展示版,左上角有 Photoshop 圖示,兩側以放大模糊的海報延伸

▲ 橫式展示版。兩側用同一張海報放大模糊後補滿畫面。

完成的 BLOOM IN BLUE 網點雙色海報直式展示版,上下以放大模糊的海報延伸

▲ 直式展示版。上下延伸模糊背景,適合短影音與限時動態。

CHAPTER 04 · LAYER STACK

完成後,從上到下檢查一次

如果你的效果和示範有落差,除了數值,也要核對圖層位置。下面這張圖可以對照圖層面板,由最上方一路往下檢查。

ANATOMY · 圖層面板由上到下

06

材質 2

柔光/不透明度 100%

整體紙面紋理

05

材質 1

強烈光源/不透明度 50%

較明顯的顆粒與斑駁

04

文字與裝飾

位於漸層對應上方

桃紅標題、小字與色塊

03

漸層對應

藍 → 青 → 白/未反轉

影響下方花瓶與底色

02

花瓶智慧型物件

畫筆效果 8/65/右對角線
網屏圖樣 4/6/點

保留造型,建立黑白筆觸與網點

01

黑色底色

位於最下方

經漸層對應後呈現藍色

↑ 越上面的圖層,影響的範圍越大

這個順序裡最容易放錯的是文字。文字一旦掉到漸層對應下方,就會跟著花瓶被染成藍白;放在上方,桃紅色才保得住。材質則要放得比文字更高,標題才會帶到同一層紙紋,看起來是印在紙上,而不是貼在畫面上。用同樣邏輯做純抽象版本的,可以看顆粒流體漸層。

CHAPTER 05 · IN PRACTICE

換素材時,先看輪廓,再調顆粒

同一組參數用在不同照片上,不會得到完全相同的結果。花瓶上的細花紋、石膏像的大面積陰影、植物的細葉片,各自需要保留的細節不同。

01

先只看黑白階段

暫時關掉漸層對應與材質,確認主體是否清楚。如果輪廓在這一步就看不見,先回到濾鏡調整,別靠更多紋理補救。

02

用兩種觀看比例檢查

放到 100% 看網點與材質細節,再縮到實際發布時的大小看標題、主體和整體對比。小尺寸預覽看不到顆粒,不代表原圖沒有;放大時好看的細網點,也可能在縮圖裡擠成一團。

03

配色先保留明暗差

換色時可以先固定亮部偏亮,再調整暗部的顏色。若兩端亮度太接近,花瓶和背景就不容易分開。

04

紙紋的尺度也要跟著調

同一張材質放大得更多,紙面顆粒也會變大。先調整材質的大小,再用不透明度決定它有多明顯,比一開始只改不透明度更容易控制。

CHAPTER 06 · APPLICATIONS

同一張作品,可以延伸到哪些地方?

完成平面作品後,可以用情境圖檢查它在不同載體上的閱讀效果:放大掛牆時看輪廓,縮成書封時看標題,放上布料時看細節是否太密。

關於下面的情境圖

以下是以本次作品製作的 AI 情境示意,用來展示應用方向;實際印刷的顏色、紙材與布料表現,仍需以打樣確認。

藝廊海報:讓主體與留白形成距離

藍底作品放進淺色牆面,會有清楚的視覺焦點。檢查重點是站遠一點之後,花瓶輪廓與「BLOOM IN BLUE」是否仍然容易辨識。

藍白網點花瓶海報裱框展示在留白藝廊的淺色牆面,旁邊是一張木質長椅

▲ 藝廊情境示意。空間留白讓高彩度作品更集中。

Riven 站在留白藝廊中調整藍白花瓶海報的畫框

▲ Riven 調整畫框的情境示意。角色與掛畫的比例,讓作品在空間中的大小更容易理解。

設計書封:把大圖縮成手持尺寸

正方形構圖適合延伸成方形書封。實際製作時,書背與封底需要另外排版,並依開本、頁數與裝訂方式設定尺寸,不能只把正面海報拉寬。

單本精裝書平放在木質桌面,封面使用完整 BLOOM IN BLUE 花瓶作品

▲ 單本書封的桌面情境示意。縮小後,大標題與花瓶輪廓仍是主要辨識點。

Riven 坐在木椅上,雙手扶著印有藍白花瓶作品的書本

▲ Riven 與書封的情境示意。手持尺度能幫助觀察封面縮小後的辨識度。

咖啡館掛畫:把冷色作品放進暖色空間

木質與米色環境能襯出作品的藍色。若畫作是空間中的配角,周圍保留足夠距離,讓它和家具、牆面一起形成整體氛圍。

藍白花瓶海報掛在安靜咖啡館的米色牆面,一張木椅與圓桌旁保留大片空白

▲ 咖啡館情境示意。藍白作品與暖色木質形成清楚區別。

Riven 坐在簡約咖啡角,扶著圓桌上的藍白花瓶畫框

▲ Riven 在咖啡角欣賞小幅作品的情境示意。掛畫也可以改成桌上展示,讓作品融入日常空間。

城市燈箱:先顧遠距離辨識

燈箱的觀看距離通常比螢幕更遠,小字與細網點不一定能被看見。可先把版面縮小檢查,確定主要資訊仍成立,再依實際燈箱尺寸、材料與輸出條件製作檔案。背光會讓暗部再沉一階,這點在掃描線人像那篇也提過。

白天的城市灰色建築外牆上,單一方形燈箱展示完整藍白花瓶海報

▲ 白天灰牆上的燈箱情境示意。這張圖用來看構圖與氣氛,不能當作背光印刷的色彩校樣。

印品展示:把完成畫面放到工作桌上

將作品放進桌面情境,可以觀察紙張比例、四周留白與畫面的視覺重心。這裡用 Riven 檢視印品的動作呈現作品尺度;實際紙材、印刷顏色與細節,仍要另外打樣確認。

Riven 在木質工作桌前扶著藍白花瓶印品,桌面只放一支小滾輪

▲ Riven 檢視海報印品的情境示意。簡單桌面讓視線集中在作品輪廓與版面。

帆布袋:留下適合材質的細節

布料有自己的織紋,太細的網點或文字,實際輸出後可能不夠清楚。確定袋身上的圖案尺寸後,再和製作端確認印法、可保留的細節與用色;必要時減少小字或放大網點。

米白帆布袋掛在素牆上的單一木釘,正面印有完整藍白花瓶與桃紅文字作品

▲ 帆布袋情境示意。圖案與袋身邊緣之間留出空間,主題會更清楚。

Riven 肩背印有藍白花瓶作品的米白帆布袋,沿素牆步道散步

▲ Riven 肩背帆布袋的情境示意。帶入使用動作,更容易看出圖案與袋身、人物的比例。

CHAPTER 07 · TAKEAWAYS

帶走這幾件事

TAKEAWAYS

→

網點、雙色、紙紋分三層處理:濾鏡管紋理、漸層對應管配色、材質管紙面,出問題就回到對應那一層。

→

進濾鏡收藏館前,先把前景設黑、背景設白,畫筆效果才會出現乾淨的黑白墨線。

→

網屏圖樣要用「新增效果圖層」疊上去,右下清單保留兩項,筆觸和網點才會同時存在。

→

漸層對應不剪裁,讓花瓶和黑底一起換色;文字放在它上方,才保得住桃紅色。

→

兩張材質一強一柔:強烈光源 50% 帶顆粒,柔光 100% 補紙面,換材質時先調大小、再調不透明度。

→

每完成一層就縮小檢查一次,網點與小字在縮圖和實體輸出上的表現,常常跟 100% 放大時不一樣。

下一張可以試植物、雕塑或另一件有花紋的物件。先做出清楚的黑白結構,再選明暗配色,最後決定紙紋的強弱。參數會跟著素材變,處理順序不會。把這三層的分工記住,換什麼素材都知道該從哪一層下手。

RELATED READS · 延伸閱讀

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

同樣用漸層對應換雙色,那篇改用動態模糊拉出光跡與速度感。

閱讀文章 →

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

另一種把照片轉成平面視覺的做法,紋理來自掃描線而不是網點。

閱讀文章 →

Photoshop 顆粒流體漸層效果

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

閱讀文章 →

像素畫怎麼畫?Pixel Art 入門:從紅白機到 HD-2D

網點用疏密表現明暗,像素畫的抖色也是同一個道理。

閱讀文章 →

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

想把這張海報放進更真實的印刷品情境,可以接著看這篇。

閱讀文章 →

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

換一種海報語言,用像素延伸做出液態線條。

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

COURSE

100 種 Photoshop 設計的風格

網點、雙色、紙紋只是其中一組風格。濾鏡、調整圖層和混合模式怎麼疊成一張海報,課程裡有一百種練法。

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

SUBSCRIPTION

AI 覺醒設計應用攻略

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

了解訂閱 →

常見問題

Q:為什麼一開濾鏡,就變成奇怪的顏色?

A:先檢查前景色與背景色。畫筆效果會使用這兩個色票,跟做時先設成前景黑、背景白,再進濾鏡收藏館。選到遮色片時,工具列可能顯示另一組黑白順序,設定前要先確認選中的是影像圖層。

Q:為什麼我只剩網點,沒有原本的筆觸感?

A:打開濾鏡收藏館,確認右下角同時有「畫筆效果」與「網屏圖樣」,而且兩個效果的眼睛都開啟。第二個效果要透過新增效果圖層疊上去;如果直接替換原效果,第一層就不在了。

Q:明明輸入同樣的參數,網點大小卻不同?

A:先核對文件與主體的像素尺寸,再確認觀看比例。相同數值放在不同解析度、不同大小的主體上,視覺比例會改變。以本例 2000 × 2000 像素作起點,接著依自己的圖調整尺寸與對比。

Q:桃紅文字也被染成藍白,要怎麼處理?

A:檢查文字是否位於漸層對應下方。本例把文字與裝飾放在調整層上方,讓它們保留桃紅色;兩張材質則放得更上面,讓文字仍能帶到紙面質地。

Q:紙紋疊上去後,整張變灰、細字不見了?

A:先逐層關閉材質,找出是哪一張造成影響,再檢查混合模式與不透明度。第一張是強烈光源 50%,第二張是柔光 100%;換材質後仍可調整,不必固定沿用。也要確認材質的縮放比例是否讓紋理變得太粗。

Q:標題叫「雙色」,是不是就能直接做兩色印刷?

A:本文的「雙色」指以有限色彩建立視覺風格。示範影像使用藍、青、白的漸層,版面另有桃紅文字,並沒有切換到 Photoshop 的「雙色調」影像模式。需要兩個油墨色版時,仍要另外規劃分色,並和印刷端確認。

Q:完成後要存什麼格式?

A:先保留含圖層的 PSD,方便日後修改濾鏡、配色與材質。網路展示可另輸出 PNG 或 JPEG,依發布尺寸檢查縮小後的文字與網點;若要印刷,再依製作端提供的尺寸、出血與色彩要求準備輸出檔。

文章標籤

# 平面設計# 復古印刷# 海報設計# 漸層對應# 網點效果# Photoshop教學# photoshop