手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

南通UI设计培训:AE笑脸加载动画

时间:2024-10-12 08:44:05

1、首先大家打开Ae,Ctrl+N 新建一个合成,合成大小设为500X500,时间为5S即可。

南通UI设计培训:AE笑脸加载动画

2、接下来,我们选中椭圆工具

南通UI设计培训:AE笑脸加载动画

3、然后直接在合成中按住Shirt绘制一个正圆

南通UI设计培训:AE笑脸加载动画

4、然后我们把变换椭圆中的位置锚点全部设为0

南通UI设计培训:AE笑脸加载动画

5、将填充设为关闭

南通UI设计培训:AE笑脸加载动画

6、将描边设为紫色,大小设为7(如图6),并且命名为圆1

南通UI设计培训:AE笑脸加载动画

7、接下来,再画一个圆,保持上图的属性,大小。命名为圆2

南通UI设计培训:AE笑脸加载动画

8、接下来我们使用钢笔工具,绘制眼睛。把图层命名为眼睛

南通UI设计培训:AE笑脸加载动画

9、选中圆2,在内容中找到修剪路径

南通UI设计培训:AE笑脸加载动画

10、设为以下参数

南通UI设计培训:AE笑脸加载动画

11、把圆2和眼睛图层描边点开,设为以下参数(圆头端点)

南通UI设计培训:AE笑脸加载动画

12、得到下图,那么一个微笑的表情就做好了

南通UI设计培训:AE笑脸加载动画

13、对圆1添加修剪路路径,并且对开始K帧,起始帧属性设为100,时间为第0帧。

南通UI设计培训:AE笑脸加载动画

14、结束帧属性设为0,时间为第12帧。

南通UI设计培训:AE笑脸加载动画

15、对圆2修剪路径的开始K帧,起始帧属性设为25,时间为第0帧。

南通UI设计培训:AE笑脸加载动画

16、结束帧属性设为0,时间为第12帧。

南通UI设计培训:AE笑脸加载动画

17、对眼睛图层添加修剪路路径,并且对结束K帧,起始帧属性设为0,时间为第0帧。

南通UI设计培训:AE笑脸加载动画

18、第二帧属性为100,时间为第4帧

南通UI设计培训:AE笑脸加载动画

19、第三帧属性设为0,时间为第8帧。第四帧属性设为100,时间为第12帧。CTRL+M渲染得到如下效果

南通UI设计培训:AE笑脸加载动画
© 手抄报圈