使用9VAe制作对应LINE动态贴图的APNG挡制作方法


LINE动态贴图(卡通贴图)在2016年6月开放一般人也可申请制作(LINE Creators Market)。

动态贴图需要使用APNG挡制作。以下是使用免费软体「9VAe」制作动态贴图APNG挡的方式。

动态贴图制作导引


以下「动态贴图制作导引」中要做出同样等级的贴图需要准备以下的图片。要做出一组动画需要先做出24个APNG挡。

一个APNG挡最少需要5个分割图像,要做出循环动画最少需要120张图片。使用9VAe的话,中间的分割动画部分便可省略不需要亲自动手。所以依照图像的内容需要手动绘制的图片可减少至10分之1,省去许多麻烦。

动态贴图制作导引

需要准备的图片

图片种类 张数 图片尺寸 档案类型
主要圖片 1 W240×H240 APNG
聊天室选择键图片 1 W96×H74 PNG
动态贴图 24 W320 x H270(最大)丶只要长宽任一边的长度大於270像素,便可制作横长(ex:W270 x H100)或是纵长(ex:W100H x H270)的动态贴图。
需填满边界不可留白。
APNG

动态贴图格式条件

条件项目 动画规定
播放时间 最长4秒。可自行选择1丶2丶3丶4秒数。
分割格数 5~20格
1秒需要的动画张数 播放时间为4秒的话丶2~5张/秒
播放时间为3秒的话丶2~6张/秒
播放时间为2秒的话丶3~10张/秒
播放时间为1秒的话丶5~20张/秒
色彩格式 RGB
档案尺寸 单1档案在 300KB以下丶全部档案压缩後的ZIP档案在20MB以下

至今为止使用免费软体制作APNG动画挡时,需要准备多张PNG图片,再使用转换功能才能将图片转换成APNG挡。但只要使用9VAe,只要稍稍将图片的动作调整,再确认动作是否如您所想之後便可直接做出APNG档案。

话不多说,马上来制作APNG吧。

9vae ani01

范例作品是撷取Openclipart的SVG图片使用9VAe制作而成的barrelFish。这个动画的做法在個動畫的做法在这里

如想亲自尝试的话,也可从开启「Help列表」>「表情游戏(练习用)」>「变身」等等的范例动画,试着将其转换成APNG挡练习。

只要将图片开启後再使用9VAe调整动作便可做出动画。图像的尺寸与格数可以事後再调整所以不用太担心。甚至不用转挡输出便可马上确认动画效果,可提升动画制作的成效并节省许多时间。

完成动画之後,可以尝试着制作LINE动态贴图用的APNG挡。以下的画面便是使用9VAe制作完成的动画。

※ 说明画面是Windows版。如果是使用Mac/Ubuntu版的话,同样在画面的上端有选单列表。只要点击9VAe视窗便会显示。

Openclipart的SVG图片

1.将动画往左上靠拢

9vae line image01

  1. 为了去掉动画多馀的留边,在第一页的下方点击A处,再点击「画面指定,从这里开始」
  2. 再到最後的画面点击B,再点击「画面指定,到此为止」。
  3. 这样整体动画的图形便会被选择,被2线重叠的选择框圈住。被选择的图片会出现红色四角形选择区域。
  4. 为了消除留边,将2线重叠的选择框C拖曳,将整体图片往画面的左上角移动。选择比较容易判断是否有留边的图片拖曳也可。 一边按住Shift,在一边按上下左右的按键便可做出微妙的调整。

2.画面尺寸变更

9vae line image02

  1. 从画面选单A选择「画面设定」,设定画面的宽与高的尺寸,让留边完全消失。
  2. 按下播放纽B,便可确认留边是否完全被删除。

3.APNG档输出

之後只要将档案输出成APNG档即可。

  1. 范例动画的宽度最大值为320像素,分数在20以内,播放时间为2秒。每秒间的张数设定为10。
  2. 从档案选单>选择「连续/APNG输出」
  3. 選。选择要保存档案的资料夹丶输入保存名称後,点击「保存」按键。

便会出现如下方的设定画面。

9vae line image03

  1. 今这次的宽度A是设定为「320」。如果选择「保持纵横比例」选项的话,高度便会自动被设定。
  2. 输出速度设定为1秒10张动画。
  3. 输出秒数设定为2秒。
  4. 请一定要选择「将背景改为透明」选项。
  5. 按下「输出开始」的按键。
  6. 跳出「连续输出的档案要合并成为1个APNG档吗?」选项,选择「是」。便会将档案输出成APNG档。
  7. 如果选择「否」的话,指定的保存档案夹中会被保存有标示数字顺序的20张PNG连续档案。也可以使用其他软体做後续的处理。