前一段时间尝试了一下使用ipad制作整套的微信表情包，我想很多人看完以后可能会觉得不如直接用电脑制作方便，而且最后还是用到了电脑版的Photoshop，但对于我这种懒得开电脑却能随手拿起ipad的人来说似乎能推着我把表情包做完。作为一个阶段性的总结写了这篇文章，有什么不准确的地方还请大家不吝赐教。
下面是范例的演示
如何使用iPad制作矢量动态微信表情包
首先介绍一下我们要用到的软件：
1、Assembly：一个极为优秀的矢量图组装创作软件，虽然缺乏了矢量线条编辑功能，但是它完美的解决了矢量图导出png后不容易对准位置的问题。
如何使用iPad制作矢量动态微信表情包
2、Vector Paint：一款完全免费的矢量图编辑软件，弥补了Assembly线条编辑的不足而且文件与Assembly互传十分方便。
如何使用iPad制作矢量动态微信表情包
3、ImgPlay：这个软件对我来说主要是用来对Assembly导出的多个png关键帧进行动画测试，可以很方便的查看动画是否合理自然。不过与最后的成品动画相比，不能单独控制每一帧的播放时间有点儿不太方便。
如何使用iPad制作矢量动态微信表情包
好，下面我们就来开始动画表情的制作吧。
首先，打开Vector Paint，如下图所示新建一个240*240的新绘图文件
如何使用iPad制作矢量动态微信表情包
用画笔工具画出你想要的形象；然后在需要动画的部分画出所有关键帧。举例来说，下面这个只有左手有动画的部分，需要将左手的五个关键帧全部画出来。
如何使用iPad制作矢量动态微信表情包
右上角设置-大纲模式可以以线条样式查看所绘制的图形
如何使用iPad制作矢量动态微信表情包
绘制完成后点击右上角的分享，然后选择导出为SVG。
如何使用iPad制作矢量动态微信表情包
点击右上角的分享，然后点击Assembly图标选择导入Assembly。
如何使用iPad制作矢量动态微信表情包
打开导入Assembly的文件，如下图所示。可以编辑每一个图形，Assembly中还提供了丰富的图形库供您使用。
如何使用iPad制作矢量动态微信表情包
以单独一张关键帧为例，先删除或将其他左手的图形移动至白框之外，每次只保留一个左手图形；
如何使用iPad制作矢量动态微信表情包
选择左上角菜单按钮，然后点击导出；选择png。
如何使用iPad制作矢量动态微信表情包
这里务必选择透明，这样才能得到透明背景的png图片；
如何使用iPad制作矢量动态微信表情包
然后选择最下面的“储存图像”；
如何使用iPad制作矢量动态微信表情包
然后返回Assembly，一直使用撤销按钮（之前将左手图形删除了的话）或将移出白框的其他几张左手图形拖拽回来，每次使用一个左手图形，重复之前的导出-png-透明-保存图像；这样我们就得到了5张png图片，之后连起来就是动画了。例如下图中的最后5张图片。
如何使用iPad制作矢量动态微信表情包
然后打开ImgPlay，依次选择5张png关键帧，点击右上角的制作按钮；
如何使用iPad制作矢量动态微信表情包
左右调节下方滑杆控制播放速度，点击左下角的箭头可以选择顺序播放、倒序播放与来回播放，这一步主要是查看动画是否符合你的预期和是否过渡自然。
如何使用iPad制作矢量动态微信表情包
然后就需要把5张png保存到网盘上啦，通常我会使用百度网盘。
如何使用iPad制作矢量动态微信表情包
最后还是要导入到电脑Photoshop里面做最后的输出工作，ipad上暂时还没有合适的软件来进行最后的这一步。
如何使用iPad制作矢量动态微信表情包
然后打开Photoshop，新建一个240像素乘以240像素的新文件；
如何使用iPad制作矢量动态微信表情包
将五张png图片拖入新建的文件中，选择所有涂层并右键栅格化涂层。
如何使用iPad制作矢量动态微信表情包
右键选择一个图层，点击图层样式，然后给涂层添加一个2像素的白色描边；（这一步2像素的白色描边是微信表情开发平台上要求的）
如何使用iPad制作矢量动态微信表情包
将五个图层都添加2像素的白色描边。
如何使用iPad制作矢量动态微信表情包
点击窗口按钮，调出时间轴窗口，依次设置每一帧只有一个图层可见。
如何使用iPad制作矢量动态微信表情包
可以使用下面这个按钮添加关键帧；
如何使用iPad制作矢量动态微信表情包
可以单独给每一帧设置播放时间，这是Photoshop的好处，点击播放预览动画的最终效果。
如何使用iPad制作矢量动态微信表情包
如果动画没问题了的话，点击文件，选择储存为web所用格式，右上角一定选择GIF色。
如何使用iPad制作矢量动态微信表情包
保存完成就得到了最终的gif文件（其中的文字是在Photoshop中单独加了一个文字图层，每一帧都设置文字图层为可见）
如何使用iPad制作矢量动态微信表情包
为了方便微信表情开发平台使用，我们还需要保存一张不带2像素白色描边的png文件，具体要就请参阅微信表情开发平台文件规范。
如何使用iPad制作矢量动态微信表情包
如果你需要在微信表情开发平台开通打赏功能的话，还需要准备下面尺寸的三张图片，具体也请参阅微信表情开发平台规范。
如何使用iPad制作矢量动态微信表情包
如何使用iPad制作矢量动态微信表情包
如何使用iPad制作矢量动态微信表情包
然后就是上传微信表情开发平台啦，总之请先认真看一下平台上的微信表情制作规范。
如何使用iPad制作矢量动态微信表情包
下面是我制作的两套表情包的二维码和链接，大家可以下载下来看一下，其中的动画大部分只用了2-5个png，如果您想了解哪个表情的实现方法也可以给我留言，简单的我会直接回复，复杂的我看一下会专门写一遍文章讲解一下。
http://w.url.cn/s/Aonb82a#wechat_redirect
如何使用iPad制作矢量动态微信表情包
http://w.url.cn/s/A4uvGOz#wechat_redirect
如何使用iPad制作矢量动态微信表情包
最后是我的微信二维码，有需要帮助的同学可以加我微信。
如何使用iPad制作矢量动态微信表情包
谢谢您的阅读！
网友评论