iOS 早期經典的亞麻布紋背景,實際上是由「雜色」+「動感模糊」+「圖層混合模式」疊加而成。本教程詳細拆解制作步驟,並說明為何畫布要比成品大、如何通過填充圖層快速換色。
最終效果
步驟詳解
一、建立基礎畫布與底色
- 新建文檔:寬 680px、高 390px(比目標 580×290 四邊各留 50px 冗餘)。
- 圖層 → 新建填充圖層 → 純色,選深灰 #303030 作為底色(後續可隨時雙擊換色)。
二、深色紋理組(疊加模式)
- 新建圖層「深色橫紋」,填滿白色 → 濾鏡 → 雜色 → 添加雜色(99%、均勻分佈、單色) → 濾鏡 → 模糊 → 動感模糊(角度 0°、距離 25px) → 圖層模式改疊加、不透明度 25%。
- 同法新建「深色豎紋」,動感模糊角度設 90°,同樣疊加/25%。
邊緣紋理稀薄是正常的,後續會裁切掉。
三、淺色紋理組(濾色模式)
- 新建圖層「淺色橫紋」,填滿黑色 → 雜色 101%(比深色組略高,纖維更明顯) → 動感模糊 0°/25px → 模式濾色、不透明度 20%。
- 同法新建「淺色豎紋」,角度 90°,同樣濾色/20%。
四、裁切成品與換色變體
- 裁切工具(C)裁去四邊 50px 冗餘,得到目標尺寸 580×290 px。
- 得益於底色填充圖層,雙擊即可換色;調整四組紋理不透明度可生成多種色彩/深度變體。
關鍵點總結:畫布預留邊緣 → 雜色量值區分深淺組 → 動感模糊正交方向 → 疊加/濾色模式疊加 → 裁切成品 → 填充圖層一鍵換色。