萬盛學電腦網

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

PS 繪製寫實筆記本圖標:皮革質感、縫線細節與金屬裝訂的完整構建

筆記本圖標是測試寫實材質表現力的經典課題:皮革紋理、縫線立體感、金屬裝訂環、紙張邊緣、投影關係。本教學以 1000×800 px 畫布為例,完整拆解從背景營造到最終銳化的專業級圖標製作流程。

成品預覽

背景環境光營造

  1. 新建 1000×800 px,前景 #9E9E9E、背景 #616161,徑向漸變(中心→四周)。
  2. 雜色濾鏡:量 2%、高斯、單色,增加微觀顆粒感。
  3. 複製背景層 → 濾鏡庫 → 紋理 → 馬賽克拼貼(拼貼大小 2、縫隙 1、加亮縫隙 1)→ 模式「柔光」、不透明度 20%,模擬牆面/桌面細紋。
  4. 曲線調整圖層拉 S 型,增強對比。

筆記本面板(圓角矩形 + 皮革材質)

  1. 圓角矩形工具:450×600 px、圓角 30 px,置中。
  2. 路徑運算:按 Alt 畫矩形減去左側,得筆記本面板輪廓(右側直角、左側圓角)。合併形狀組件。
  3. 圖層樣式:
    • 斜面與浮雕:外部高光、深度 150%、大小 10 px、軟化 3 px。
    • 紋理疊加:選「皮革」紋理(或下載高清皮革無縫貼圖),縮放 50%、深度 +20%、模式「疊加」。
    • 漸變疊加:深褐 #3D2B1F → 中褐 #5D4B3A → 深褐,角度 90°,模式「正片疊底」,不透明度 40%。
    • 投影:距離 5、大小 15、不透明度 30%。
  4. 皮革素材圖層置頂,建立剪貼蒙版(Alt+點擊圖層間),不透明度 60%,模式「疊加」,融合材質細節。

縫線效果(矢量虛線描邊)

  1. 複製面板形狀圖層 → Ctrl+T 縮小 5 px → 圓角同步調整 → 合併形狀組件。
  2. 直接選擇工具選中路徑 → 選項欄:填充「無」、描邊 1 px、顏色 #5A5A5A、線型「虛線」(虛線 4、間距 2)。
  3. 圖層樣式:斜面與浮雕(內部高光、深度 100%、大小 1 px)、投影(距離 1、大小 2、不透明度 20%),賦予縫線凹陷感。

裝訂側邊(多層矩形疊加)

  1. 矩形 30×600 px 置左側 → 圖層樣式:漸變疊加(深→淺→深,模擬金屬彎曲反光)、內陰影、斜面浮雕、投影。
  2. 矩形 10×596 px 置其下 → 樣式:深色金屬漸變 + 內陰影(強化凹槽感)。
  3. 圓角矩形 50×600 px 置最下 → 減去頂部矩形保留側邊彎曲部 → 漸變疊加(金屬環漸變)+ 斜面浮雕(凸起環狀)。

整體投影整合

  1. Ctrl+Shift+點擊 4 個構成形狀圖層縮略圖,疊加載入完整選區。
  2. 新建圖層「投影」置底,填黑 → 高斯模糊 10 px。
  3. 圖層樣式:內陰影(距離 3、大小 10、不透明度 30%)、漸變疊加(黑→透明,線性燒底),模擬接觸陰影漸變。

文字與最終銳化

  • 文字工具輸入品牌/標題,白色、填充 3%。
  • 圖層樣式:斜面浮雕(凸起)、投影、內陰影、漸變疊加(淺灰→白),做燙金/壓印效果。
  • 合併可見圖層(Ctrl+Alt+Shift+E) → 高反差保留(半徑 2 px、模式「線性光」、不透明度 20%),最終銳化輸出。
copyright © 萬盛學電腦網 all rights reserved