報告

如何從影片剪輯創建透明GIF:全面指南

VIDIO Logo
VIDIO 團隊

如何從影片片段創建透明 GIF
如何從影片片段創建透明 GIF

從影片片段創建透明 GIF 可以讓你擁有一個沒有背景的動畫圖像,這樣可以無縫地疊加在任何設計或網頁上。本指南將引導你了解所有必要的信息——從透明 GIF 的基本知識到逐步轉換方法,以及各種工具(免費和付費,基於網頁和桌面的比較)。我們還將提供獲得最佳結果的技巧,以及如何在不同場景中有效使用透明 GIF 的方法。

什麼是透明 GIF 以及為何使用它?

透明 GIF 是一種動畫(或靜態)圖像,其格式為 GIF,其中某些或全部背景像素變得透明(可透視)。這意味著 GIF 可以放在任何背景上,而不會在周圍留下可見的白色或有色框。換句話說,無論 GIF 沒有繪製的地方,底下的頁面或設計都會顯示出來。這給人一種精緻、專業的外觀,與背景顏色為實色的 GIF 不同 - ​joshrizzo.design。例如,公司的標誌或透明 GIF 中的動畫角色可以疊加在網頁、視頻或幻燈片上,而不會遮擋背景內容。

透明 GIF 為何有用? 它們在許多使用案例中提供了靈活性和視覺吸引力 - ​joshrizzo.design:

  • 網頁設計: 為網頁增添動態動畫元素(如圖標、標誌或吉祥物),而不會覆蓋頁面背景或其他內容。

  • 社交媒體帖子: 創建有趣的貼紙或表情包,與其所發佈的任何背景整合——非常適合反應或修飾圖像。

  • 行銷與演示: 突出關鍵信息或在幻燈片和宣傳材料中添加引人注意的動畫,同時融入設計中。

  • 應用與使用者介面開發: 開發者可以使用透明 GIF 作為加載旋轉器、教程或裝飾動畫,需位於各種背景上方。

請記住,GIF 是一種較舊的格式,具有一些限制。它的調色板是基於(每幀最大 256 種顏色),這可能會使詳細視頻看起來模糊 - ​adobe.com,而且它不支持部分透明度(像素要麼是不透明的,要麼是完全透明的——沒有柔和的陰影)。儘管如此,GIF 仍然受到歡迎,因為它們得到了廣泛支持且容易分享。關鍵是選擇合適的內容來制作透明 GIF(簡單、高對比度的主題通常工作得最好)並優化它,如我們將討論的。

基本過程:從影片片段到透明 GIF

將影片片段轉換為透明背景的 GIF 通常涉及 三個主要步驟:選擇你的剪輯、去除背景、並將其導出為 GIF。以下是高層次概述:

  1. 選擇合適的影片片段: 選擇一段短片段,想要轉換為 GIF。為獲得最佳效果,使用明確定義的主題(例如,對焦中的人或物體)且背景要麼固體,要麼與主題有對比。可以使用較長的影片,但請記住,GIF 通常應該只有幾秒長,以保持合理的文件大小。如果你有能力計劃或拍攝影片,試著使用純色背景(例如綠幕)——這將讓去除背景變得更簡單且更乾淨 - ​gifyard.com。否則,背景簡單或模糊的片段往往能比非常複雜的場景獲得更好的效果。

  2. 去除影片背景: 這是關鍵步驟——隔離你的主題並消除背景。有幾種方法可以做到這一點:

    • 自動 AI 工具: 最快速的方法是使用 AI 驅動的去背景工具,它會在每一幀中識別前景主題並刪除背景。像 Unscreen、Vidio.ai、Kapwing 等工具可以在網上做到這一點,而無需你逐幀編輯。

    • 色度鍵(綠幕): 如果影片是使用均勻背景顏色拍攝的,可以使用色度鍵來去除該顏色。許多視頻編輯器(Adobe After Effects、Kapwing 編輯器等)有一個 “去除顏色” 或 Keylight 效果來去掉綠色/藍色背景​ - aejuice.com。如果背景是一種在主題上找不到的單色,這種方法效果很好。

    • 手動遮罩/動畫追踪: 對於更高的控制力,尤其當背景複雜時,專業人員使用軟件(Photoshop、After Effects 等)手動遮罩每一幀中的主題,或使用動畫追踪技術。這個過程雖然耗時,但能獲得精確的結果——本質上是在每一幀中繪製主題的“剪切”。

  3. 將視頻轉換為 GIF(帶透明度): 一旦背景被移除(即,這些區域現在是透明的),你需要將片段導出或轉換為 GIF 格式。有些工具會直接為你輸出最終的透明 GIF。在其他情況下,你可能需要導出帶有 alpha 通道(透明)的視頻,或一系列 PNG 圖像,然後使用圖片/GIF 編輯器將它們組合為 GIF。重要的是確保在保存時保存透明度。例如,在 Adobe Photoshop 中,你會使用 “為網頁儲存” 並選擇帶有 透明度 選項的 GIF(以便透明區域在 GIF 中保持透明)​ - adobe.com。並非所有軟件都原生輸出 GIF——有時你可能需要輸出 PNG 序列然後使用 GIF 製作器。

  4. 優化和精練: 在最終確認之前,考慮編輯幀以獲得更好的結果。從開始/結束修剪任何不必要的幀,或 裁剪 幀的尺寸以僅包括主題(不額外的背景區域)——這將減少解析度和文件大小。你還可以 減少 GIF 的幀率(每秒幀數);通常 12–20 fps 對於平滑動畫來說就足夠了,而不是完整的 30 fps。較少的幀等於較小的 GIF 文件 - ​gifyard.com。此外,優化顏色:GIF 每幀最多只能使用 256 種顏色,因此簡化顏色或使用最佳化調色板可以改善 GIF 的外觀並減少文件大小。許多 GIF 製作工具具有優化選項,如顏色量化和抖動。我們稍後將深入探討有關幀率、長度和大小優化的具體建議。

  5. 保存並測試: 保存你的透明 GIF,並通過將其放置在不同背景上進行測試(你可以在圖像編輯器中或甚至在 PowerPoint 或網頁上進行測試),以確保透明度看起來正確。檢查主題周圍是否有任何多餘的背景或光暈——如果存在,你可能需要進一步精練背景移除(例如,擦除剩餘的文物或調整遮罩邊緣)。一旦看起來好,你就可以開始使用你的新 GIF。

總結一下,工作流程是 視頻 - 去除背景 - 輸出為透明 GIF。現在,讓我們通過使用一個流行的工具來詳細示範,然後比較一系列其他工具和方法,以滿足不同需求和預算。

使用 Vidio 的 GIF 背景去除工具(逐步示例)

Vidio 的 GIF 背景去除工具介面的截圖。用戶已將前景主題遮罩(用藍色覆蓋顯示),然後可以將遮罩傳播到所有幀,最終結果是透明背景。這類 AI 驅動的工具使背景去除變得輕鬆,而無需手動逐幀編輯。

VIDIO 影片背景去除工具
VIDIO 影片背景去除工具

創建透明 GIF 的一種方便方法是使用 在線 AI 工具。這裡我們將以 Vidio 的 GIF 背景去除工具 為例。Vidio (vidio.ai) 提供了一個專門用於從 GIF 中去除背景的 AI 驅動動畫追踪工具。它允許你上傳 GIF(或視頻片段,類似處理)並交互式地選擇前景物體,然後自動使其他部分透明。

步驟 1:上傳你的視頻/GIF。 訪問 Vidio GIF 背景去除工具並點擊 開始。你可以將文件拖放到頁面上或使用上傳按鈕​ - vidio.ai。該工具支持標準的動態 GIF 文件,據報告可以處理相當大的文件(視頻最大 3 GB,用於付費計劃) - ​vidio.ai。根據文件大小,上傳可能需要一下子。

步驟 2:選擇前景物體。 一旦你的 GIF 加載完成,你將看到第一幀,並且你的光標可能會轉變為標記工具。點擊你想保留的主題/前景。 例如,如果你的片段是某個人,請在幀中點擊該人。Vidio 將使用該點擊自動生成物體在幀中的遮罩 - ​vidio.ai。你可能會看到所選區域被突出顯示(作為顏色覆蓋,比如截圖中的藍色遮罩)。如果工具允許,你可以進一步細化這個遮罩——某些介面允許你添加或減少區域,若它第一遍未完美處理(例如,在“遮罩”和“取消遮罩”模式之間切換以包含或排除區域)。不過,Vidio 強調,一旦你給它這個初步點擊,AI 就會處理繁重工作,因此通常只需點擊一到幾次主題即可。

步驟 3:將遮罩推廣到所有幀。 在你對一幀的選擇感到滿意後,點擊 “推廣” 按鈕將其應用於整個 GIF ​ - vidio.ai。這會觸發 AI 既跟蹤該物體通過動畫的每一幀並在其他地方去除背景。基本上,該工具正在執行自動化的動畫追踪——隔離每幀中的活動主題。這個過程應該很快(Vidio 使用雲端 GPU 加速這一過程),你最終會得到 GIF 的預覽,背景現在是透明的。

步驟 4:下載透明 GIF。 最後,你可以下載結果。點擊可用的任何導出或下載選項(在 Vidio 上,可能會有一個 導出 按鈕來準備文件)。輸出應該是去除背景的 GIF 文件。在 Vidio 上,透明背景導出 是一項特色功能——他們甚至支持以高質量格式如 ProRes 視頻導出,供專業用戶使用(​vidio.ai, ​vidio.ai),但由於我們想要的是 GIF,你將獲得一個

.gif
文件。將其保存在你的設備上並測試一下。你應該會看到,無論背景是什麼地方,現在都是空的(透明)。

定價和考量: Vidio.ai 提供一個有一些限制的免費層(​vidio.ai)。你可以在較短或較小的文件上免費使用 GIF 背景去除工具,但較長的視頻或某些進階功能可能需要付費計劃。常見問答指出有 免費選項,功能有限,還有適用於更長視頻和更高輸出解析度的高級計劃(​vidio.ai)。如果你的源 GIF 非常大或長,可能需要升級或修剪 GIF。同樣請注意,這個過程是半自動的——雖然 AI 處理繁重的工作,你要控制的是選擇哪些是前景,這非常好,因為你可以確保它正好保留你想要的(​vidio.ai)。

Vidio 的工具只是這樣做的一種方法,但很好的展示了現代 AI 工具如何簡化任務。接下來,我們將看看各種其他工具和方法——從一鍵的網頁應用到專業軟件——幫助你找到適合你需求的正確解決方案。

創建透明 GIF 的工具和解決方案

有許多工具可用於創建透明 GIF,每個工具具有不同的功能、使用便利性和成本。以下是流行選擇的概述,分為 在線工具(在網頁瀏覽器中運行)和 桌面軟件。我們將包括平台、定價信息、特徵以及每個工具的優缺點。

在線工具(基於網頁的解決方案)

這些工具在你的瀏覽器中運行——無需安裝。適合快速工作或如果你無法訪問專門的軟件。但是,免費版本可能有限制(水印、文件大小/時間限制),你需要良好的網路連接來上傳視頻。

  • Unscreen(在線)

    • 平台: 網頁應用(在瀏覽器中運行)。
    • 定價: 免費,有限制;專業付費計劃(訂閱或按需計費)以獲得完整長度和 HD。
    • 功能: Unscreen 專注於自動去除視頻背景,使用 AI。你上傳視頻或 GIF,然後它會 100% 自動處理——無需手動選擇任何內容(​unscreen.com)。免費版本相當有限:它僅處理 5 秒(如果你註冊成立一個免費賬戶,可以最多處理 10 秒),而且以降低的解析度(約 360p)來處理,外加還會添加小水印​(unscreen.com)。它可以將結果輸出為 GIF(或動畫 PNG 或幀的 ZIP 文件)在免費模式下​(unscreen.com)。
    • 優點: 非常簡單(完全自動);不需要編輯技能;無需安裝。適合快速剪輯,並且能夠相當好地處理複雜的移動背景。
    • 缺點: 免費輸出解析度低、短​(unscreen.com),這可能僅僅是預覽品質。要獲得更長的剪輯、更高的解析度(高達 HD)和無水印,你將需要 Unscreen Pro,這是一個付費服務。Unscreen Pro可以輸出GIF、MP4,或特別的 Pro Bundle(帶透明度的幀壓縮文件)可用於編輯軟件​(unscreen.com)。另一個缺點是你必須將內容上傳到他們的服務器(這可能是隱私考慮)。總體而言,Unscreen 是快速製作透明 GIF 的首選,特別是如果你只是測試或願意為全面的質量付費。
  • EZGIF(在線)

    • 平台: 網頁(ezgif.com 是一個免費的在線 GIF 工具箱)。
    • 定價: 免費。
    • 功能: EZGIF 不使用 AI;相反,它有一個 “去除背景”工具,通過將圖像中的特定顏色替換為透明來工作(​ezgif.com)。這基本上是一種色度鍵(顏色鍵)方法。你上傳最多 200MB 的圖像或 GIF​(ezgif.com),上傳後,可以選擇要去除的背景顏色。例如,如果你的視頻背景是純綠色或白色,EZGIF 可以在整個動畫中使該顏色透明​(ezgif.com)。它還讓你簡單地將背景替換為另一種純色,如果你不想要透明度。
    • 優點: 完全免費,無需註冊,而且相當快。支持 多種圖像格式(GIF、PNG、WebP 等)​(ezgif.com)。EZGIF 還有許多其他 GIF 編輯功能(裁剪、調整大小、優化等),可以串在一起以精細調整結果。
    • 缺點: 這種方法僅適用於視頻/GIF 背景為均勻顏色或至少與主題有明顯顏色的情況。它 不會神奇地檢測到複雜場景中的人或物體——任何不完全是所選顏色的像素將仍然存在。因此,這不適合大多數現實世界中的視頻,除非你在純色背景上拍攝。此外,不支持部分透明處理(如果主題的邊緣與背景顏色接觸,邊緣可能會變得粗糙)。儘管如此,如果你擁有一個綠幕剪輯或者一個背景簡單的卡通,EZGIF 是一個快速解決方案。沒有水印或長度限制(除了文件大小)。
  • Kapwing(在線)

    • 平台: 網頁(kapwing.com,在桌面或移動瀏覽器上運行)。
    • 定價: 免費,有水印和一些限制;專業訂閱(每月 16–24 美元)以獲得完整功能,無水印(​sendshort.ai)。
    • 功能: Kapwing 是一個在線視頻編輯器,其中包括一鍵式 視頻背景去除器(AI 驅動)以及手動 色度鍵(綠幕)去除器​(kapwing.com)。你可以上傳幾乎任何常見格式的視頻(MP4、MOV、WebM 等),然後應用 效果 → 去除背景,讓 AI 嘗試自動去除背景​(​kapwing.com)。這與 Unscreen 概念相似。去除後,你可以 添加新背景層(如不同的圖像或視頻)或離開空白以保持透明度。Kapwing 還允許導出為 GIF 格式——你將使用 導出 選項並選擇 GIF(它還支持 MP4,甚至將視頻轉換為 PNG 序列或其他格式 ​ - kapwing.com)。請記住,在 免費賬戶中,所有導出都會加上 Kapwing 的水印​(kapwing.com)。免費計劃也限制了輸出解析度和時長(免費導出最多 7 分鐘和 720p,這對 GIF 來說通常夠了)​ - speechify.com。升級到 Pro 可以移除水印並允許更高的 1080p、更大的文件上傳(最多 6 GB)及更長的項目。
    • 優點: Kapwing 非常用戶友好,並在雲端完全運行。你可以獲得一個 完整的編輯套件——所以不僅可以修剪剪輯、添加文本或疊加、調整速度等,還可以去除背景。AI 背景去除是一鍵式的,能在任何視頻上運行(不需要綠幕)​ - kapwing.com。如果你特別有固體背景,那麼還有一個 手動模式(色度鍵工具),方便你調整閾值 -​ kapwing.com。它支持多種輸入格式,並可以直接輸出為 GIF,非常方便。
    • 缺點: 免費水印 是一個重要問題,如果你只是想制作乾淨的 GIF——你可能需要裁掉水印,或者支付 Pro 費用。對於較長的視頻來說,處理速度可能會比較慢,因為所有的都在上線。自動背景去除的質量雖然不錯,但在每一幀中可能並不完美(同樣,某些背景的部分可能會留存,或在複雜場景中主題某些部分可能會被剪裁)。除非你使用工作室來導出為 GIF(這應保留透明度,如果你沒有背景層),否則沒有明確的“下載透明 GIF”按鈕。一些用戶報告說 Kapwing 的背景去除器在預覽中往往會留下默認白色或空白背景——​kapwing.com——但在導出為 GIF 時,應該支持透明度(只需確保最終輸出選擇 GIF 而非 MP4,因為 MP4 不支持透明像素)。
  • Adobe Express – GIF 背景去除器(在線)

    • 平台: 網頁(Adobe Express 是 Adobe 的在線設計應用,在瀏覽器或移動應用中運行)。
    • 定價: GIF 的背景去除器是一個 高級 功能(需要付費的 Adobe Express 訂閱或創意雲訂閱) -​ adobe.com。
    • 功能: Adobe Express 具有與 Unscreen 類似的功能集成。你將視頻或 GIF 上傳到 Adobe Express 的 GIF 背景去除器,點擊 去除背景 按鈕,它將自動檢測並去除背景​ - adobe.com。之後,你可以繼續在 Express 中編輯 GIF(例如,添加文本或圖形),或者直接下載透明 GIF。
    • 優點: 它由 Adobe 支持,因此推測使用了相當好的 AI 模型來去除背景。介面簡單——只需 點擊去除。而且它與 Adobe 的生態系統集成,因此如果你正在使用 Express 進行社交媒體內容,你可以將結果進一步編輯或排程​ - adobe.com。
    • 缺點: 它 需要付費計劃 - adobe.com(Adobe Express Premium 每月約 10 美元,儘管可能有免費試用)。如果你已經支付了創意雲,則可能已經獲得訪問權。另一個缺點是,像其他在線工具一樣,它可能有上傳大小限制,你需要登錄。如果你不是 Adobe 用戶,這可能不如完全免費的工具那麼容易訪問。
  • VEED.io(在線)

    • 平台: 網頁。
    • 定價: 免費層(帶有水印的導出,並可能有廣告);付費計劃以增加使用量。
    • 功能: VEED 是另一個在線視頻編輯平台,類似於 Kapwing。它提供了一個 自動背景去除器 用於視頻/GIF,你可以用它來使背景透明或替換它。根據一項評價,VEED 的介面相當直觀:上傳你的視頻/GIF,使用背景去除工具,它將為你提供可以導出為 GIF 或視頻的結果​ - hitpaw.com。
    • 優點: 使用方便,具有多種視頻編輯功能(文本、效果等)集中在一個地方。無需手動遮罩即可進行背景去除。
    • 缺點: 免費版本可能插入一個 令人煩惱的水印或界面中的廣告​ - hitpaw.com. 此外,VEED 的背景去除在某些視頻中也可能無法做到完美——明顯的主題效果最好。由於它不如 Kapwing 知名,一些用戶發現它“被低估”,但其實是相當可比較的。如果你已經使用 Kapwing,可能就不需要 VEED,反之亦然。
  • LunaPic(在線)

    • 平台: 網頁。
    • 定價: 免費(支持廣告)。
    • 功能: LunaPic 是一個較舊的在線圖像編輯器,可以處理 GIF。它沒有 AI 去除背景,但允許你手動選擇並去除背景。它有一個功能,你可以選擇一個顏色使其透明,類似於 EZGIF 的方法。LunaPic 的強項在於許多手動編輯工具——你可以逐幀瀏覽、在每一幀使用橡皮擦或魔棒工具。
    • 優點: 免費且對於在線工具相當強大,沒有輸出水印。它甚至具有 視頻教程 和一整套豐富的效果 - ​ hitpaw.com.
    • 缺點: 介面過時且 充滿廣告,容易分心 - ​hitpaw.com. 如果逐幀手動去除背景可能會繁瑣,結果完全取決於你的努力(沒有智能 AI 幫助)。如果你不想註冊任何東西並且不介意自己為短 GIF 做一些工作,它是可行的選擇。

在線工具關鍵比較:

工具基於 AI 的去除免費版本限制輸出選項顯著優點顯著缺點
Vidio.ai是(點擊引導)免費層;較大/較長需要付費GIF,ProRes(付費)精確(用戶輔助),高質量​ vidio.ai免費功能限制​ vidio.ai,必須上傳視頻
Unscreen是(完全自動)5–10s 限制,360p,免費帶水印​unscreen.comGIF,APNG,幀(免費); MP4(付費)​unscreen.com​unscreen.com一鍵式,無需編輯免費極度受限,Pro 可能費用高(按秒計費)
EZGIF否(顏色鍵)沒有重要限制(最大 200MB 文件)GIF(透明或有顏色)完全免費,不需登錄,相當快僅適用於具有固體背景的內容​ ezgif.com,不支援 AI
Kapwing是(自動或色度鍵)免費導出有水印​ kapwing.com,7 分鐘限制GIF、MP4 等完整編輯工具(文字等),簡單必須付費以去除水印,線上處理可能較慢
Adobe Express是(自動)需要高級計劃​ - adobe.comGIF高質量去除,與 Adobe 集成不免費,需要登錄
VEED.io是免費版帶水印/廣告GIF,MP4 等簡單且多功能,如同 Kapwing免費版本輸出不整潔
LunaPic否(手動/舊工具)免費,支持廣告GIF 及其他格式無費用,有大量編輯工具界面過時,無 AI——需手動工作

(表格:比較各種在線透明 GIF 創建工具。)

桌面軟件(離線解決方案)

對於需要更多控制或定期處理視頻圖形的人來說,桌面應用程式可能更強大。它們通常學習曲線較高,但可以產生非常精細的結果。我們將看看幾個 Adobe 的專業工具,以及提及其他工具。

  • Adobe After Effects

    • 平台: 桌面(Windows/Mac)。
    • 定價: 付費訂閱(After Effects 是 Adobe Creative Cloud 的一部分;你可以單獨訂閱它或訂閱完整套件)。
    • 功能: After Effects(AE)是領先的視頻合成和 VFX 軟件。它不原生導出 GIF,但在去除視頻背景方面非常出色。你可以在 AE 中使用兩種主要方法:
    • 色度鍵: 使用效果比如 Keylight,去除你視頻圖層中的特定顏色範圍(例如,綠幕)​ - aejuice.com。如果你的視頻是在純色背景下拍攝的,這是理想的。

    • 動畫追踪: 使用 Roto Brush 或遮罩,你可以手動(或半自動)逐幀追蹤主題以將其從背景中剪切出來。最新的 AE 版本具有 Roto Brush 2,使用 AI 在你在一幀中定義主題後進行跟蹤——有點像 Vidio 工具,但可以進行更多手動潤飾。在 AE 中去除背景後(你將看到檢查板顯示透明),可以導出動畫。AE 本身不直接導出 GIF,但通常的工作流程是導出為圖像序列或帶 alpha 通道的視頻(例如,使用 PNG 編解碼器的 QuickTime,或一系列 PNG 圖像),然後將其組合為 GIF,使用 Photoshop 或 Adobe Media Encoder。有些人還會使用第三方腳本或插件從 AE 導出 GIF。

    • 優點: 最高的控制程度——你可以獲得非常乾淨、專業的結果。如果主題複雜(頭髮細節、運動模糊),AE 的高級工具能夠耐心處理。還可以在同一項目中進行額外的運動圖形或調整(顏色校正、添加效果等)。
    • 缺點: 對於僅想製作一個 GIF 的人來說,它是 複雜且不適合初學者。從 AE 到 GIF 的過程是多步的(AE - 渲染視頻/幀 - 轉換為 GIF)​ - community.adobe.com。它還只能通過訂閱使用(對於尚未擁有它的人來說,成本較高)。如果你需要這種精確性——例如,設計師創建一個透明的動畫網頁元素,其中質量至關重要且你可能已經擁有 AE 作為工具的一部分。
  • Adobe Photoshop

    • 平台: 桌面(Windows/Mac)。
    • 定價: 付費訂閱(Photoshop 獨立訂閱約 20.99 美元/月,或包含在 Creative Cloud 包中;舊版本或 Photoshop Elements 可能也會提供一些 GIF 工具)。
    • 功能: Photoshop 實際上可以導入視頻幀並創建 GIF,並具有強大的圖像編輯工具。從視頻中去除背景的一個常見方法是:
    • 將視頻幀導入 Photoshop(要麼使用 時間軸 面板或舊的 導入幀作為圖層 方法)。

    • 對於每一帧(圖層),使用選擇工具(如魔棒、快速選擇,或手動擦除/遮罩)去除背景像素​ - speechify.com。如果背景是純色,你可以選擇然後刪除。如果它更複雜,你將需要進行更多的手動遮罩或使用行動以在每一幀中重複選擇。

    • 一旦所有幀中的主題被隔離(背景透明),你可以進入 文件 - 導出 - 為網頁保存(舊版) 並選擇 GIF,並啟用透明度​ - adobe.com。設置你的顏色選項(Photoshop 將生成 GIF 的調色板)並保存。

  • Photoshop 在標準 Photoshop 中沒有自動的“視頻背景去除”功能(對於多幀來說,沒有一鍵 AI,儘管較新的物件選擇在每一幀中可能有效)。這主要是一個 手動過程,或依賴背景易於選擇。

    • 優點: 每幀精確編輯——你可以手動清理任何問題區域。適合短動畫或當你擁有高質量源並希望最大限度保護細節的情況。Photoshop 對於 GIF 輸出優化也很有效(你可以微調顏色數量、抖動等,以平衡質量和大小)。
    • 缺點: 對於長的或高 FPS 的片段,極具勞動強度,因為你可能需要在許多幀中重複操作。(例如,一個 3 秒的 24fps 剪輯有 72 幀——想像一下逐一遮罩 72 幅圖像)。有些方法可以加快速度(例如,創建動作或腳本,如果背景始終是相同顏色),但它並不是專為此任務設計的。此外,與 AE 一樣,Photoshop 是一個付費工具。如果你的 GIF 短或需要詳細的修整,且你已經手上有它,請使用 Photoshop。
  • GIMP(GNU 圖像處理程序)

    • 平台: 桌面(Windows/Mac/Linux)。
    • 定價: 免費且開源。
    • 功能: GIMP 是 Photoshop 的替代品。它可以將 GIF 開為圖層,你可以類似地編輯每一幀。GIMP 沒有內建視頻導入,因此你需要先將視頻轉換為 GIF 或圖像序列,然後使用 GIMP 去除背景。它有顏色到 alpha 工具(去掉特定顏色並使其透明)以及所有預期的手動選擇工具。
    • 優點: 免費,沒有水印。適合那些熟悉圖像編輯但不想為 Photoshop 費用的人。
    • 缺點: 在視頻中沒有專門自動化去除背景;它是手動的。此外,在 GIMP 中處理許多動畫幀可能會有點繁瑣(與 Photoshop 的時間軸用戶介面相比,相對方便)。對於較舊的 GIMP 版本,曾經有一個叫 GAP(GIMP 動畫包)的插件,有助於動畫,但這對於這一目的來說並不太友好。如果你想做一些簡單的顏色移除,GIMP 是一個選擇,尤其是開發者或開源愛好者可能會有自己敘寫一些腳本解決方案。
  • 其他顯著工具:

    • Filmora(Wondershare Filmora)及其他視頻編輯器: 一些消費級視頻編輯器,如 Filmora,最近添加了 AI 肖像或背景去除功能。例如,Filmora 擁有一個 AI 肖像 特效,可以在不中斷綠幕的情況下隔離人物。如果你能在視頻上使用這種功能然後導出帶有 alpha 通道的視頻(如果支持的話)或導出幀,這樣也能制作 GIF。不過,Filmora 的免費試用版本會對輸出加水印,因此在這方面與在線工具類似(你需要付費許可)。

    • HitPaw 影片物件去除器: 這是一款專門針對從視頻中去除物件/背景的付費軟件。它使用 AI 來去除背景,甚至還具有將視頻應用為綠幕效應的模式 - ​hitpaw.com。你可以使用它來將背景變為綠色或透明,然後導出 GIF。這是一款獨立軟件(Windows/Mac)。對於那些喜歡專用應用程序的人來說不錯,但它不是免費的。

    • 移動應用: 也有一些移動應用可以創建透明背景的 GIF。例如,GIF Studio 在 Android 上支持移除 GIF 的背景 - ​speechify.com。在 iPhone/iPad 上,你可以使用 Lumyer 或甚至像 CapCut 這樣的視頻編輯應用程序,它具有背景去除功能(但 CapCut 將導出視頻,然後你會將其轉換為 GIF)。這對於主要在手機上工作的內容創作者來說是方便的。

    • 編碼(FFmpeg 等): 對於開發者來說,值得一提的是,你可以以編程方式創建透明 GIF。例如,你可以使用 FFmpeg 與分割模型或色度鍵濾波器去除顏色,然後生成調色板並輸出 GIF。還有 API(如 Remove.bg 的圖像 API、Unscreen 的視頻 API,如果你有訂閱​ - unscreen.com)可以整合進工作流程。不過,這些方法需要技術知識,超出了大多數用戶的需求。

如你所見,從完全自動的網絡工具到全手動的軟件,範圍很廣。如果你是一個普通用戶或內容創作者,希望快速獲得結果,線上工具(Unscreen、Vidio 等)非常吸引人。設計師可能會傾向於 Adobe 工具以求質量,而開發者可能甚至編寫解決方案。接下來,我們將分享一些無論你使用哪個工具的最佳實踐提示,以確保你的透明 GIF 看起來很棒。

獲得最佳透明 GIF 的提示

創建透明 GIF 有時可能很棘手——你希望它看起來好,同時也不會過大。這裡有一些幫助的技巧和竅門:

  • 選擇合適的剪輯: 短的通常更好。如果可能,試著將 GIF 限於幾秒鐘(對於大多數使用案例,肯定在 10 秒以下,許多社交平台建議最多 6 秒​ - gifyard.com)。識別你需要的視頻確切片段並修剪其餘部分。如果你只需要一個手勢或一個單一的動作循環,則隔離該片段。較短的持續時間不僅將是較小的文件,還將能更乾淨地循環,並保持觀眾的注意力。同時,選擇具有鮮明主題和相對簡單背景的剪輯。如果背景與主題的某些部分過於相似(例如,某人在綠色背景上穿著綠色),即使是 AI 工具也可能遇到困難,或者你會看到鬼影效果。主題與背景之間的高對比度將獲得清晰的去除效果。

  • 如果可能,準備視頻: 如果你能控制視頻製作,拍攝時應考慮制作透明 GIF。這意味著使用均勻的背景顏色或綠幕(這樣工具或色度鍵能夠輕鬆去除),確保主題不會過於激烈地移出幀,並避免與主題交錯的背景元素。如果它是一個現有的視頻,你可能不具備這種奢侈,但有時可以 預處理:例如,使用視頻編輯器將視頻裁剪到感興趣的區域(以便主題更大且佔據更多幀,使得掩蔽其餘部分更容易),或者應用濾鏡以簡化背景(使其更加模糊),這可能幫助 AI 將前景與背景區分開來。

  • 使用最合適的工具: 根據之前的部分,選擇符合你情境的工具:

    • 如果背景是純色,類似 EZGIF 或 Photoshop 的魔棒等簡單免費工具快速搞定。

    • 如果背景複雜,但主題是人或物體,則首先試試 像 Unscreen 或 Vidio.ai 的 AI 工具——它們旨在實現此功能,並將為你節省大量時間。

    • 如果你需要手動處理(或者 AI 的結果不理想),準備好在 Photoshop 或 GIMP 中花費時間清理幀。有時混合方法有效:使用 AI 工具進行初步去除,然後將結果進行手動修飾。

    • 檢查你的視頻編輯軟件是否具有背景去除或遮罩功能——在你已經使用的應用中,這可能更方便(例如,PowerPoint 2019+ 具有圖像的去除背景工具;一些用戶甚至在 GIF 的每幀上使用它,儘管這主要是繁瑣的)。

  • 注意幀率: 如前所述,通常不需要全 30 fps 的 GIF。10–15 fps 通常足夠,最多可用 24 fps 以獲得非常平滑的運動。減少幀率意味著丟棄某些幀——你可以在許多工具中做到這一點(例如,導出每第二幀)。例如,10 秒的動作在 12 fps 時將有 120 幀,而在 24 fps 時則會有 240 幀——數據幾乎翻了一番​ - gifyard.com。較少的幀等於更小的文件。關鍵是找到平衡,使動畫仍然看起來很好。快速動作可能需要更高的幀率以避免顯得顫抖,但對於細微或緩慢的移動,你可以選擇更低的幀率。此外,如果工具默認輸出的幀率太快,可以在後期 調整 GIF 速度(EZGIF 和其他工具允許更改幀延遲)。針對網絡 GIF,目標應該是 15 fps 的最佳點​ - gifyard.com,除非有其他原因否則不需超過。

  • 優化尺寸: 將輸出解析度縮小到需要的尺寸,而不是更大。請記住,GIF 通常以小型顯示。常見的網頁 GIF 寬度可能為 500 像素或更小。如果你的原始視頻是 1080p,制作全 HD GIF 通常都是過重的,會導致文件大小激增。考慮使用 480p 或 640 像素寬度,這對於嵌入的圖片相當充足。一些平台有限制 - 例如,Twitter(現在的 X)正式支持高達 15MB 的動態 GIF,並建議最大尺寸為 1280x1080​ - developer.x.com,但實際的顯示尺寸往往較小。而 Giphy(流行的 GIF 托管平台)建議上傳不超過 720p。因此,將 GIF 調整到合適的解析度。許多工具在導出過程中都允許調整尺寸,否則你可以使用在線優化器。

  • 限制調色板: 如前所述,GIF 每幀最多只能使用 256 種顏色 - ​adobe.com。使用較少的顏色可以大幅減少文件大小。如果你的 GIF 主題不需要完全的彩虹,考慮使用 64 或 128 顏色的最佳化調色板。較少的顏色可能會導致條紋,但巧妙的抖動可以保持相當不錯的外觀。大多數 GIF 輸出工具(如 Photoshop 的為網頁保存等)允許你選擇顏色數量。試著在較低的設置進行測試,看看質量是否可以接受——如果幀相似且主要是平面圖形,你可能會驚訝於 32 顏色的 GIF 看起來是多麼好。相反地,如果你的 GIF 看起來不佳(顏色帶、顆粒感),可能是由於顏色調色板對該內容來說過於有限——增加到 256 並允許抖動可以改善它的外觀,但代價是大小。這是一個權衡。在可能的情況下使用簡單顏色: 如果你的主題有很多漸變或陰影,GIF 的某些細節可能會丟失。有時將一小段改為黑白或提高對比度,可以減少顏色需求,讓 GIF 更為清晰。

  • 調整邊緣並清理文物: 在去除背景後,注意主題的邊緣。在某些幀上你可能會看到背景的多餘部分依然貼合輪廓,或是不必要的光暈。你可以通過以下方式修復這一問題:

    • 稍微侵蝕遮罩: 許多工具允許你將選擇縮小幾個像素,這樣或許能剃掉邊緣。

    • 羽化邊緣: 輕微羽化可以平滑鋸齒狀邊緣,但要小心——因為 GIF 沒有很好的半透明邊緣(沒有部分透明度),羽化可能會創造出部分透明的像素,導致抖動效果。另一個技巧是 用接近你將要放置的背景顏色的細邊框勾勒主題——但如果你計劃將其用於任意背景,這是不切實際的。一般來說,力求獲得清晰的遮罩。

    • 如果使用像 Photoshop 這樣的工具,放大並在必要的位置對每一幀使用橡皮擦或筆刷以刪除多餘的像素。

    • 一些 AI 工具讓你可以標記需排除的區域,如果它們持續存在——例如,如果某個背景的部分未被移除,你可能可以將其標記為背景,或僅在幾個關鍵幀中手動移除它。

  • 保持文件大小合理: 大型 GIF 可能加載緩慢,有時甚至會在某些平台上無法上傳。在進行上述優化後(持續時間、大小、顏色、幀),檢查文件大小。一個粗略的指導:你應該將大多數使用情況的文件保持在幾 MB 以下。對於嵌入網站或在 Slack 中發送的內容,5 MB 以下通常是一個不錯的目標。如果它過大,回頭檢查一下能否裁剪幀或進一步減少尺寸。此外,某些工具有 “優化 GIF” 功能,可以去除幀與幀的多餘像素(有些 GIF 編碼器僅存儲變化的幀部分,這可以大幅減少靜止或空白的大部分數據)。確保你的 GIF 製作工具在這樣做(大多數現代製作工具都會,但如果你注意到你的 GIF 大小巨大,可能是每幀都在存儲完整畫面)。你可以通過像 gifsicle 或 EZGIF 的優化工具來清理額外的字節。

  • 在不同背景上測試: 由於 GIF 的主要目的是透明的,因此在明暗背景上進行測試以查看外觀是什麼。有時你會發現,背景在深色背景上看起來很好,但在白色背景上可能有輕微的暗邊框(反之亦然)。這通常出現是因為原始背景是某個顏色,邊緣上沾染了一些顏色的細微濾鏡。如果你看到這種情況,且知道你將在某一背景(例如,始終在淺色幻燈片上)使用 GIF,你可以故意合成一個幾乎看不見的輪廓來對抗它。但如果你需要讓它在所有背景上都能運作,最好的辦法是確保邊緣儘可能乾淨(沒有半色調的遺留物)。一個小技巧:在編輯器中打開 GIF,並將相對背景顏色的層放在其下以檢查任何光暈,然後去除它們。

按照這些提示,你將獲得一個不僅沒有背景,而且看起來良好且不過於龐大的 GIF。

在不同場景中導出及使用透明 GIF

創建透明 GIF 後,你的 導出和使用 方法很重要,以便維持透明度並達到最終媒介的預期效果。以下是針對各種情境的最後提示:

  • 正確保存/導出: 確保最終文件確實是具有透明度的 GIF。聽起來可能顯而易見,但有時用戶不小心將其保存為視頻(這會將透明度扁平化爲黑色或另一顏色),或者在導出為 GIF 時沒有啟用透明度。如果你使用像 Photoshop 這樣的工具,仔細檢查是否在導出設置中勾選了 “透明度” ​ - adobe.com。如果使用在線工具,下載的文件應該是

    .gif
    。你可以通過在顯示透明度的圖像查看器中打開 GIF 或將其插入到著色幻燈片中進行快速測試,以查看背景是否顯現。

  • 在網上使用(網頁): 透明 GIF 在所有瀏覽器中廣泛支持。你可以簡單地使用

    <img>
    標籤與 GIF 來源,亦可將其用作 CSS 背景圖像。透明 GIF 在網頁上的一個優點是你可以將其放置在任何背景顏色或圖像上。例如,你可能需要在一個模式上重疊一個加載旋轉器 GIF——使用透明 GIF 可確保只有旋轉器可見。只需注意性能:大型 GIF 可能在瀏覽器中耗費大量內存和 CPU,因為它們實質上是逐幀渲染的未壓縮位圖(且不會利用視頻解碼加速)。如果你發現 GIF 讓網頁變得緩慢,則可能考慮將其轉換為視頻格式,例如帶有 alpha 通道的 WebM(這是一種更高級的處理方式;WebM 在 VP9 中支持 alpha 透明,並且對於攝影內容來說會小得多)。然而,並非所有瀏覽器在最近才支持帶 alpha 的視頻,而 GIF 依然是最為直觀的方式以獲得通用兼容性。因此在大多數情況下,一個良好優化的 GIF 是沒問題的。此外,還要記住,GIF 沒有音效——它們僅僅是視覺的——這對於短片段通常沒問題。

  • 在演示中使用(PowerPoint、Keynote、Google 幻燈片): 你可以像圖像一樣將 GIF 插入到幻燈片中。現代 PowerPoint 和 Apple Keynote 將播放動畫並尊重透明度。這是一個絕佳的方法,可以在彩色幻燈片或圖像上添加動畫,而不會有框出現。需要注意的是,在某些演示軟件中,GIF 可能僅在放映模式下播放,有時可能不會無限循環(有些預設僅播放一次)。你可能需要調整設置(例如,在 PowerPoint 中可設置 GIF 運行的循環選項)。此外,需在演示系統上測試,因為有時渲染可能會有輕微差異——例如,舊版本的 PowerPoint 給高幀率 GIF 帶來問題。但一般來說,這運行得相當好。使用透明 GIF 在演示作品中可以大大增色——例如,在幻燈片內容上顯示的彩帶動畫,或一個在文本前行走的角色。

  • 在社交媒體中使用: 這一點可能有些棘手。一些社交平台,如 Twitter(X)、Facebook 和 Instagram,實際上 不支持上傳帶透明度的 GIF,以留住它們的透明度。所發生的情況是這些平台通常會將 GIF 內部轉換為 MP4 影片以提高效率。當你在 Twitter 上上傳 GIF 時,它會被轉換為可播放的循環視頻。視頻格式如 MP4 不支持 alpha 通道,因此透明度將消失——通常會替換為黑色或白色背景。例如,如果你發佈了一個透明 GIF,當它出現在某人的動態中時,它可能會在應該透明的地方顯示為黑色背景。而 Instagram 更不允許你上傳 GIF(你會將其轉換為視頻,這同樣壓平了背景)。社交媒體的解決方法: 要在如 Instagram Stories 或 TikTok 等平台上獲得透明動畫的其中一種方式是使用他們內建的 GIF/貼紙集成(由 Giphy 提供支持)。如果你將透明 GIF 上傳至 Giphy 作為貼紙(Giphy 要求你擁有創作者賬戶或成為其品牌渠道的一部分,才能顯示在搜索中),然後你就能通過 GIF/貼紙搜索在 Instagram Stories、Snapchat 等中使用它。這有點複雜,但它是這些應用讓用戶在他們的內容上放置動畫貼紙(本質上像 GIF/PNG 並帶透明度)的方法。對於大多數用戶而言,若你僅僅想在 Twitter 或 Facebook 上發佈動畫圖片,則一般的 GIF(非透明的)可能更好,因為其不會出現奇怪的背景問題。因此,如果透明度對效果至關重要,考慮平台行為。在諸如 Discord 或 Slack 的消息應用中,通常上傳透明 GIF 可以保持透明度,因為這些應用通常會渲染原始 GIF。例如,Slack 會動畫 GIF 並保持 alpha 通道,讓你能夠發送的貼紙或動畫精巧地疊加在聊天背景上。

  • 在視頻編輯中使用: 如果你想將動畫 GIF 疊加到視頻上(如畫中畫方式),請注意大多數視頻編輯器(Premiere、Final Cut 等)支持導入 GIF,但有時使用視頻格式會更方便。如果可行,您可以將剪輯直接導出為具有透明度的視頻(例如,帶有 PNG 編解碼器的 .mov 或帶 alpha 的 WebM),並在視頻編輯器中使用這樣更好的顏色保真度。不過,如果你導入 GIF,則應該可以正常運作——只需注意顏色限制。另一個小技巧:將透明 GIF 轉換為 PNG 序列使用也是個不錯的選擇——這樣便能獲得帶透明度的全質量幀。有些工具(即使 Unscreen 的免費版本)也會給你一個 ZIP 文件,裡面是 PNG 文件​ - unscreen.com,者可導入到 After Effects 或 Premiere 作為圖像序列,然後就可以使用透明疊加。開發者還可能為應用或遊戲做類似的事情——將短的透明動畫轉換為精靈圖或圖像序列,以獲得更好的控制。

  • 其他格式(供高級使用): 如前所提到的,還有 APNG(動畫 PNG)和 WebP 等其他格式,它們支持動畫和完整的 24 位顏色和 8 位透明度(即部分透明)。APNG 被大多數現代瀏覽器支持,基本上就像 GIF 但質量更高(不過,它並沒有被像 GIF 那樣廣泛使用或支持)。WebP 動畫和 GIF 現在也在許多平台上得到支持(不過可能舊版 Safari 對 WebP 支持不佳)。如果你是一位開發者或高級用戶,製作動畫為受控環境(如你自己的網站或應用)時,可以考慮 APNG 以獲得更好的質量透明度(沒有鋸齒效果,因為它有 alpha 通道)。但是如果需要最完整的兼容性,或是在一般平台上分享,GIF 是最保險的選擇。這只是你可能會面對 GIF 限制時需要提及的事情,只需確保目標環境允許——例如,APNG 或許能保留 GIF 扁平化或帶來鋸齒效果的柔和陰影或光暈,且僅略微增加了文件大小。

最終,一旦你的透明 GIF 準備好了,並且你知道它會用於何處,便可以開始整合它。這些動畫圖像可以真正增強網頁、文件或消息的視覺吸引力。無論你是 內容創作者,讓你的直播或故事更加生動,還是 設計師,在網頁上加入玩味元素,或是 開發者,在應用中嵌入教學動畫,了解如何創建和優化透明 GIF 讓你在工具箱中擁有一個方便的工具。

總之,從視頻片段創建透明 GIF 是藝術和技術的結合:你需要合適的工具和一些知識來獲得乾淨的結果。我們涵蓋了從快速在線去

4

詢問VIDIO

問我們的 AI 代理任何您想要的問題

這個助手可以幫助您獲得有關視頻編輯需求的工具使用指導。

立即詢問