萬盛學電腦網

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

Photoshop CS5 3D 功能實戰:打造逼真旋轉燈籠 GIF 動畫

Photoshop CS5 強大的 3D 功能常被忽視,實則足以勝任簡單三維物件的建模、貼圖、動畫。本教學將示範如何拆解燈籠結構(球體+圓柱+環狀),用 3D 面板從圖層生成模型、編輯材質貼圖、組裝場景、設定關鍵幀旋轉動畫,最終輸出循環 GIF。零 3D 軟體基礎也能上手,適合平面設計師跨界 3D 入門。

完成效果預覽

Step 1-4:燈籠主體——球體建模與縮放

  1. 新建 300×300 px 文件,新建空白圖層。
  2. 3D > 從圖層新建形狀 > 球體,獲得預設球體模型。
  3. 3D 工具組選「3D 物件縮放工具」,屬性欄 Z 軸縮放輸入 0.65,球體變扁為橢球(燈籠主體比例)。

Step 5-10:燈籠材質繪製(紋理編輯)

  1. 視窗 > 3D > 選中球體材質 > 新建紋理(預設 1024×1024)。
  2. 雙擊紋理圖層進入編輯:切片工具縱向分 13 條 → 交替填色(紅/金/紅……)形成經典燈籠條紋。
  3. 新圖層,形狀工具選「百合花」,畫路徑 → 轉選區 → 填黃 → 複製移動排列 → 合併圖層,形成裝飾花紋。
  4. 存檔關閉紋理文檔,3D 視窗即時更新,燈籠主體著色完成。

Step 11-13:頂蓋——圓柱體建模與定位

  1. 新圖層 3,3D > 從圖層新建形狀 > 圓柱體。
  2. 3D 物件縮放工具:X 0.5、Y 0.5、Z 0.1,變扁為薄圓盤。
  3. 3D 物件平移工具(空心十字)移至燈籠頂部。關閉 3D 面板頂部小眼睛(隱藏頂面),專注側面材質。

Step 14-15:頂蓋材質編輯

激活圓柱材質,編輯紋理:頂面紅、側面金邊、底面紅,存檔關閉。

Step 16-19:底座、環飾、穗子組裝

  • 複製圓柱層 (圖層 3 副本) 移至底部做底座。
  • 新圖層 4,3D > 從圖層新建形狀 > 環形,材質編輯金色,縮放 X/Y 0.4、Z 0.09,移至頂部;複製一層移至底部,形成雙環飾。
  • 新圖層,筆刷工具設散佈/大小抖動,前景色橙黃,繪製垂線條 → 刪除上部雜亂部分。
  • 3D > 從灰度新建網格 > 圓柱,將線條轉為 3D 圓柱穗子,縮放定位,加掛繩。

Step 20-26:時間軸旋轉動畫

    1. 視窗 > 時間軸 > 建立視頻時間軸,設定幀率 30 fps、時長 3 秒。 2. 激活燈籠主體圖層 1,在 3D 物件位置屬性前點擊秒錶圖示,建立第 1 個關鍵幀 (0s)。 3. 時間軸移至 1s,3D 物件旋轉工具,Z 軸旋轉 120°,建立第 2 關鍵幀。 4. 2s 時 Z=240°,3s 時 Z=360° (或 350° 視覺無縫循環)。 5. 依此法激活頂蓋、底座、環飾、穗子圖層,同步添加旋轉關鍵幀。注意:小直徑部件旋轉方向相反 (負數),否則視覺上會產生「滑動」錯覺。

PS 3D 工作流關鍵點

  • 從圖層生成模型:任何像素圖層可秒變 3D 基體(平面、球體、圓柱、環形、錐體、立方體、酒瓶、甜甜圈、圓錐、飲料罐)。
  • 材質即紋理文檔:雙擊材質屬性即開啟 PSB 紋理文檔,繪圖/貼圖/調色後存檔自動更新模型,所見即所得。
  • 3D 工具組三件套:旋轉/平移/縮放工具分別控制模型姿態,屬性欄可輸入精確數值。
  • 動畫關鍵幀:針對 3D 物件位置、旋轉、縮放、材質屬性、相機、燈光均可打關鍵幀。
  • 渲染輸出:時間軸面板選「渲染視頻」輸出 MP4,或「存儲為 Web 格式」輸出 GIF。

在 PS 內完成建模-貼圖-動畫-渲染全流程,對於簡單產品展示、Logo 立體化、節日動態圖標極其高效。燈籠轉動,光影流轉,願這盞燈照亮你探索 3D 設計的大門。

copyright © 萬盛學電腦網 all rights reserved