可為 CapCut PC 中的圖片加入可控的投影,方法是:在基於瀏覽器的本機工具中繪製陰影、匯出透明 PNG,然後將該成品 PNG 作為覆蓋圖匯入 CapCut 時間軸——因為 CapCut 的內建控制項並未在圖片圖層上提供可設定的投影。CapCut PC 確實在其「視訊特效 > 基本」類別中內建了一個陰影特效,但該特效是套用於影片剪輯的預設集,而非作用於靜態圖片上可微調的濾鏡,因此無法調整偏移、模糊半徑、不透明度或顏色以符合你的素材。可靠的做法是讓陰影在被送進編輯器之前就先烘焙到 PNG 本身中,這表示陰影是在 CapCut 之外的工具中繪製的,該工具能讓你精確設定每一個數值參數,並匯出影片可立即使用的透明 PNG。

how to add shadow to image in capcut pc
為 CapCut PC 中的圖片加入陰影(無需上傳)

為何 CapCut PC 在圖片投影方面力有未逮

CapCut PC 將圖片視為標準媒體,因此 PNG 或 JPG 會像其他剪輯一樣被放到時間軸上。編輯器確實在其「視訊特效 > 基本」類別下提供陰影特效,但它專為影片剪輯設計,僅套用單一內建外觀,且未提供水平偏移、垂直偏移、模糊半徑、不透明度或顏色的滑桿。以覆蓋圖、貼紙、下三分之一字幕或產品標註加入的靜態圖片同樣繼承了這些特效限制。CapCut 創作者有時會建議的變通方法——在合成剪輯上複製圖片、將複本向下偏移、降低其不透明度——可以模擬出扁平、邊緣銳利的陰影,但結果在顏色上是固定的,無法模糊或羽化,也會為每個需要陰影的覆蓋圖增加額外的時間軸複雜度。

對於想要真實、柔和投影(即出現在縮圖、應用程式模型和產品卡片背後那種效果)的創作者來說,CapCut 自身的控制項並不足夠。圖片在進入專案時就必須已帶有陰影,以像素對像素的方式繪製在透明背景上,羽化範圍與偏移位置完全符合你的需求。這表示陰影必須在 CapCut 之外的工具中渲染,該工具需提供 CapCut 本身隱藏的畫布層級控制項。

適用於 CapCut 專案的本地瀏覽器變通方法

為圖片加入陰影工具會在單張本地圖片周圍繪製由 Canvas 渲染的投影,並將結果匯出為透明 PNG,全程都在你目前的瀏覽器分頁內完成。不會將任何檔案上傳到遠端伺服器,且原始圖片的解碼、繪製與編碼皆在本機端進行。對 CapCut 使用者來說,工作流程很短:開啟工具、載入你想放在影片上的 PNG 或 JPG、依你希望其在素材中的呈現方式設定陰影、下載結果,然後以圖片覆蓋圖的形式匯入 CapCut。

由於輸出是透明 PNG,陰影與前景位於同一個檔案中。沒有需要管理的第二層「陰影圖層」、無需建立合成剪輯,也不必擔心 CapCut 將陰影誤判為獨立的視覺元素。你可以像操作其他圖片覆蓋圖一樣縮放、旋轉、設定關鍵影格並動畫化帶陰影的 PNG,且陰影會在時間軸的每一格隨其縮放。

在瀏覽器中渲染陰影

請依照下列步驟,使用「為圖片加入陰影」工具為 CapCut PC 專案準備帶陰影的 PNG:

  1. 在所顯示的檔案與像素限制範圍內選擇本機的 JPG、PNG 或 WebP。該檔案必須可被瀏覽器解碼,且大小不得超過 25 MiB。
  2. 以整數像素設定水平與垂直偏移。正的水平值會將陰影向右推;正的垂直值會將其向下推至下載的影像中。負值則將陰影向左或向上移動,工具會在對應一側預留畫布空間,確保陰影永遠不會被裁切。
  3. 以 0 到 250 的整數像素設定模糊半徑。工具會將此值加倍,以在畫布四周預留羽化邊緣。
  4. 以 0 到 100 的整數百分比輸入不透明度,然後輸入顏色的精確六位數十六進位值,例如 #000000。
  5. 選擇「加入陰影」。瀏覽器會解碼來源、設定陰影狀態後繪製一次,再於不設定陰影的狀態下繪製一次,使前景像素保持完全不透明。
  6. 讀取所顯示的展開寬度與高度,以及編碼後的檔案大小,以確認輸出符合你的預期。
  7. 選擇下載連結並儲存 PNG。檔案會以來源命名——例如 portrait-shadow.png,且當你變更輸入時,暫存的下載 URL 會自動撤銷。

若想取得專門針對 CapCut 時間軸的更完整操作說明,請參閱在瀏覽器中為 CapCut 圖片加入陰影指南。

陰影控制項及其作用

工具所接受的所有數值皆限制為整數,並在渲染前進行驗證,因此你設定的內容就是畫布實際繪製的內容。下表概述了每個控制項的文件化範圍與可見效果。

控制項允許範圍對輸出的影響
水平偏移-500 至 500 px(整數像素)將陰影向右(正值)或向左(負值)移動;於受影響的一側預留畫布空間。
垂直偏移-500 至 500 px(整數像素)將陰影向下(正值)或向上(負值)移至下載的影像中。
模糊半徑0 至 250 px(整數像素)柔化陰影邊緣;畫布會在四周各預留 2 × 模糊的空間。
不透明度0 至 100%(整數百分比)控制陰影在其所放置的背景上的實心程度。
顏色六位數十六進位(例如 #000000)設定陰影色調;陰影以外的透明區域維持完全透明。

展開畫布的數學計算是確定性的,因此你可以在點選「加入陰影」之前預測最終大小。以一張 40 × 20 的來源、8 像素的向右偏移、4 像素的向上偏移,以及 6 像素的模糊為例,輸出尺寸計算結果為:寬度 = 40 + (6 × 2) + (6 × 2) + 8 = 72 像素;高度 = 20 + (6 × 2) + (6 × 2) + 4 = 48 像素,因為模糊會在每側各預留 12 px,而負的垂直偏移會在頂部額外增加 4 px 的空間。因此最終結果為 72 × 48 px,而非 40 × 20 px,且原始影像會被置入該更大的畫布中,使陰影在每個方向都有足夠的羽化空間。

將帶陰影的 PNG 匯入 CapCut PC

下載透明 PNG 後,CapCut 端的工作很簡短:

  1. 開啟你的 CapCut PC 專案,並將播放磁頭置於時間軸上希望帶陰影圖片出現的位置。
  2. 在媒體面板中點選「匯入」,從磁碟載入下載的 PNG。陰影會隨圖片一起保留,因為它屬於同一個檔案。
  3. 將匯入的素材拖曳到時間軸上主影片上方的軌道。CapCut 會將其視為標準的覆蓋圖剪輯。
  4. 使用角點控點來調整覆蓋圖大小,並視需要使用「基本」或「遮罩」工具進行裁切、旋轉或動畫。陰影會自動隨圖片縮放與移動。
  5. 照常渲染或匯出專案。由於陰影已烘焙至 PNG 中,CapCut 不會重新計算,因此在預覽與最終匯出時會保持一致。

針對影片與靜態用途調整陰影

在靜態模型中看起來正確的陰影,在覆蓋圖開始移動後往往會顯得過於柔和或過於厚重。由於陰影已嵌入 PNG 中,每一項 CapCut 動畫——縮放、旋轉、關鍵影格位置——都會放大其視覺上的份量。以下幾個實用的起點有助於讓陰影與其背後的動畫協調:

  • 若為動畫期間縮放 10–20% 的小型 UI 貼紙或標註,請將模糊保持較低(約 6–10 px),不透明度約 35–50%,以免圖片放大時陰影暈染過強。
  • 若為深色背景上的大型產品覆蓋圖,請將不透明度提高至 70–85%,並選擇接近黑色的顏色(例如 #000000),搭配稍大的模糊(15–25 px),讓陰影更具份量。
  • 若為置於明亮、複雜畫面上的覆蓋圖,請將不透明度降低至 25–35%,並使用較深且稍微去飽和的十六進位色(例如 #1a1a1a),使陰影能在不與背景競爭的情況下穩定圖片。
  • 對於會快速移動的覆蓋圖,請避免使用過大的偏移(超過 100 px);偏移越大,快速動態時陰影越會明顯地落後於前景。

開始前值得了解的限制

底層 Canvas 渲染器的幾項限制值得留意。Canvas 的 shadowBlur 屬於瀏覽器渲染效果,而非印刷排版的量測值,因此實際的羽化像素在 Chromium 與 Firefox 等瀏覽器引擎之間可能略有差異——請於將用於匯出的同一瀏覽器中預覽結果。該工具並未宣稱與 CSS box-shadow 或 drop-shadow 達到位元級等價,亦不會偵測主體、無法模擬透視地板陰影;它只會在來源圖片周圍繪製單一、扁平、帶偏移的投影。JPG 與 WebP 來源會在繪製陰影前先被解碼為瀏覽器像素,因此其原始壓縮位元組與中繼資料不會保留於輸出 PNG 中。無效的檔案類型、空檔案、解碼後過大的影像、不可能輸出的尺寸、解碼錯誤、缺少 Canvas 支援,以及 PNG 編碼失敗等情況,皆會以可見的錯誤顯示,而非靜默失敗。

透過在本機瀏覽器工具中預先渲染陰影,並將完成的透明 PNG 匯入 CapCut,你可以用一個簡短的編輯器外步驟,換取對偏移、模糊、不透明度與顏色的精確且可重複的控制——這些控制項是 CapCut PC 本身目前在圖片圖層上並未提供的。

延伸閱讀:如何在 DaVinci Resolve 中為圖片加入陰影。