即將匯入 Adobe Premiere Pro 的影像,如果透過 Lizely 為影像加入陰影 瀏覽器工具將陰影寫入帶有整數像素位移、模糊、不透明度與預先選定顏色的透明 PNG,即可自帶已預先算繪的陰影。這個工作流程是為靜態素材加上設計師風格陰影的最快方式,完全不必開啟 Photoshop、Illustrator 或任何影片編輯軟體。陰影會成為點陣圖的一部分,因此當剪輯重新調整時間時,無法重新設定鍵框、無法因縮放而消失,也不會被意外裁剪,而且不論資產在哪裡重複使用,看起來都完全一致:主時間軸、巢狀序列、Mogrt 範本或匯出的檔案皆然。由於工具解碼檔案、算繪陰影、編碼 PNG、產生預覽以及建立下載,全部都在當前的瀏覽器分頁內完成,因此來源 JPG、PNG 或 WebP 永遠不會傳送到遠端伺服器。
為什麼要在 Premiere Pro 外部準備陰影?
Premiere Pro 在 Video Effects → Perspective 之下內建了一個 Drop Shadow 效果,對於動態剪輯能產生可接受的結果。然而這些控制項是為影片所設計:效果存在於剪輯圖層上,會依 Motion → Scale 設定進行縮放,並追蹤剪輯關鍵影格,而且無法匯出為獨立的靜態影像。對於產品照片、下三分之一名牌貼圖、貼紙疊加、縮圖圖形,或任何需要在多個時間軸或算繪預設之間看起來完全相同的影像來說,在匯入前將陰影烘焙進 PNG 就能避免飄移。對靜態影像而言,失去可編輯的陰影參數這項取捨是可以接受的,因為你很少需要將陰影與前景分開重新調整時間。
瀏覽器工作流程也能乾淨地處理透明 PNG。透明區域會保持透明,工具只會在來源 alpha 實際投射陰影的位置加上像素。因此,帶有透明背景的產品去背圖能加上陰影,而不會把周圍的畫布填滿顏色,結果可以直接疊到影片軌上、蓋在背景素材之上。
陰影控制項與輸出限制
開始之前,先了解工具接受的精確範圍會有所幫助,因為 Premiere Pro 會以你選擇的任何尺寸顯示 PNG,而且當數值超出範圍時並不會發出警告。下表顯示完整的輸入項目與限制。
| 控制項 | 接受範圍 | 行為 |
|---|---|---|
| 來源檔案 | JPG、PNG 或 WebP,上限 25 MiB | 必須可由瀏覽器解碼;在本機進行解碼 |
| 水平位移 | -500 到 500 整數像素 | 正值將陰影向右移動,負值將其向左移動 |
| 垂直位移 | -500 到 500 整數像素 | 正值將陰影向下移動,負值將其向上移動 |
| 模糊半徑 | 0 到 250 整數像素 | 採用瀏覽器 Canvas 陰影算繪,而非印刷預處理 |
| 不透明度 | 0 到 100 整數百分比 | 僅套用於陰影 |
| 顏色 | 六位數十六進位(例如 #000000) | 精確的十六進位值,無獨立的 alpha 輸入 |
| 輸出 | 帶透明度的 PNG | 畫布會擴展以容納陰影與模糊衰減 |
工具只接受 -500 到 500 之間的整數像素位移值。JPG 與 WebP 來源會被解碼為瀏覽器像素,這會去除其原始的壓縮位元組與中繼資料;輸出永遠是新編碼的 PNG。
如何加入陰影
- 開啟 Lizely Add Shadow to Image 頁面,點擊檔案輸入欄位以選擇本機的 JPG、PNG 或 WebP,且不超過 25 MiB 上限。檔案永遠不會離開你的瀏覽器。
- 輸入你想要的水平位移、垂直位移、模糊半徑、不透明度與十六進位顏色。水平正值將陰影向右推,負值將其向左拉。垂直正值將下載影像中的陰影向下推,而負值則將其向上推。
- 選擇加入陰影。工具會解碼影像、擴展畫布以容納陰影加上模糊衰減,使用 Canvas 陰影狀態算繪來源一次,然後在不套用陰影的情況下再次於上方算繪來源,如此可讓可見的前景保持銳利,而不會被半透明的陰影顏色變得模糊。
- 查看所回報的輸出尺寸與編碼後的檔案大小。一張 40 乘 20 的來源,搭配 +8 水平位移、-4 垂直位移與 6 像素的模糊,會變成 72 乘 48 像素,因為畫布在每邊保留了兩倍的模糊空間(每邊 12 像素)以及受影響那一邊的絕對位移(右邊 8、上方 4):寬度 = 40 + 12 + 20 = 72,高度 = 20 + 16 + 12 = 48。
- 選擇下載連結以儲存 PNG。檔案會以來源命名 — portrait.png 會變成 portrait-shadow.png — 方便在 Premiere Pro 專案中追蹤。
在下載後變更來源或任何控制項,會讓先前的結果失效,並撤銷其暫存的下載網址,因此若需要第二個變種版本,請重新執行工具。
將帶陰影的 PNG 帶進 Premiere Pro
一旦 PNG 存到磁碟,在 Premiere Pro 端的操作就很短暫,且在反覆編輯時仍保持可預測。
- 在 Project 面板中,在你希望存放資產的 bin 上按右鍵,選擇 Import,或從檔案總管將 PNG 拖曳到面板中。
- 將匯入的影像拖到背景素材上方的影片軌。兩個堆疊的軌道是最簡易的設定:V2 放置帶陰影的靜態影像,V1 放置底層剪輯。
- 開啟 Effect Controls 並確認 Motion 設定:Position、Scale 與 Anchor Point。工具擴展的畫布已為前景周圍保留空間,因此請避免將影像放大,導致陰影在程式監視器上被裁切回來。
- 若你希望陰影在深色背景上看起來更柔和,可以透過軌道遮罩為陰影素材加上輕微的 Gaussian Blur:在 V3 上複製帶陰影的剪輯,對下方那一份套用模糊,並使用上方那一份作為 Track Matte Key,把模糊裁剪回影像形狀。V2 圖層上烘焙的陰影則維持不動。
- 使用你平常的預設進行匯出。由於陰影是點陣圖的一部分,因此該外觀能在 Dynamic Link、巢狀序列與經色彩管理的匯出之間反覆運作而不變。
這個工作流程能讓 Premiere Pro 內建的 Drop Shadow 效果保留給動態影片剪輯使用,同時讓靜態影像保留更高傳真度、可重複的結果。若你也希望在同張靜態影像上加上圓角,請在陰影烘焙完成後,參考 如何在 Premiere Pro 中將影像圓角化 指南。
影片中帶陰影靜態影像的常見使用情境
當靜態影像必須在多個時間軸上看起來完全相同時,烘焙過的陰影最為有用。電子商務 YouTube 系列節目的產品縮圖能受益於一致的陰影,當底下的來源剪輯變更時陰影不會閃爍。下三分之一名牌與標註圖形通常需要乾淨的陰影,使它們在淺色與深色影片上都能保持清晰易讀,而烘焙陰影能讓陰影在素材切換時不會飄移。匯入 Premiere Pro 的 Mogrt 範本會將每個資產視為點陣圖,因此預先加上陰影的 PNG 是在不交付複雜效果堆疊的情況下,傳遞設計師風格外觀的最簡單方式。疊加在人物談話影片上的貼紙與標誌運作方式相同:帶有可控陰影的透明 PNG 會落在 V2 上,在整個鏡頭中與主體保持錨定。
本機處理與隱私
工具會在當前的瀏覽器分頁內解碼影像、擴展畫布、繪製陰影狀態、編碼 PNG、建立預覽並建立下載。不會上傳任何資料到遠端影像服務,這對客戶案件、未發表的產品,以及任何包含個人可辨識資訊的靜態影像而言非常重要。從選擇檔案到下載,檔案都保留在你的電腦上。在配置之前,來源與擴展後的輸出尺寸會與網站的有界畫布預算進行比對,而無效的類型、空檔案、解碼後過大的影像、不可能輸出的尺寸、解碼錯誤、缺少 Canvas 支援,以及 PNG 編碼失敗,會產生可見的錯誤,而不是靜默失敗。
為什麼陰影與其他應用程式看起來會略有不同
Canvas shadowBlur 是瀏覽器的算繪效果,而不是印刷預處理的量測值,因此精確的羽化像素在不同瀏覽器引擎間可能會略有差異。工具並未聲稱能與 Photoshop 的 Drop Shadow、Illustrator 的 Effect → Stylize → Drop Shadow、CSS 的 box-shadow,或 Premiere Pro 的 Drop Shadow 影片效果達到位元組等價。對於模型圖、縮圖、貼紙以及影片疊加而言,視覺上的吻合度通常已經足夠接近。若是用於精細的印刷預處理,請在具備印刷意識的工具中完成陰影。工具同樣不會加上外框、不會移除背景、不會偵測主體、不會建立透視地面陰影,也不會模擬攝影棚燈光;它只會產生直接的點陣圖陰影,且畫布範圍是可預測的。
若想進一步了解,請參閱 如何逐步為照片加入陰影。