DAY016-窗口缓入

教程

地址：https://courses.motiondesign.school/courses/ui-animation-essentials/lectures/13357177

动画制作过程

图标扩散

1. 将圆形复制两层，对比例、描边透明度建立关键帧，时间轴上两层偏移15帧

PS：这里要将描边移到形状组外，不然描边比例也会产生动画

1. 当多层圆形添加在一起时，边缘锯齿明显，在第1帧将透明度改为0并转换为定格关键帧，使得中间无过渡

1. 对两个线条的位置、描边透明度建立关键帧
2. 对整个图层的缩放建立关键帧，制作点击后缩小再放大的效果

背景扩大

1. 对背景图的路径建立关键帧，从包围图标到充满屏幕

2. 添加圆角，建立关键帧，使之从圆形到正方形

   

图片及文字遮罩

1. 对人物图片的位置建立关键帧， 从上往下稍微移动
2. 由于合成背景为透明，可使用底层透明模式，开启图片、文字的底层透明模式，让其随背景图动画进行而出现

效果图

三种关键帧类型

线性关键帧

• 恒定速度运动

• 适合用于持续运动的画面

  定格关键帧

• 让关键帧直接切换而无中间过渡

• 使用：

  

• 效果：

  

  缓和关键帧

• 使用：

• 效果：
  • 缓入

• 缓出

• 缓动