如今动效已经成为设计师必不可少的技能。无论是各种设计网站的作品还是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
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
网友评论