去背后留白边、破洞的原因和解决方法

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 张。

开始做贴图

其他教程