一、效果图
我们还是继续来练习钢笔工具,今天我们用的是修剪工具,这个功能也是让路径变为动画效果的功能之一,也算比较实用的
二、教程
1、
首先打开我们的AE
新建一个合成,1080*660px,持续时间暂时定为10秒,后面可以调小的,画布颜色为白色
3、
点击钢笔工具,将填充关闭,描边15左右,在画布上绘制一个箭头(还不会用钢笔工具的,请看我上一篇文章,里面有教程的)
然后点击形状图层1-内容-形状-描边,将里面的线段端点改为圆头端点,将线段连接改为圆角连接
每个图层都这样做
4、
打开直线图层,我们找到内容旁边的添加-修剪路径
然后我们将时间线移动到1秒
我们再开始和结束分别打上两个关键帧
在移动到2秒位置
将开始调为49.9%,结束调为50.1%,这样才能让我们中间的线看起来圆滑
如果我们全部调为50%的话,那中间的线段就会消
并将所有的关键帧设置缓动(快捷键:F9)
5、
点击形状图层2-内容-形状-路径,我们在2秒的地方打一个关键帧
然后将时间线移动到2秒15帧,拉动中间的点,将线段拉平
然后向前移动2帧,打上关键帧
在向前移动2帧,我们将中间点向上拉,超过中间圆
这个过程是为了让这个路径有弹簧效果
同时将所有关键帧打上缓动
6、
我们点击椭圆工具,画一个大于箭头的圆
然后我们打开变为圆点的直线图层-内容-形状-路径-路径
我们在最后一帧的位置,为圆点的路径打一个关键帧
将时间线移动到3秒,我们将圆点向上移动,超过大圆
然后将时间线移回3秒05帧,让圆点与大圆重合
7、
复制一层大圆图层,我们将复制的大圆图层,在3秒05帧的位置设置入点(快捷键:alt+[)
然后将原大圆图层内容-变换-不透明度降低
8、
点击设置了入点的图层,我们为图层添加修剪路径
然后在3秒05帧的位置,将开始和结束打上关键帧,并将2个属性值都调为50%,偏移调为180度(如果不调偏移,那动画就是从下方开始的,大家可以去试试)
然后将时间线移动到4秒05帧,将开始调为100%,结束调为50%
将路径的线段端点改为圆头端点
这样我们圆这部分的动画效果就做好了
并为圆的关键帧添加缓动效果
9、
我们回到3秒05帧
点开直线图层,为图层添加一个修剪路径
并在开始和结束打上一个关键帧
然后将时间线移动到4秒
将开始调为49.9%,结束调为50.1%
并将所有关键帧加上缓动效果
点击直线图层,我们按P,弹出位置属性
将时间线移到4秒,我们在位置属性打上关键帧
然后移动到4秒15帧
我们为2个关键帧加上缓动效果
10、
点击钢笔工具,在4秒15帧的位置
我们分别画两条直接路径,并设置入点(快捷键:alt+[)
然后都将直线的线段端点改为圆头端点
并添加修剪路径,在4秒15帧为结束属性打上关键帧,并调为0%
拉到5秒位置,将结束值拉到100%
并将关键帧加上缓动效果
两条线段都是一样的做法,我这里就不分开说了
11、
这样我们的修剪路径动画就做好了
结语:今天我们主要是锻炼逻辑能力还有修剪工具的熟练度