今天要分享的是新年礼物的插画以及动效设计，静态礼物效果如下：

质量监控：菜心

设计执行：柠檬

主要分享以下几点：

01 草图阶段就要精致

最开始我们出的第一版草图是这样的：

创意倒是还好，但是整体画面还不够精致，比如上面的文字，如果不修字体的话，比较难出精致的效果，还有就是下面人物的透视，比如耳机，感觉有点带歪了。

后来优化了一版：

还是没走出来，于是就直接换了一个方向：

这样就好很多了。但还是有个问题，就是前面的日历有点太大了主次不分明，并且后面的树有点太单薄了，可以适当加一些修饰物，修改后：

这样就差不多了。

所以在前期谁定创意和草图的时候，如果感觉方向不合适，一定要及时调整，甚至是推翻重做，因为这个时候的修改成本还是比较低了，不然到了后面再大调，就晚了。

反正不论怎样，草图就尽量到位，作为精致。

02 配色

配色过程相对是比较顺利的，最开始的版本就还算ok，效果如下：

整体颜色的色相还是比较舒适的，但有一个小问题，就是颜色稍微有点浮，明暗对比没有拉开，所以增强了颜色的对比，并且感觉整体画面有点散，又把整体元素向中间聚拢一些，最后效果如下：

基本就定稿成这个样子了！

03 动效

最开始的动效是这样的：

有一个问题就是，因为这是一个半屏动效，属于一个中型礼物，如果动效幅度太小，会让用户感觉钱的话不值得，所以我们想办法把动效幅度加大一点，优化后的效果如下：

就比之前好很多，最后就定了这一版本。

04 动效怎么输出？

之前有同学问这里的动效也是导出json文件给开发吗，这里简单回答下这个问题。

其实一般这种礼物特效都是给开发svga格式的，直接用ae导出就可以了。

05 动效时间怎么定

不知道其他人怎么设定的，我这边礼物动效分了三种，大中小，大礼物是9s左右，中礼物是6s左右，小礼物是3s左右。当然，还有一种是不需要动效的，就是小的静态礼物，基本就分这四种类型，现在清楚了吧！

总结

好啦，以上就是天要和大家分享的案例啦，希望对大家能有所帮助！

本文原创，未经作者允许不可转载！

更多内容，欢迎关注作者微信公众号：菜心设计铺！