教程概覽

本教程示範如何使用 Photoshop 矢量工具與圖層樣式，從零繪制一個具有立體質感、材質豐富的中式紅燈籠圖標。全程無需外掛素材，純矢量可無限縮放，適合 UI 圖標、節日海報、品牌視覺等場景。核心知識點：矢量形狀布爾運算、圖層樣式（內陰影、內發光、漸變疊加、投影）、剪貼蒙版、自由變換複製陣列、高光與環境光模擬。

一、文件建立與背景佈局

步驟 1：新建畫布

Ctrl+N 新建 1920×1200 px、72 dpi、RGB、背景白色文件。

圖 1：新建文件參數

步驟 2：背景漸變

矩形工具（U）拉滿畫布矩形，雙擊圖層開啟「圖層樣式 > 漸變疊加」，設定徑向漸變：中心淡灰 #e0e0e0 到邊緣深灰 #888888，營造舞台聚光感。

圖 2-4：背景漸變設定

二、燈籠主體：矢量形狀+多層疊加樣式

步驟 3：繪制燈籠主體矩形框架

矢量矩形工具繪制長方形（約 350×600 px），圓角 20 px，置中偏上，命名「燈籠主體」。雙擊圖層設樣式：

• 內陰影：距離 5px、擴展 0、大小 15px、顏色 #8b0000、混合模式正片疊底，模擬內凹厚度。
• 內發光：混合模式正片疊底、不透明度 50%、顏色 #ff6600、大小 20px，營造內部發紅光暈。
• 漸變疊加：線性漸變 -90°，色標：0% #ff3300、50% #cc0000、100% #990000，混合模式正常，不透明度 80%，構建紅燈籠核心色相與體積感。

圖 5-7：燈籠主體圖層樣式詳細參數

步驟 4：燈籠球體——橢圓形狀+複雜樣式堆疊

新建圖層「燈籠球」，橢圓工具按 Shift 拉正圓（直徑約 400 px），置於主體下方。圖層樣式堆疊：

• 內陰影：距離 0、擴展 0、大小 30px、顏色 #660000、正片疊底，強化球體轉折。
• 內發光：螢幕模式、不透明度 40%、顏色 #ff9900、大小 25px，模擬內部燭光透射。
• 漸變疊加：徑向漸變，中心 #ffcc00（燭光核心）→ 50% #ff6600 → 邊緣 #990000，比例調整使高光偏向左上（光源方向）。

圖 8-13：燈籠球體形狀與三層樣式參數

三、燈籠裝飾條：重複變換批量生產

步驟 5：單元裝飾條製作

矩形工具畫小長條（20×120 px），鋼筆工具調整頂點使兩端微彎，形成傳統燈籠橫條造型。圖層樣式：內發光（螢幕、#ffcc00、大小 5px）+ 漸變疊加（線性 -90°，#ff3300→#cc0000）。

圖 14-18：單元裝飾條形狀與樣式

步驟 6：陣列複製分布

選中裝飾條圖層，按 Ctrl+J 複製 8 個，Ctrl+T 自由變換調整大小、旋轉、位置，均勻分布於燈籠球體上下，形成傳統「八條橫肋」結構。

圖 19-20：裝飾條陣列分布

步驟 7：合併與整體投影

選中所有燈籠組件圖層（主體、球體、8 條橫肋），Ctrl+G 成組「燈籠」，再 Ctrl+E 合併為單圖層（或保留組改用組投影）。添加「投影」樣式：距離 10px、展開 0、大小 20px、顏色 #330000、不透明度 40%，落地感即現。

圖 21-22：合併後加整體投影

四、頂部掛環與高光細節：提升精致度

步驟 8：掛環製作

新建圖層「掛環」，橢圓工具按 Shift 拉小正圓（30 px），置於燈籠頂端。樣式：外發光（螢幕、#ffcc00、大小 8px）+ 描邊（2px、#b8860b、內部），金屬質感即現。

圖 23-26：掛環形狀與樣式

步驟 9：高光區塊強化立體

橢圓工具畫三個小橢圓（大中小），置於球體左上受光區。布爾運算「減去前面形狀」留下月牙狀高光區。漸變疊加：線性 45°，#fff8dc（奶油白）→ 透明，不透明度 60%，模擬濕潤反光。

圖 27-30：高光區製作與漸變

五、場景化佈局：多燈籠群組與地面投影

步驟 10：複製變換構建群組

複製「燈籠」組 2~3 個，Ctrl+T 縮放、旋轉、錯位排列，形成「掛滿燈籠」的喜慶氛圍。

圖 31：多燈籠佈局

步驟 11：地面軟陰影

新建圖層置於所有燈籠下方，軟邊畫筆（300 px、不透明度 15%、前景色 #330000），在每個燈籠投影落點處點一下，再高斯模糊 20px，真實接地氣。

六、背景替換與繩結點綴：完成最終圖

替換背景為紋理紙張或磚牆，燈籠頂端用鋼筆畫一條貝茲曲線作繩，描邊 3px #8b4513，加投影，系統完成。

最終效果：紅燈籠高掛，年味濃濃

技法遷移指南

• 材質遷移：將漸變色標換為綠/藍/金，即得宮燈、紗燈、現代燈飾。
• 圖標化輸出：關閉背景，畫布裁切至燈籠邊緣，導出 512/1024/2048 px PNG，適用 App 圖標、網頁 Favicon、小程序 TabBar。
• 動畫延展：將高光、火焰、繩索分圖層，導入 After Effects 或 Lottie 製作搖曳、閃爍動效。