效果預覽
一種兼具幾何秩序與有機質感的馬賽克背景,適合海報底紋、網頁 Hero 區、包裝設計側邊裝飾。核心流程:「雲彩濾鏡生成隨機色塊 → 馬賽克像素化 → 通道照亮邊緣提取線條 → 圖層模式疊加合成 → 文字區域專屬馬賽克強化」。
詳細步驟
階段一:基礎馬賽克底圖生成
- 設定前景色深紅(如 #8b0000)、背景色黃橙(如 #ff8c00)。
- 背景圖層執行「濾鏡 » 渲染 » 雲彩」,得隨機紅橙漸變。
- 執行「濾鏡 » 像素化 » 馬賽克」,單元大小 20–40 px(視解析度),得方塊馬賽克底圖。
階段二:提取馬賽克邊緣線條疊加增強質感
- Ctrl+A 全選 → Ctrl+C 複製 → 切換到「通道」面板,新建通道(自動命名「Alpha 1」),Ctrl+V 貼上。
- 在 Alpha 1 通道執行「濾鏡 » 風格化 » 照亮邊緣」,邊緣寬度 1–2 px,得白色線條網格。
- 按 Ctrl 點擊 Alpha 1 縮圖載入白線選區 → 回圖層面板,新建圖層填白,模式改「柔光」。
- 回背景圖層,執行「濾鏡 » 雜色 » 添加雜色」,量值 5–10%,勾選「單色」,增加顆粒感。
階段三:文字區域專屬馬賽克強化(重點)
- 輸入標題文字(白色粗體),Ctrl 點擊文字圖層縮圖載入文字選區。
- 切換通道面板,新建「Alpha 2」,填白。Ctrl+D 取消選區。
- 在 Alpha 2 執行「濾鏡 » 像素化 » 馬賽克」(單元大小同階段一),再複製通道為「Alpha 2 複本」。
- 在 Alpha 2 複本執行「濾鏡 » 風格化 » 照亮邊緣」,得文字形狀的馬賽克邊緣線條。
- 回圖層面板:
① 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 分鐘內產出極具設計感的專屬背景紋理。