去背後留白邊、破洞的原因和解決方法

LINE 貼圖要用透明背景的 PNG(製作指南寫著插圖等的背景要是透明的)。可是把白色背景去掉時,線條周圍常會留下白色鋸齒,或連白色角色的身體都變透明。我們把同一張圖用三種方法去背,比較到底發生了什麼。

同一張圖,用三種方法去背

白色背景的原圖,以及三種去背結果放在深色背景上的比較
①原圖(白色背景)②把接近白色的顏色全部去掉 ③從外側用填滿的方式去掉背景 ④MochiStamp 圖片轉換的結果。②〜④都放在深色背景上。

①是從 MochiStamp 畫的貼圖大圖切下來的一張:白色背景上的白色角色。去背後放到深色背景上,差別就很明顯。

破洞:把白色全部去掉時(②)

像修圖軟體的「把這個顏色變透明」那樣,把接近白色的顏色全部去掉,就會像②一樣連角色白色的身體也變透明。因為背景的白和角色的白是同一種顏色,只看顏色分不出來。在深色的聊天室裡,身體會透出背景的顏色。

留白邊:從外側填滿去背時(③)

從圖片外側沿著白色一路去掉(油漆桶、魔術棒),被線條圍起來的身體會留下來。但是把③的線條周圍放大,會看到白點和鋸齒。

③和④的線條邊緣放大 3 倍比較
左邊是③,右邊是④。差別在線條邊緣有沒有殘留白色鋸齒。

線條的邊緣為了看起來平滑,會有線條顏色和白色混合的中間色。只去掉「接近白色」的部分,這些中間色就會留下來,在深色背景上變成白邊。用 JPEG 存的圖片還有方塊狀的雜訊,更容易殘留。

另外,線條只要有一點點斷開,填滿就會從缺口流進身體裡,和②一樣讓身體變透明。

MochiStamp 圖片轉換的做法(④)

LINE 貼圖圖片轉換 和 貼圖大圖切分 依照下面的順序去背:

  1. 從圖片邊緣的顏色判斷背景色
  2. 先把線條的小缺口補起來幾個像素,再只去掉外側的背景(不會流進身體裡)
  3. 把去掉的範圍擴回線條邊緣,中間色也當成背景處理

④的線條邊緣沒有白色鋸齒,白色的身體也沒有破洞。

白色角色用綠色背景最保險

不過,有兩種情況是白色背景怎麼樣都解決不了的:

  • 沒有線條的圖(3D 風、黏土風),白色身體和白色背景之間沒有分界,用什麼方法都分不開。
  • 手臂和身體之間這種被線條圍起來的空隙,從外側去背的方法會把裡面的背景留下來。圍起來的白色是背景還是身體,只看顏色無法判斷。

這時候,在生成圖片時就把背景改成單一綠色(綠幕)。綠色不會和角色的白色混在一起,連被圍起來的空隙裡的綠色也能當成背景去掉。

綠色背景畫的圖片,以及去背後放在深色背景上的結果
①在綠色背景上畫的 3D 風角色 ②用 MochiStamp 圖片轉換去背的結果(放在深色背景上)。

使用綠色背景時,角色和小道具不要用亮綠色。和背景差不多的綠色部分會一起被去掉。

小心「看起來是透明」的棋盤格圖片

請 AI 生成「透明背景」時,有時會得到一張把灰白棋盤格畫進去的圖。看起來是透明的,其實是一張有棋盤格背景的普通圖片。這種花紋工具去不掉,請改用白色或綠色的單色背景重新生成。MochiStamp 的圖片轉換遇到背景不是單一顏色的圖,不會去背,並顯示「無法去掉背景」。

確認有沒有去背成功

  • 圖片轉換的結果可以切換「白・聊天・深色」背景。用深色看,最容易看出白邊和破洞。
  • LINE 貼圖送審前 ZIP 檢查器 會確認每張貼圖的邊緣是不是透明的,把看起來還有背景的圖片名稱以「注意」列出來。
  • JPEG 沒辦法保存透明的部分。去背後的圖片請存成 PNG。

這篇用到的工具

想從角色開始全部交給 AI 畫?

用 MochiStamp 只要寫一句角色描述,就能畫好 8〜40 張一組的貼圖,並做成同樣的 ZIP。用 Google 登入可以免費做 20 張。

開始做貼圖

其他教學