科技風、數字化設計中常見的「光點地面/底紋」實際上是「半調圖案 + 色階對比度 + 透視變換 + 蒙版漸變 + 投影」的組合產物。本教程拆解每一步的幾何與光學邏輯，幫助你從零構建可控、可複用的科技感地面素材。

最終效果

步驟拆解

1. 基礎點陣生成：半調圖案 + 色階銳化

背景填黑。新建圖層填充 50% 灰。前景色設黑，執行「濾鏡 > 濾鏡庫 > 像素化 > 半調圖案」：大小 4-6，對比度 5-10，圖案類型「圓點」。得到模糊黑白點陣。

執行「圖像 > 調整 > 色階」，向內縮進輸入色階滑塊（如 100 / 1.00 / 160），大幅提高對比度，模糊點變為銳利圓點。

2. 正負形分離：通道載入選區刪除白點

點陣圖層下方新建圖層填 50% 灰。Ctrl+點擊點陣圖層 RGB 通道縮略圖載入白點選區，返回目標灰色圖層按 Delete 刪除白點，留下黑點陣列。取消選區。

3. 體積感構建：斜面浮雕 + 合併

為黑點圖層添加「斜面與浮雕」：風格「外部斜面」，技術「平滑」，深度 100-150%，大小 3-5px，光源角度 120°/30°，高光/陰影模式「線性減淡/線性加深」，不透明度 70%/50%。合併點陣與底部灰層。

4. 透視空間：自由變換透視模式

Ctrl+T 進入自由變換，按住 Ctrl 拖動左上/右上角點筆直向下，構建單點透視「地面消失點」效果。按 Enter 確認。

5. 空間漸隱：雙向蒙版漸變

添加圖層蒙版。垂直方向黑白漸變（近實遠虛），水平方向再以黑色筆刷擦除兩側，構建「視野範圍內密集、邊緣消失」的真實地面感。

6. 色彩化與不透明度控制

圖層不透明度降至 50%。「色相/飽和度」勾選「著色」，賦予科技藍/綠/紅色相。灰色保留亦可作為中性底紋。

7. 主體置入與真實投影

置入主體（如戒指/手機/Logo），置中。複製主體層填黑作為投影源，自由變換壓扁置於地面上，高斯模糊 8-12px，不透明度 40-50%，模式「正片疊底」。

可複用性建議

• 將點陣圖層組保存為「智能對象」，便於後期替換點大小/密度/顏色。
• 透視角度、消失點位置、蒙版漸變範圍均可根據場景靈活調整。
• 投影模糊半徑 = 主體離地高度 × 0.5 經驗公式，不透明度隨環境光強度遞減。

這套流程不僅適用於電商產品展示頁，同樣能用於科技發布會 KV、UI 啟動頁、數字展廳地面投影等場景。核心思想：用程序化思維構建可參數化控制的設計資產。