亞麻布紋理因其自然、優雅的質感,常用於網頁背景、印刷排版與包裝設計。本教程將演示如何在 Photoshop 中從零生成無縫亞麻布紋理,並應用圖層樣式賦予布料立體肌理感。
最終效果
制作步驟
- 建立基礎紋理圖案
- 新建 200×200 px 文檔,背景填 50% 灰(Shift+F5 → 50% 灰)。
- 濾鏡 → 雜色 → 添加雜色:數量 15%,高斯分佈,單色。製造纖維顆粒感。
- 濾鏡 → 模糊 → 動感模糊:角度 0°,距離 10 px。拉長雜色形成經緯線條雛形。
- 編輯 → 定義圖案,命名「Linen Base」。
- 構建無縫背景圖層
- 回到目標文檔,新建圖層填充 50% 灰,編輯 → 填充 → 圖案 → 選擇「Linen Base」。
- 若邊緣有明顯接縫,用仿製圖章工具(硬度 0%,不透明度 30%)在接縫處輕輕抹平。
- 賦予立體肌理(關鍵步驟)
- 複製圖層兩份,命名為「Highlights」與「Shadows」。
- 「Highlights」圖層:圖層混合模式改為螢幕,不透明度 40%;執行 圖像 → 調整 → 亮度/對比度,亮度 +20,對比度 +15。
- 「Shadows」圖層:混合模式改為正片疊底,不透明度 30%;亮度 -15,對比度 +10。
- 為兩圖層各添加圖層蒙版,用柔邊黑筆刷(流量 10%)局部遮擦,模擬光線在布料起伏面上的自然明暗分佈。
- 色彩著色與細節潤色
- 新建「色相/飽和度」調整圖層,勾選「著色」,色相 30(暖米色),飽和度 15,亮度 -5。
- 可選:疊加一層「雜色」圖層(填 50% 灰 → 添加 2% 雜色 → 混合模式柔光 → 不透明度 10%),增強顆粒真實感。
- 定義為無縫圖案供複用
- 合併可見圖層(Ctrl+Alt+Shift+E),編輯 → 定義圖案 → 命名「Linen Texture Final」。
- 以後任何文檔只需新建填充圖層 → 圖案 → 選擇即可一鍵套用。
進階技巧:斜紋與色變體
- 步驟 1 中動感模糊角度改為 45° 或 -45°,可得斜紋亞麻效果。
- 在「色相/飽和度」調整圖層上疊加「漸變映射」,即可快速生成深灰、藏青、酒紅等多色系變體,滿足不同設計風格需求。
應用場景建議
- 網頁 Hero 區大面積背景:大圖填充 + 低不透明度疊加內容區。
- 名片/書刊內頁:小尺寸平鋪,搭配燙金/擊凸工藝模擬。
- 3D 貼圖:導出為 PBR 流程中的 Albedo/Normal 貼圖基礎。