一、学习渠道
(一)灵感来源
1.游戏 : 参考风格、交互表现、效果、情景等;
2.影视 :参考细节刻画、氛围营造,镜头运用等;
3.生活规律 :自然运动规律,自然现象,自然反馈等;
比如影视的氛围学习:看下图,电闪雷鸣时候,周围是怎样的氛围效果,生物是怎样的情绪和反馈,在做界面动效氛围营造时候就可以借鉴其氛围感受。
自然现象运动规律学习:作用物与被作用物各自的反馈是如何表现的。
(二)教程来源
以下列举几个十分常用的教程网站或参考网站:
1.油管,比如 :
https://www.youtube.com/watch?v=ir9Rvi1QG8Y&t=237s
2.behance,比如 :
https://www.behance.net/mathewdesanctis
3.vimeo,比如 :
4.B站,比如 :
https://search.bilibili.com/all?keyword=AE%20%E6%95%99%E7%A8%8B&from_source=nav_suggest_new
5.Pinterest,比如 :
https://www.pinterest.com/liulina2019/fx/%E5%8D%A1%E7%89%8C/
6.花瓣网,比如 :
https://huaban.com/pins/3126584486/
二、VX常用工具
1.设计及制作工具:AE\PS\Flash\Spine\live2d\3DMAX\C4D...
2.引擎及实现工具:Unity\UE4\Cocos\FairyGUI\Messiah\Splend...
三、项目中动效制作流程
四、项目动效案例展示
1.效果展示
2.GUI设计资源文件整理与拆分
GUI同学的PSD设计源文件:
拿到PSD文件后,进行整理和拆分:
备注:好的PSD文件是分层清晰,名字对应的,切图干净的;与GUI同学合作时,可以告知需要的图层效果和切图需求,请GUI同学拆好合并后再给到VX同学,这样的方式是最好的,以防VX同学自己合并整理图层时,影响改变某些内置的效果(比如:父组是穿透模式)
整理后的图层如下:
3.AE素材导入
4.AE设计阶段
在思考好设计方案之后,对动效需求进行拆分设计,设计的过程中同时思考以下几个方面:
①如何准确地表达其功能
②外观与整体美术风格是否协调
③是否是合理的表现与节奏感
④对后期输出的资源量大小心里有数,是否在合理范围内
5.落地实现阶段
使用项目对应的UI编辑器进行落地资源分拆制作,这个例子在项目中的实现如下:
输出方式:
PNG图片序列帧
Cocos编辑器动画
Plist粒子特效
五、深入学习需要做到哪些方面
1.动画原理学习
平时多做一些运动规律的练习,更扎实地去了解动画原理,推荐动画的十二法则,大部分动画的运动规律都在这十二法则的规律上进行延申,这里需要强调下:动效中运用的动画不限于此法则,因为需要根据设计而定,根据项目风格而定,不要死板地运动到每个设计中,需要取巧地运用,同时还要考虑玩家的交互习惯。
目的是锻炼自己的导演思维,开拓视野,以编导的思维去做动效设计,除了平时的小控件动效外,特别有利于做转场动效的设计以及高级风格的预演设计,有利于作品品质和设计高度的提升。
平常玩游戏时候多留意各种交互的反馈形式,APP的交互方式也可以进行学习,归纳总结其原理可以运用到游戏里。动效设计不同于美术特效设计,在设计的时候需要同时兼顾用户体验,考虑用户感受与操作反馈,因此,平时自己在使用一些应用软件的时候可以多留意多学习多总结。比如下面APP展示界面的切换效果非常舒服。可以分析其运动规律、节奏等,进行思考、拆解、运用。
推荐分享给大家我个人觉得对我很有帮助的两本书:
《写给大家看的设计书》