使用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吧。
范例作品是撷取Openclipart的SVG图片使用9VAe制作而成的barrelFish。这个动画的做法在個動畫的做法在这里。
如想亲自尝试的话,也可从开启「Help列表」>「表情游戏(练习用)」>「变身」等等的范例动画,试着将其转换成APNG挡练习。
只要将图片开启後再使用9VAe调整动作便可做出动画。图像的尺寸与格数可以事後再调整所以不用太担心。甚至不用转挡输出便可马上确认动画效果,可提升动画制作的成效并节省许多时间。
完成动画之後,可以尝试着制作LINE动态贴图用的APNG挡。以下的画面便是使用9VAe制作完成的动画。
※ 说明画面是Windows版。如果是使用Mac/Ubuntu版的话,同样在画面的上端有选单列表。只要点击9VAe视窗便会显示。
1.将动画往左上靠拢
- 为了去掉动画多馀的留边,在第一页的下方点击A处,再点击「画面指定,从这里开始」
- 再到最後的画面点击B,再点击「画面指定,到此为止」。
- 这样整体动画的图形便会被选择,被2线重叠的选择框圈住。被选择的图片会出现红色四角形选择区域。
- 为了消除留边,将2线重叠的选择框C拖曳,将整体图片往画面的左上角移动。选择比较容易判断是否有留边的图片拖曳也可。 一边按住Shift,在一边按上下左右的按键便可做出微妙的调整。
2.画面尺寸变更
- 从画面选单A选择「画面设定」,设定画面的宽与高的尺寸,让留边完全消失。
- 按下播放纽B,便可确认留边是否完全被删除。
3.APNG档输出
之後只要将档案输出成APNG档即可。
- 范例动画的宽度最大值为320像素,分数在20以内,播放时间为2秒。每秒间的张数设定为10。
- 从档案选单>选择「连续/APNG输出」
- 選。选择要保存档案的资料夹丶输入保存名称後,点击「保存」按键。
便会出现如下方的设定画面。
- 今这次的宽度A是设定为「320」。如果选择「保持纵横比例」选项的话,高度便会自动被设定。
- 输出速度设定为1秒10张动画。
- 输出秒数设定为2秒。
- 请一定要选择「将背景改为透明」选项。
- 按下「输出开始」的按键。
- 跳出「连续输出的档案要合并成为1个APNG档吗?」选项,选择「是」。便会将档案输出成APNG档。
- 如果选择「否」的话,指定的保存档案夹中会被保存有标示数字顺序的20张PNG连续档案。也可以使用其他软体做後续的处理。