跳至主要內容
AI Sprite Maker

陰影產生器

像素畫風格的硬邊陰影:給 UI 與文字用的實心偏移投影,或給角色與道具用的、壓扁傾斜後落在地面上的剪影陰影。

  • 免費
  • 本機執行
  • 免註冊
結果

載入一張圖片開始。

所有處理都在你的瀏覽器中完成。檔案絕不會上傳,頁面載入後即使離線也能使用。

陰影產生器使用教學

  1. 拖放一張精靈圖。
  2. 選擇投影(精靈圖後方的偏移複本)或地面陰影(壓扁在地面上的剪影)。
  3. 調整偏移,或壓扁與傾斜,然後調整顏色與不透明度。
  4. 在綠色、深色與淺色預覽背景上檢查效果。
  5. 下載 PNG。

你會得到什麼

  • 烘焙了陰影的 PNG,畫布已擴大以容納陰影
  • 使用單一 Alpha 值的半透明陰影(不會疊加變深)

來自實際做遊戲的技巧

  • 地面陰影的傾斜就是太陽方向:正值往右傾,負值往左傾。同一場景中的所有精靈圖要保持一致。
  • 在草地或沙地上,有顏色的陰影(深紫或深藍)通常比黑色好看。
  • 如果引擎會自己畫陰影,就把陰影另外匯出:在複本上把不透明度設為 100%,當作遮罩使用。
  • 擴張會以整數像素放大投影,看起來有柔和感,卻不會產生模糊。

使用情境

  • 替 UI 圖示與按鈕加上像素風投影
  • 讓俯視與橫向場景中的角色與道具「站」在地面上
  • 讓標題文字從雜亂背景中跳出來
  • 商店頁面與預告片的靜態圖

常見問題

投影與地面陰影有什麼不同?
投影是把精靈圖的剪影偏移一段距離,就像它浮在背景上方。地面陰影則是翻轉、壓扁並傾斜後放在精靈圖腳下,就像光從側面照過來。
陰影會模糊嗎?
不會,邊緣維持俐落。擴張選項以整數像素放大剪影,而不是做模糊。
為什麼陰影是半透明的?
這樣地面才能透出來。每個陰影像素都使用相同的 Alpha 值,重疊的部分不會變得更深。
地面陰影從哪裡開始?
從精靈圖最下方的不透明列開始,通常就是腳。如果精靈圖底下有空白,請使用「腳下間距」設定。
我的圖片會被上傳嗎?
不會。所有處理都在你的瀏覽器中執行。
所有免費工具 →