萬盛學電腦網

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

PhotoShop 同心圓扇形拼圖效果製作:數學邏輯與路徑運算精準構建

同心圓扇形拼圖看似複雜,實則遵循嚴格數學規律。本教程以 5 組同心圓(半徑遞減 65px、間隙 15px)、分割數 4/6/8/10/12 扇形為例,演示參考線精準佈局、路徑運算布爾運算、圖片素材批量填充的標準化流程,適配海報設計、數據可視化、裝飾藝術創作。

參考線與同心圓路徑精準建立

  1. 800×800 px 畫布,黑背景,十字參考線定中心 (400,400)。
  2. 半徑遞減算術序列:
    R1=65, G1=15 → R2=65, G2=15 → R3=65, G3=15 → R4=65, G4=15 → R5=65
    圓心至各圓邊緣距離:335, 320, 255, 240, 175, 160, 95, 80, 15px。
    對應直徑:130, 160, 290, 320, 450, 480, 610, 640, 770px。
  3. 路徑面板新建 9 條路徑,命名直徑數值,橢圓工具 Shift+Alt 中心點擊輸入數值建立精準圓形路徑。

扇形分割路徑構建:角度計算與複製旋轉

  1. 基準扇形:矩形路徑 7.5×10000px(中心點擊 → Ctrl+T 高度 10000%),轉選區填白 → 右鍵轉智能對象 → 複製 → 組「4分塊」,兩圖層旋轉 0°/90°。
  2. 6分塊:複製 4分塊組 → 重命名 → 內部複製圖層至 3 個 → 旋轉 0°/60°/120°。
  3. 8分塊:4 個圖層 → 0°/45°/90°/135°。
    10分塊:5 個圖層 → 0°/36°/72°/108°/144°。
    12分塊:6 個圖層 → 0°/30°/60°/90°/120°/150°。

布爾運算提取扇形選區與素材填充

  1. 同心圓路徑填充/刪除交替:最大圓填色 → 刪除次圓 → 填充第三圓...形成同心環狀基底。
  2. 各分塊組:合並組為單圖層 → Ctrl+T 整體旋轉 -30°(美學微調)。
  3. 選區運算提取單扇形:
    Ctrl+Enter 載入內圓路徑選區 → Ctrl+Alt+點擊外圓路徑(交集) → Ctrl+Alt+點擊分塊圖層(再交集) → 得單扇形選區 → Ctrl+J 新建圖層。
  4. 批量置入圖片素材:拖入圖片 → 不透明度 40% 定位 → Ctrl+點擊扇形圖層載入選區 → 反選 → 套索工具 Shift 框選其餘扇形 → Delete 刪除 → 不透明度還原 100%。

文字環繞與最終輸出

路徑文字工具:選取內圓路徑 (290px) → Ctrl+T 水平翻轉 → 輸入文字自動沿路徑排列,解決文字倒置/方向錯誤問題。隱藏基底色塊圖層,背景改白,導出高清 PNG/PSD。

copyright © 萬盛學電腦網 all rights reserved