萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 製作馬賽克紋理背景教學

效果預覽

一種兼具幾何秩序與有機質感的馬賽克背景,適合海報底紋、網頁 Hero 區、包裝設計側邊裝飾。核心流程:「雲彩濾鏡生成隨機色塊 → 馬賽克像素化 → 通道照亮邊緣提取線條 → 圖層模式疊加合成 → 文字區域專屬馬賽克強化」。

最終馬賽克背景效果

詳細步驟

階段一:基礎馬賽克底圖生成

  1. 設定前景色深紅(如 #8b0000)、背景色黃橙(如 #ff8c00)。
  2. 背景圖層執行「濾鏡 » 渲染 » 雲彩」,得隨機紅橙漸變。
  3. 執行「濾鏡 » 像素化 » 馬賽克」,單元大小 20–40 px(視解析度),得方塊馬賽克底圖。
雲彩+馬賽克

階段二:提取馬賽克邊緣線條疊加增強質感

  1. Ctrl+A 全選 → Ctrl+C 複製 → 切換到「通道」面板,新建通道(自動命名「Alpha 1」),Ctrl+V 貼上。
  2. 在 Alpha 1 通道執行「濾鏡 » 風格化 » 照亮邊緣」,邊緣寬度 1–2 px,得白色線條網格。
  3. 按 Ctrl 點擊 Alpha 1 縮圖載入白線選區 → 回圖層面板,新建圖層填白,模式改「柔光」。
  4. 回背景圖層,執行「濾鏡 » 雜色 » 添加雜色」,量值 5–10%,勾選「單色」,增加顆粒感。
通道照亮邊緣

階段三:文字區域專屬馬賽克強化(重點)

  1. 輸入標題文字(白色粗體),Ctrl 點擊文字圖層縮圖載入文字選區。
  2. 切換通道面板,新建「Alpha 2」,填白。Ctrl+D 取消選區。
  3. 在 Alpha 2 執行「濾鏡 » 像素化 » 馬賽克」(單元大小同階段一),再複製通道為「Alpha 2 複本」。
  4. 在 Alpha 2 複本執行「濾鏡 » 風格化 » 照亮邊緣」,得文字形狀的馬賽克邊緣線條。
  5. 回圖層面板:
     ① Ctrl 點擊 Alpha 2 複本載入線條選區 → 新建圖層填白 → 模式「疊加」
     ② Ctrl 點擊 Alpha 2 載入塊面選區 → 新建圖層填白 → 模式「疊加」、不透明度 65%
     ③ 將上述兩圖層各複製 3–4 份,微調不透明度(40%、50%、70%),疊加出豐富線條層次,使文字區域背景明顯脫離主背景。
文字區馬賽克通道
文字區疊加效果

參數快查表

步驟關鍵參數備註
雲彩前景/背景色深紅 #8b0000 / 黃橙 #ff8c00可換任何互補色組
馬賽克單元大小20–40 px(300 dpi 建議 60–100 px)越大越抽象,越小越細膩
照亮邊緣邊緣寬度1–2 px過寬線條會顯粗糙
柔光/疊加不透明度柔光 100% / 疊加 65% 遞減視背景深淺微調
添加雜色量值5–10% 單色模擬印刷/攝影顆粒

創意變體

  • 三角馬賽克:馬賽克濾鏡選「三角形」而非「正方形」。
  • 漸變馬賽克:階段一雲彩前改用「漸變工具」拉線性漸變,再馬賽克化,得方向性色塊。
  • 動態馬賽克:將馬賽克單元大小設為關鍵幀動畫(時間軸面板),輸出脈動背景 GIF/MP4。
  • 文字倒影:複製文字區疊加群組,垂直翻轉,加漸變蒙版淡出,模式「疊加」不透明度 30%。

應用場景建議

  • 科技/數位產品海報背景(搭配藍綠冷調馬賽克)
  • 音樂專輯封面(暖色馬賽克 + 高對比文字)
  • 網頁區塊分隔裝飾條(高 20–40 px 橫條)
  • 名片/卡片設計側邊裝飾帶

小結

馬賽克背景的精髓在於「隨機色塊(雲彩)+ 幾何量化(馬賽克)+ 邊緣提取(照亮邊緣)+ 模式疊加(柔光/疊加)」。掌握通道與圖層模式的配合,即可在 3 分鐘內產出極具設計感的專屬背景紋理。

copyright © 萬盛學電腦網 all rights reserved