动感特效轻松get

分类栏目:用户体验 - 视觉设计

2237

发布于 暂无评论

新手设计师相较于资深设计师,后者技能更丰富且全面,很多人想要进阶资深却苦于培养新技能,笔者在经手不少视频动效项目后,对于技能进阶颇有心得。通常技能进阶的方向有如下两种:

钻研型,工作需求和自身特长强结合,原特长在工作中日益强大,影响力不断提高;

发散型,工作需求和自身特长有较大偏差,但经过努力让自己掌握了新技能,极大增强了职场的适应力和综合能力。

 

两者各有千秋,笔者则是在发散型的艰难道路上一路飞奔后,大量积累了视频剪辑和动效制作的经验,希望给走发散型道路的设计师助一臂之力。

 

我们的团队从“画报”开始,一个偏Loft感觉的照片分享app,到主打音乐MV的“企鹅MV”,最后到玩转动效的短视频app——“闪咖,一路以来不断要求设计师的技能变得更加立体:设计能力从平面层次,提升到能稳定输出动效的层次,并且能够辅导新人去快速入门。

 

 

产品的功能形态不断变化

 

 

个人的能力值形态也不断立体化

 

然而我会告诉你,刚来的时候我只是个会PS和画插画的愣头青吗?

目前的闪咖是一款玩法新鲜的视频app,最初以表演为切入点,一直持续更新音乐,滤镜和动效等,为大家能更好的秀出自己而服务,尤其微信推出了10秒短视频功能后,引爆了一波刷爆朋友圈的短视频需求,所以,迫切要求闪咖的设计师能在动效设计上扛起重担。

那就是我们正在研究的手绘特效

 

什么是手绘特效?我们简单看一些案例:

1.    苹果AppleWatch第一代中已经出现了在表屏上手绘图案传情的“调戏功能”,第二代有更多的加强;目前iPhone7之间也完全支持了,还增加了多种表达方式;手机的大尺寸和平板的使用也使得手绘特效在未来有更多的空间。

  

花样百出的iPhone短信涂鸦

 

AppleWatch表屏涂鸦特效

 

2.国内装扮功能较好的app诸如美拍,小咖秀,Snow等,其特效,滤镜,贴纸等功能都有先发优势,而手绘特效则鲜有触及,国内外几家大家熟悉的,如美图秀秀目前只支持在图片上涂鸦,Facebook尚在研究中无明显动作,Funimate等的视频涂鸦效果不佳。

   

美图秀秀(左)和Facebook(右)

 

Funimate

 

3.轻特效的操作方法简单,玩法多样,写字涂画,双击、单击、滑屏等,未来还可以延伸出更多特别的视觉效果。

 

 

在确定了大方向后,应该如何快速构建这一功能呢?经过研究发现,大部分手绘特效,都是由“粒子特效”为核心展开设计的,只要能够懂粒子,一切就迎刃而解。粒子特效乍看之下很复杂,但我有简单轻松的构建方法,能让特效零基础的设计师快速建立起粒子特效的设计能力!

下面我要开始严肃的讲解了。

 

设计师从01建立起粒子特效模块,至少需要哪些东西来支持呢?下面我以闪咖项目中,手绘特效功能的构建为案例,讲解建立它所需要的三大“齿轮”:

三大“齿轮”

齿轮一:提出设计方案,制作初级demo的能力——

AE CC – particular粒子插件

AE可以制作大部分我们常见的特效,而“粒子特效”是里面一个相对来说比较高级的插件,我们可以在“效果”,“trapcode”里找到并打开“particular”进行制作,大部分网上下载的AE没有这个插件,需要单独去下载安装哦。

 

而使用这个粒子特效插件,可以做出的效果很多,我列举一个基本款:

流星

动态展示gif 

其运动的轨迹也可自定义,具体的方法有兴趣研究可以私聊。不直接用AE和开发经行数据对接,是因为其参数过于庞大且复杂,每次提供相关参数就已经消耗了大部分精力和时间,所以对于设计师来说,仅用于制作特效demo的话就会轻松不少,但和开发对接参数可以另辟蹊跷,接下来就会讲到。

齿轮二:批量输出,并与开发对接数据的能力——

particle design

 

官方介绍:粒子特效设计是一款功能强大的粒子特效编辑器,目前只支持mac上使用。使用者之间有云端共享功能,可以自定义粒子上传,自定义背景,和编辑粒子的各种变化的方法。官网下载地址:https://71squared.com/particledesigner (需要花钱购买正版哦)参考下图可以快速认识到该软件的基本形态。

用我的话来说就是一个可以弥补AE过于复杂的数据对接,能和开发轻松对接粒子特效的参数的软件,还能超级轻松的做出如下粒子效果:

   火花(左)和  下雨(右)

闪咖目前在做的特效有:

                           雪花(左)  星光涌现(中)  泡泡飞扬(右)                                  

 

用它制作粒子效果非常便捷,只需要记住几点就可以融会贯通,我结合雪花飘散这个效果的制作过程来和大家解析: