陰影產生器使用教學
- 拖放一張精靈圖。
- 選擇投影(精靈圖後方的偏移複本)或地面陰影(壓扁在地面上的剪影)。
- 調整偏移,或壓扁與傾斜,然後調整顏色與不透明度。
- 在綠色、深色與淺色預覽背景上檢查效果。
- 下載 PNG。
你會得到什麼
- 烘焙了陰影的 PNG,畫布已擴大以容納陰影
- 使用單一 Alpha 值的半透明陰影(不會疊加變深)
來自實際做遊戲的技巧
- 地面陰影的傾斜就是太陽方向:正值往右傾,負值往左傾。同一場景中的所有精靈圖要保持一致。
- 在草地或沙地上,有顏色的陰影(深紫或深藍)通常比黑色好看。
- 如果引擎會自己畫陰影,就把陰影另外匯出:在複本上把不透明度設為 100%,當作遮罩使用。
- 擴張會以整數像素放大投影,看起來有柔和感,卻不會產生模糊。
使用情境
- 替 UI 圖示與按鈕加上像素風投影
- 讓俯視與橫向場景中的角色與道具「站」在地面上
- 讓標題文字從雜亂背景中跳出來
- 商店頁面與預告片的靜態圖
常見問題
投影與地面陰影有什麼不同?
投影是把精靈圖的剪影偏移一段距離,就像它浮在背景上方。地面陰影則是翻轉、壓扁並傾斜後放在精靈圖腳下,就像光從側面照過來。
陰影會模糊嗎?
不會,邊緣維持俐落。擴張選項以整數像素放大剪影,而不是做模糊。
為什麼陰影是半透明的?
這樣地面才能透出來。每個陰影像素都使用相同的 Alpha 值,重疊的部分不會變得更深。
地面陰影從哪裡開始?
從精靈圖最下方的不透明列開始,通常就是腳。如果精靈圖底下有空白,請使用「腳下間距」設定。
我的圖片會被上傳嗎?
不會。所有處理都在你的瀏覽器中執行。