文中重要的插件和快捷键见片尾(有惊喜)~

nnnn.jpg
动效鉴赏

running_on_empty_eran_mendel_dribbble_gif.gif

tennis.gif

preload.gif


redblue
动效制作与详解

新建白色固态层

新建形状图层1,填充为空,描边为灰色12像素

用钢笔工具画一条蓝线,添加修剪路径,调节线段端点和线段链接为圆头端点和圆角链接,在路径和修剪路径上key关键帧

当前动态效果如下

选择钢笔工具绘制箭头的底端
添加修剪路径,key帧,开始0,结束100,开始50,结束50

把灰圈复制出一层,描边改为蓝色,添加剪切路径给开始结束偏移3个属性key帧

图片.png

图片.png

当前效果

新建名为对号的形状图层,钢笔工具画出路径

添加修剪路径key帧

图片.png

转蓝点哪一层消失时对号层出现,注意层与层开始和结束

当前效果

新建黑色固态层 ,给固态层添加编号效果

给数值/位移/随机大小key帧,数值如图,在用文字工具打个百分号

最后给在灰色圈的颜色属性上key帧,从灰色渐变到蓝色

当前效果如下(最终效果)
UI动效常用快捷键(更新中)
enter重命名
Com+Shift+Alt+Y新建一个空物体层
Com+;显示/隐藏参考线
Com+Shift+Alt+;锁定/解锁参考线
Com+Y 新建固态层
Com+D复制图层
Com+Shift+Y 修改固态层属性
Shift+Com+【/】置顶/置底
Alt+[/]  裁剪时间线
J/K 向前/后一个关键帧
~最大化当前面板
Com+Shift+A 图层全部不选
Com+Shift+D把一个图层一分为二
B/N合成 开端/结束 时间
Com+M渲染合成
I/O移动时间线到层的入点/出点Ç
Com+Shift+C把选择层作为合成
U/W显示关键帧所在属性(被key),显示所有属性
+/- 时间轴单位(视觉)缩放
Com+Shift+R 旋转角度
</>缩小/放大视图
Alt+{/}向前后剪切
Com+N 新建合成
Com+M生成影片
Com+I 导入素材
G自由绘制蒙版
Q默认矩形