今天我们来学习一下很酷的动态 ICON 教程, 很值得周末练练手. enjoy!
1. 旋转(speed 为例)
思考: 仪表盘的指针旋转效果, 就是给指针一个旋转动画. 如何控制转动的速度?
step1:
用 AE 里的形状工具画和钢笔工具出基本图形(指针的形状是向上移动圆形上方的点画出来的哦)
这里需要注意的就是要把指针的中心点移动到指针底部的中心哦
step2:
给指针加旋转动画(快捷键 R), 让指针从 - 45 度转动到 45 度, 再回到 - 45 度.
但是只是这样的话动作太生硬没有动感, 也不符合运动规律, 选中这个动作的关键帧 (点击图层名称下面的 "旋转 2 字"), 在关键帧上右键, 选择关键帧辅助> 缓动. 进入图表调节速度曲
用钢笔工具, 增加两个点
调整这两个点, 让指针的运动 先快速转到右边 -->弹回 -->再次转到最右 -->回到左边
看一下效果
2. 修剪路径(range 为例)
思考: 这个没什么好思考的... 就是一个修剪路径动画
用圆形工具画出基本形(画一个圆形, 然后复制路径, 下移下方的点, 转化成尖角)
这里有个知识点刚才忘写了, alt + 右键点击形状路径, 转化为贝塞尔曲线之后才可编辑哦
复制一层作为底, 透明度调到 40%
点击小三角展开形状图层内容, 添加修剪路径
关键帧:"结束"0%~100%,"偏移"0~90 度.
给 "结束" 或 "开始" 打关键帧是差不多的, 修剪方向不同(可以理解成顺时针和逆时针). 加上 "偏移" 动作是一边修剪一边旋转...
看看效果
3. 透明度(calculation 为例)
钢笔工具画条弧线, 复制 2 个图层调整一下, 得到基本形
左侧最小的那个弧线最先开始变化, 给它打透明度的关键帧, 透明度 100% 到 0% 再到 100%
选中这三个关键帧, ctrl+c,ctrl+v, 粘贴给另外两个图层, 往后移几秒, 让它们变化的时间有一点间隔
完事儿
来源: http://sc.chinaz.com/info/180716358493.htm