如今动效已经成为设计师必不可少的技能。无论是各种设计网站的作品还是APP,无处不有动效的身影,并且越来越多的被广泛的运用到界面设计中。
因此下面详细为大家介绍:做动效时我们应该如何思考?以及如何使用制作动效时节省时间的小插件Motion2(附有下载链接)
思考
首先做动效时,先不要着急动手制作,而是先反问自己:制作这个动效的目的是什么?能为用户带来什么样的体验?
目的
- 动效与实际功能相联系。
- 提供视觉上的回馈,并为接下来的操作提供心理准备(用户在长时间等待操作时会产生焦虑,通过合理的动效设计,满足用户预期的同时,延缓用户在等待时的焦虑,从而延缓用户的等待时长。)
- 吸引用户,停留在指定区域。
- 增加趣味性,愉悦用户,增强产品辨识度。
- 清楚展示多窗口之间关系,增强用户在状态间的转化。
(以上目的都要基于动效要符合逻辑、真实的运动规律、合理把控动效时、动效足够流畅为前提下,尽可能的满足多点目的。)
插件:Motion2的安装与使用(附下载链接)
Motion2是一款MG动画的插件,里面有十一种常用功能,节省了我们做动效的时间,是一款方便易学的插件。
安装
首先脚本(Motion 2.jsxbin)放在AE文件Scripts-ScriptUI Panels里。然后打开AE,点开首选项—常规,把允许脚本写入文件和访问网络打开勾选,最后就可以在窗口下边找到了。
教程
Motion2 主要功能布局
曲线设置and中心点位置
曲线设置、中心点设置
1.EXCITE-弹性
选择首尾两个关键帧,点击“EXCITE”可以实现弹性效果——时间越短 回弹效果越强烈(要在没有调整过曲线时,可实现回弹效果)
EXCITE-弹性
2.BLEND-缓和
平均混合,点击BLEND,使极端的帧数变缓和。
BLEND-缓和
3.BURST-爆炸
设定好参数、高度等数值,会实现出不同的爆炸效果。
BURST-爆炸
4.CLONE-克隆
这个工具非常非常常用,复制帧数是经常要做的操作,全选想要复制的所有帧数,点击“CLONE”立刻实现所有帧数的复制。
CLONE-克隆
5.JUMP-回弹
和EXCITE不同,这个主要做的是弹跳的效果。可以设置指定的高度,次数进行弹跳。
JUMP-回弹
6.NAME-更名
选择要改名字的图层,点击“NAME”快速为图层改名。
NAME-更名
7.NULL-关联
当多个物体已经做好位置变化时,想要同时移动位置,点击“NULL”可以同时改变位置,并且不会破坏原有的路径变化。
NULL-关联
8.ORBIT-公转
设定一个图层为另外一个图层的中心点,可调整距离、移动、速度、方向等参数。
ORBIT-公转
9.ROPE-连线
选择想要连线的图层,点击“ROPE”行程连线效果,线可以改变颜色。
ROPE-连线
10.WARP-拖尾
使物体在移动时,有拖尾的效果,也可以做投篮的效果。可以调整参数的高度、个数等。
WARP-拖尾
11.SPIN-自转
图形可根据自己的中心点位置而旋转。只需要画一个图形,点击“SPIN”便可实现自转。
SPIN-自转
12.STARE-注视
图形A设置它的位移,图形B点击“STARE”展开——效果——旋转-StareTarget——图层中选择图形A。图形B便可以始终指向图形A。
STARE-注视
下载链接
链接:https://pan.baidu.com/s/1pNqlWFp密码:0eu8
安装方法:打开AE安装包-Scripts--ScriptUI Panels-脚本放进去-再重新打开AE。
作者:VisualCC
链接:https://www.jianshu.com/p/6e7e894a6fce
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。