教學簡介

本教學示範如何運用「圖層樣式」與「混合模式」，結合素材貼圖，創建具有強烈立體感與環境融合度的街燈下藝術字體。核心技巧在於多圖層樣式疊加模擬複雜光照環境。

▲ 最終效果：金屬質感字體，表面反射街燈暖光，投影融入磚牆紋理

制作步驟

步驟 1：文件建立與素材置入

新建 640×480px、72dpi、RGB、白底文件。執行「檔案」→「置入」磚牆紋理素材，調整大小位置覆蓋畫布。文字工具輸入英文「CV REFLCTVLOT」，字體屬性參考圖示（粗體無襯線、大字號、適當字距）。

▲ 圖 1：新建文件設定

▲ 圖 2：素材置入與文字排版

步驟 2：圖層樣式綜合構建材質

右鍵文字圖層 →「混合選項」開啟圖層樣式，依序啟用並設定五大效果：

▲ 圖 3：圖層樣式啟用項目

2-1 投影：融入環境陰影

• 混合模式：變暗
• 顏色：黑色、不透明度：75%
• 角度：30°、勾選全域光
• 距離：3px、擴展 0%、大小：5px

▲ 圖 4：投影參數

2-2 內陰影：字面內凹厚度

• 混合模式：正常
• 顏色：黑色、不透明度：45%
• 角度：30°、勾選全域光
• 距離：15px、阻塞 0%、大小：20px

→ 大距離、大尺寸內陰影，模擬字體厚實邊緣內凹感。

▲ 圖 5：內陰影參數

2-3 內發光：邊緣高光暈

• 混合模式：正常、不透明度：100%、雜色：0%
• 漸層：前景到透明、白色到灰色
• 技法：精確、來源：邊緣、阻塞 0%、大小：0px、範圍 22%

→ 邊緣極窄高光帶，模擬金屬邊緣捕捉環境光。

▲ 圖 6：內發光參數

2-4 斜面與浮雕：核心立體雕刻

• 風格：內斜面、技法：鑿刻清晰、深度：710%、方向：上
• 大小：38px、柔化：0px
• 角度：140°、高度：45°、勾選全域光
• 光暈輪廓：環形

→ 高深度+鑿刻清晰+環形輪廓，鍛造金屬切削邊緣的銳利高光與陰影過渡，為核心立體塑造。

▲ 圖 7：斜面浮雕參數

2-5 光澤：表面反光條

• 混合模式：正片疊底
• 顏色：黑色、不透明度：18%
• 角度：19°、距離：63px、大小：15px
• 輪廓：高斯、勾選消除鋸齒、反相

→ 大距離、反相高斯輪廓，產生跨越字面的大面積反光條，模擬街燈在金屬表面的鏡面反射。

▲ 圖 8：光澤參數 | 圖 9：綜合效果

步驟 3：複製圖層構建雙層字體效果

複製文字圖層（含所有樣式），移動副本位置形成雙層文字疊加，增強視覺厚度與複雜度。可調整副本不透明度或樣式參數產生變化。

▲ 圖 10：雙層文字疊加效果

技術邏輯深度解析

五大樣式的物理分工

樣式	模擬物理現象	關鍵參數組合
投影	字體遮擋背景光	變暗模式+小距離/大小=緊貼銳利陰影
內陰影	字面厚度內凹	大距離/大尺寸=寬廣內凹過渡
內發光	邊緣捕捉環境光	邊緣來源+漸層+小範圍=銳利邊緣高光
斜面浮雕	金屬切削面光影	鑿刻清晰+高深度+環形輪廓=銳利棱角
光澤	鏡面反射光條	正片疊底+反相高斯+大距離=橫跨反光帶

「全域光」統一光源邏輯

投影、內陰影、斜面浮雕均勾選「使用全域光」，角度設 30°/140° 互補（30° 對應光源方位，140° 為垂直於筆畫方向的切面法線）。統一光源確保所有效果光影邏輯自洽，避免「多光源打架」破壞真實感。

素材融合關鍵

磚牆紋理作為背景，提供真實環境語境。文字圖層樣式中的「投影」落於磚牆凹凸面上，「光澤」反射環境暖光色調，使字體真正「生長」在場景中，而非浮於表面。

延伸應用與變體

• 霓虹招牌字：斜面浮雕改「外斜面」、光澤改「螢幕」模式、添加「外發光」、顏色改高飽和度色
• 鏽蝕金屬字：添加「圖案疊加」鏽跡紋理、斜面浮雕「技法」改「凹凸匹配」、光澤關閉
• 發光立體字：內發光改「螢幕」模式、顏色改發光色、添加「外發光」同色系
• 冰封字體：斜面浮雕「光暈輪廓」改「圓錐-倒置」、光澤改「螢幕」白色、顏色疊加淡藍

專業工作流建議

1. 建立「材質樣式庫」：金屬、石材、玻璃、塑膠、木材、布料等常用材質預設
2. 制定「光源規範」：團隊專案統一「全域光角度 135°/高度 45°」或專案專用角度
3. 善用「圖層合成效果」：混合條件（底層/當前圖層滑桿）控制樣式顯示範圍，實現精細局部調控
4. 非破壞性工作流：所有調整盡可能用調整圖層、智能物件、圖層樣式，保留修改彈性

本教學展示了專業級材質字體設計的標準範式：素材提供環境語境 → 圖層樣式構建物理材質 → 多效果疊加分工明確 → 全域光統一光影邏輯。此工作流可擴展至任意材質、任意環境的字體設計專案。