动效篇-AE之UI动效(小球duang~duang~)

动效篇-AE之UI动效(小球duang~duang~)_第1张图片
klkl.jpg
今天分享下小球duang~duang~的制作方法!!!
动效篇-AE之UI动效(小球duang~duang~)_第2张图片
Screen Capture on 2017-04-05 at 14-55-43.gif

(一)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默认矩形

(二)UI动效常用插件

1插件安装

https://pan.baidu.com/s/1c2AEQ9U motion 2插件链接

使用插件mp4视频文件也在压缩包中 讲的挺好的,大家记得看


动效篇-AE之UI动效(小球duang~duang~)_第3张图片
图片.png

把插件安装到ScriptUI Panels文件夹下就可以在窗口菜单下找到插件入口,点击激活插件

图片.png
动效篇-AE之UI动效(小球duang~duang~)_第4张图片
图片.png
动效篇-AE之UI动效(小球duang~duang~)_第5张图片

缓动调节工具

动效篇-AE之UI动效(小球duang~duang~)_第6张图片
图片.png

1缓入----开始很柔和
2缓出----结束很柔和
3缓入➕出---开始和结束很柔和

(三)小球融合之redblue

新建三个图层

动效篇-AE之UI动效(小球duang~duang~)_第7张图片
图片.png

把线球blue转换为贝塞尔路径


动效篇-AE之UI动效(小球duang~duang~)_第8张图片
动效篇-AE之UI动效(小球duang~duang~)_第9张图片
图片.png

选中一个点用钢笔工具继续绘制路径


动效篇-AE之UI动效(小球duang~duang~)_第10张图片
图片.png

添加修建路径


动效篇-AE之UI动效(小球duang~duang~)_第11张图片

把结束改为0.1会变成一个圆


动效篇-AE之UI动效(小球duang~duang~)_第12张图片
图片.png

开始结束帧调节数值如下,然后复制图层线球blue5复制出四层共5层画


动效篇-AE之UI动效(小球duang~duang~)_第13张图片
图片.png

分别移动关键帧让小球动画滞后


动效篇-AE之UI动效(小球duang~duang~)_第14张图片
图片.png

当前动画如下

动效篇-AE之UI动效(小球duang~duang~)_第15张图片
Screen Capture on 2017-04-05 at 14-55-43.gif

新建文字层

动效篇-AE之UI动效(小球duang~duang~)_第16张图片
图片.png

复制红球动画(duangduang的效果)到文字redblue的缩放属性上,然后给不透明属性key帧

图片.png

当前效果如下

动效篇-AE之UI动效(小球duang~duang~)_第17张图片
Screen Capture on 2017-04-05 at 15-14-28.gif

你可能感兴趣的:(动效篇-AE之UI动效(小球duang~duang~))