萬盛學電腦網

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

Photoshop 從零繪製 iCloud 風格純棉 T 恤紋理背景

靈感來源

早期 iCloud 測試版登入頁面呈現一件深紫黑色 T 恤搭配金屬工牌,其獨特的織物紋理與沉穩神秘的色調令人印象深刻。本教程拆解該紋理特徵,僅使用 Photoshop 內建濾鏡與圖層技法,從零繪製可無縫平鋪的棉質紋理背景。

iCloud 登入頁面參考圖

紋理特徵分析

觀察可知:背景由單張 256×256 像素圖片無縫平鋪構成。核心紋理包含三層疊加:

  1. 基底色塊(深紫黑)
  2. 高頻雜訊(模擬棉纖維顆粒)
  3. 定向條紋(模擬經緯紗線交織)

以下方法為其中一種實現路徑,參數可根據喜好微調。

制作步驟

(1) 建立基底文件

新建 256×256 px、RGB、72 dpi 文件,背景填充深紫黑 #1A0D2E(參考值)。

基底色塊

(2) 製作高頻雜訊層

  1. 新建圖層 1,填充 50% 灰 #808080。
  2. 執行 濾鏡 > 雜色 > 添加雜色,數量約 150%,分佈:高斯,勾選單色。
  3. 執行 圖像 > 調整 > 去色 Shift+Ctrl+U,得到黑白雜訊。
黑白雜訊層

(3) 製作豎向紗線條紋

  1. 新建圖層 2,使用鉛筆工具(1 px 硬邊),前景色白,按「亮、稍亮、留空」節奏手繪垂直線條填滿畫布。
  2. 載入圖層 1(雜訊)為選區:Ctrl 點擊圖層 1 縮略圖。
  3. 在圖層 2 上添加圖層蒙版,雜訊的明暗自動控制條紋顯隱,形成不規則斷續的經線效果。
條紋與蒙版疊加效果
局部放大細節

(4) 製作橫向緯線紋理(纖維濾鏡)

  1. 新建圖層 3,前/背景色設為深淺兩藍(如 #0A1F44 / #1A3A6E)。
  2. 執行 濾鏡 > 渲染 > 纖維,差異度 16、強度 4,生成垂直纖維。
  3. Ctrl+T 旋轉 90° 變為水平。
  4. 複製圖層 3 為圖層 3 副本,執行 濾鏡 > 雜色 > 蒙塵與劃痕,半徑 2、閾值 0,增加顆粒感。
  5. 將圖層 3、3 副本混合模式均設為 疊加,疊合形成豐富緯線質感。
纖維濾鏡參數
旋轉後纖維
雙層疊加效果

(5) 疊加模糊增強立體感

  1. 將目前所有圖層合併(保留備份),命名「合併基底」。
  2. 新建圖層 4,重複步驟 (4) 製作水平纖維,再執行 色階 Ctrl+L 拉高對比(加深黑、提亮白)。
  3. 載入圖層 4 白色區域為選區(Ctrl 點通道面板 RGB 縮略圖)。
  4. 切換到「合併基底」圖層,執行 高斯模糊 半徑 2 px,僅模糊高光區域,產生布面微凹凸的光學效果。
高對比纖維層
選區載入
局部模糊後細節

(6) 統一色調與細節潤飾

在合併圖層上依序調整:

  • 添加雜色(單色,2%)增強顆粒感
  • 亮度/對比度 微調對比
  • 色相/飽和度 降低飽和度,偏向冷灰紫調
最終紋理塊

(7) 定義圖案並應用

  1. 編輯 > 定義圖案,命名「Cotton_Tex」。
  2. 新建 1280×800 px 文件,編輯 > 填充 > 圖案,選擇剛定義的圖案。
  3. 新建圖層,大柔邊黑筆刷在四邊繪製暗角(漸變工具亦可),圖層模式柔光/正片疊底,不透明度 30% 左右。
最終壁紙效果

技巧總結

  • 無縫平鋪關鍵:所有濾鏡(雲彩、纖維、波浪)在 256×256 基礎塊上操作,邊緣自動銜接。
  • 蒙版控制細節:雜訊作為蒙版驅動條紋斷續,極具有機感。
  • 疊加模式建模光影:疊加/柔光模式模擬布面微觀起伏的明暗關係。
  • 非破壞工作流:保留各步驟圖層備份,便於隨時回溯調整參數。

同樣邏輯可延伸製作亞麻、牛仔、絲綢等多種織物紋理,核心在於「基底色 + 高頻雜訊 + 定向纖維 + 選區化模糊」四步驟組合。

copyright © 萬盛學電腦網 all rights reserved