蜂窩水晶字以其獨特的幾何分割感、晶瑩剔透的光學質感、以及可愛俏皮的視覺語言，成為近年來網頁標題、APP 啟動頁、兒童插畫、品牌周邊設計的熱門選擇。本教程將深度拆解如何利用 Photoshop 的自定義六邊形圖案、多層疊加圖層樣式、填充歸零技巧，打造出每個六邊格獨立發光、整體渾然一體的蜂窩水晶字效果。

最終效果展示

核心原理：填充歸零與圖層樣式分離

本教程的靈魂技法是「填充歸零 (Fill 0%)」——將圖層像素內容透明化，但保留圖層樣式完整顯示。配合多圖層疊加，每層負責不同光學層次（底光、折射、高光、邊框、內陰影），最終合成出豐富的水晶質感。六邊形圖案的分隔特性，使每個格子獨立承載完整光學計算，產生「萬花筒般的微觀發光體驗」。

逐步製作流程

步驟 1：畫布與基底光環

新建 1200×900 px 文檔，背景填充暖米色 (#EDDBB9)。新建圖層填充白色，添加圖層樣式 → 外發光：模式 線性減淡、顏色暖黃 #FFD700、不透明度 50%、擴展 0%、大小 250 px。將圖層填充歸零，獲得畫布中央柔和發光基底，為後續水晶字提供環境光照。

步驟 2：文字與蜂窩圖案填充

輸入黑色文字（粗體圓潤字體，如 VAG Rounded、Comfortaa Bold），字號 200+ pt。新建圖層，編輯 → 填充 → 圖案 → 選擇「蜂窩圖案」（六邊形密鋪，可自行繪製或下載）。Ctrl+點擊文字圖層載入選區 → 為蜂窩圖層添加圖層蒙版 → 隱藏文字圖層。現在畫面呈現文字形狀的蜂窩陣列。

步驟 3：核心圖層樣式堆疊（關鍵：建立 3-4 個副本圖層，各司其職）

圖層 A：主體折射與邊框（底層）

蜂窩圖層添加樣式：

• 斜面與浮雕：內斜面、鑿刻清晰、深度 300%、方向 上、大小 10 px、軟化 3 px、角度 120°、高度 45°、高光模式 線性減淡 (白) 70%、陰影模式 正片疊底 (灰) 50%、勾選消除鋸齒。
• 描邊：1 px、內部、顏色淺藍 #A0D0F0、不透明度 80%。
• 內發光：模式 線性減淡、顏色青色 #00FFFF、來源 邊緣、阻塞 20%、大小 5 px。

圖層 B：高光頂面（副本 1，填充 0%）

複製圖層 A，清除描邊與內發光，修改斜面浮雕：外斜面、大小 5 px、高光模式 線性減淡 (白) 100%、陰影模式 隱藏 (不透明度 0%)。僅保留頂面高光，模擬光線穿過水晶頂面的折射亮點。

圖層 C：內陰影與厚度感（副本 2，填充 0%，隱藏其他樣式）

複製圖層 A，僅保留內陰影：模式 正片疊底、顏色深藍 #001A33、不透明度 40%、角度 120°、距離 3 px、阻塞 0%、大小 8 px。以及斜面與浮雕：內斜面、大小 15 px、軟化 5 px、高光/陰影不透明度降至 20%。增強六邊格的凹陷深度感。

圖層 D：外發光光暈（副本 3，填充 0%）

複製圖層 A，僅保留外發光：模式 線性減淡、顏色漸變 (青→透明)、不透明度 60%、擴展 10%、大小 30 px、品質範圍 50%、抖動 10%。賦予整體文字柔和的水晶光暈。

色彩變體與風格延伸

只需修改各圖層樣式中的顏色參數，即可一鍵切換風格，極利於設計探索與客戶提案。

進階技巧：動態與互動

1. After Effects 連動：將各圖層匯入 AE，利用「CC Glass」特效驅動位移圖動畫，製作水晶呼吸發光動態。
2. CSS/JS 還原：前端可用 SVG `` 定義六邊形、`` 模擬斜面浮雕、`mix-blend-mode` 疊加光暈，實現網頁端互動水晶字。
3. 參數化設計：使用 Processing/p5.js 生成六邊形網格，導出 SVG 再在 PS 套用樣式，實現文字內容與網格密度的動態適配。

常見問題排查

Q：六邊形邊緣鋸齒明顯？
A：文檔解析度提升至 300 dpi；圖案定義時使用更大尺寸基本單元（如 100×100 px）；樣式中勾選「消除鋸齒」。

Q：文字內部空洞（如 O、D）蜂窩不完整？
A：文字轉形狀路徑後，用「直接選取工具 (A)」手動補全內部閉合路徑，再建立蒙版。

Q：圖層過多導致檔案龐大？

將蜂窩圖案圖層組轉為智能物件，內部保留可編輯結構，外部僅顯示一層，大幅減小檔案體積。

總結

蜂窩水晶字展示了 Photoshop「填充歸零 + 多層樣式疊加」工作流的極致優雅：將複雜光學模擬拆解為可控的參數組合，幾何圖案賦予結構理性，圖層樣式賦予感性光影。這不僅是一個文字特效，更是一種可複用、可參數化、可跨平台的設計系統思維。掌握它，你將擁有無限變化的水晶質感設計語言。

風格	基底色	高光色	陰影色	發光色	應用場景
經典水晶	透明/白	白/淡藍	灰/淡藍	青/白漸變	科技、婚禮、珠寶
夢幻糖果	粉/紫漸變	亮粉	深紫	粉/紫漸變	兒童、甜點、女性品牌
極光科技	深藍/黑	青/綠	深藍	青/綠/紫	遊戲、電競、科技發布
琥珀復古	琥珀橙	金黃	深紅褐	金/橙漸變	文創、茶酒、文化產品