萬盛學電腦網

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

PS 繪製精美綠色花邊相框:模組化圖案構建與圖層樣式質感賦予

本教學示範如何以模組化思維,利用基本幾何形狀(圓形、多邊形)、路徑複製旋轉 (Ctrl+Alt+Shift+T)、布林運算(選區增減/交集)、圖層樣式(投影、斜面浮雕、漸層疊加)構建精緻花邊相框。核心邏輯:最小單元→旋轉複製成環→多環組合→直線排列→矩形閉合→質感風格化。

最終效果預覽

花邊相框最終效果

Step 1:建立參考十字線與基礎單元

  1. 新建 800×600 px 白底文件 → Ctrl+R 顯示標尺 → 拉兩條相交參考線定中心。
  2. 新建圖層,橢圓選框按住 Shift 拉小正圓 → 填黑 → 此為「基本孔洞單元」。

參考線與基本單元

Step 2:製作有孔圓環(內環)

  1. 在基本單元圖層上,拉三個正圓選區按 Delete 刪除,形成三孔圓盤(圖 3)。
  2. Ctrl+J 複製圖層 → Ctrl+T 自由變換 → 參考點移至參考線交點(中心) → 選項列角度設 15° → Enter。
  3. Ctrl+Alt+Shift+T 連續重複變換複製,自動生成 24 個旋轉複製層 → 合併為一圖層「紅色圓環」。

三孔圓盤
旋轉複製過程
完成圓環

Step 3:製作實心圓環(外環)

  1. 新建圖層,橢圓選框拉較大正圓 → 填黑。
  2. 同樣 Ctrl+J → Ctrl+T → 中心點對齊 → 角度設 45° → Ctrl+Alt+Shift+T 連續複製 8 次 → 合併為「黑色圓環」。

實心圓環

Step 4:布林運算鏤空內環

  1. Ctrl+點擊「黑色圓環」載入選區 → 切換至「紅色圓環」圖層 → Delete 刪除重疊區 → 隱藏「黑色圓環」。
  2. 得到鏤空花紋的紅色圓環單元。

鏤空圓環

Step 5:花瓣裝飾單元製作

  1. 新建圖層,鋼筆/選區工具繪製單個花瓣形狀 → 填紅。
  2. 同樣以中心點旋轉複製 (Ctrl+Alt+Shift+T),角度視花瓣數設定(如 45° 共 8 瓣) → 合併為「花瓣層」。
  3. 暫時隱藏下層圖形,專注製作下一單元。

單花瓣
花瓣環

Step 6:八邊形中心結構

  1. 多邊形工具:邊數 8、從中心點拖曳 → 紅色填充八邊形。
  2. 將以上所有圖案圖層(鏤空圓環、花瓣環、八邊形)合併為單一「花紋圖案」圖層。

八邊形中心
合併花紋圖案

Step 7:直線排列與矩形閉合

  1. 複製「花紋圖案」 → Ctrl+T 縮小 → 重複複製排成一條直線(圖 13)。
  2. 再將直線群組複製、旋轉 90°、移動拼湊成矩形框架 → 全部合併為「相框花紋」圖層。

直線排列
矩形閉合

Step 8:相框基底與質感風格化

  1. 矩形選框拉出相框內矩形區域 → 新建圖層填紅 → 鎖定透明像素。
  2. 圖層樣式:投影(距離 3、大小 5、不透明度 40%)→ 產生浮雕立體感。

投影參數
相框基底效果

Step 9:角部裝飾與漸層質感

  1. 背景層上方新建圖層,鋼筆勾勒角部捲曲裝飾選區 → 漸層工具拉線性/徑向漸層(參考圖 19 顏色) → 加投影樣式。
  2. 同法製作四個角落裝飾,圖層合併為「角飾群」。

角飾選區
角飾漸層顏色
角飾效果

Step 10:側邊延伸裝飾與照片置入

  1. 同樣鋼筆+漸層+投影製作側邊延伸裝飾(圖 21~23)。
  2. 置入個人照片於相框內矩形區域,調整大小位置,必要時加圖層蒙版裁切。

側邊裝飾
置入照片

Step 11:花朵點綴與最終輸出

  1. 置入花朵素材(透明底)點綴相框邊緣,自由變換調整角度大小。
  2. 整理圖層群組:背景、相框基底、花紋圖案、角飾、側飾、照片、花朵。
  3. 頂層微調色階/曲線統一色調,存檔 PSD 與輸出 JPEG。

最終完成花邊相框

核心技法總結

  • 最小單元設計:基本孔洞圓→花瓣→八邊形,三大單元組合無限可能。
  • 旋轉複製神技:Ctrl+Alt+Shift+T 讓精確旋轉複製變成單手操作,效率極高。
  • 選區布林運算:載入選區→切換圖層→Delete/填充,實現複雜鏤空邏輯。
  • 圖層樣式非破壞質感:投影、斜面浮雕、漸層疊加賦予扁平形狀立體材質。
  • 模組化群組管理:每階段成果歸類群組,後期修改極其方便。
copyright © 萬盛學電腦網 all rights reserved