玩转动效设计

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

2017-04-05  本文已影响161人  redBlue_
klkl.jpg
今天分享下小球duang~duang~的制作方法!!!
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视频文件也在压缩包中 讲的挺好的,大家记得看


图片.png

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

图片.png 图片.png

缓动调节工具

图片.png

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

(三)小球融合之redblue

新建三个图层

图片.png

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


图片.png

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


图片.png

添加修建路径


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


图片.png

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


图片.png

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


图片.png

当前动画如下

Screen Capture on 2017-04-05 at 14-55-43.gif

新建文字层

图片.png

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

图片.png

当前效果如下

Screen Capture on 2017-04-05 at 15-14-28.gif
上一篇下一篇

猜你喜欢

热点阅读