萬盛學電腦網

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

打造 iPhone 風格亞麻紋理背景:雜色、動感模糊與圖層疊加技法

iOS 早期經典的亞麻布紋背景,實際上是由「雜色」+「動感模糊」+「圖層混合模式」疊加而成。本教程詳細拆解制作步驟,並說明為何畫布要比成品大、如何通過填充圖層快速換色。

最終效果

步驟詳解

一、建立基礎畫布與底色

  • 新建文檔:寬 680px、高 390px(比目標 580×290 四邊各留 50px 冗餘)。
  • 圖層 → 新建填充圖層 → 純色,選深灰 #303030 作為底色(後續可隨時雙擊換色)。

二、深色紋理組(疊加模式)

  1. 新建圖層「深色橫紋」,填滿白色 → 濾鏡 → 雜色 → 添加雜色(99%、均勻分佈、單色) → 濾鏡 → 模糊 → 動感模糊(角度 0°、距離 25px) → 圖層模式改疊加、不透明度 25%。
  2. 同法新建「深色豎紋」,動感模糊角度設 90°,同樣疊加/25%。

邊緣紋理稀薄是正常的,後續會裁切掉。

三、淺色紋理組(濾色模式)

  1. 新建圖層「淺色橫紋」,填滿黑色 → 雜色 101%(比深色組略高,纖維更明顯) → 動感模糊 0°/25px → 模式濾色、不透明度 20%。
  2. 同法新建「淺色豎紋」,角度 90°,同樣濾色/20%。

四、裁切成品與換色變體

  • 裁切工具(C)裁去四邊 50px 冗餘,得到目標尺寸 580×290 px。
  • 得益於底色填充圖層,雙擊即可換色;調整四組紋理不透明度可生成多種色彩/深度變體。

關鍵點總結:畫布預留邊緣 → 雜色量值區分深淺組 → 動感模糊正交方向 → 疊加/濾色模式疊加 → 裁切成品 → 填充圖層一鍵換色。

copyright © 萬盛學電腦網 all rights reserved