• 登录
社交账号登录

为什么我的草图总是不能一次性过稿啊?

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


为什么我的草图总是不能一次性过稿啊?(图1)



质量监控:菜心
设计执行:柠檬

主要分享以下几点:

01 草图阶段就要精致

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

为什么我的草图总是不能一次性过稿啊?(图2)

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

后来优化了一版:


为什么我的草图总是不能一次性过稿啊?(图3)

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


为什么我的草图总是不能一次性过稿啊?(图4)

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


为什么我的草图总是不能一次性过稿啊?(图5)


这样就差不多了。

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

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


02 配色

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

为什么我的草图总是不能一次性过稿啊?(图6)


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

为什么我的草图总是不能一次性过稿啊?(图7)


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

03 动效

最开始的动效是这样的:

为什么我的草图总是不能一次性过稿啊?(图8)


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

为什么我的草图总是不能一次性过稿啊?(图9)



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

04 动效怎么输出?

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

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

05 动效时间怎么定

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

总结

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


收藏