你知道AE可以做网页动画吗?在AE的官方简介中,应用范围包含影片、电影、广告、多媒体以及网页等。可能网页动画做得比较少,所以很多人不太清楚是怎么做的,下面就来分享一下用AE制作网页动画的方法。
步骤如下:
1.打开【AE】,导入【PSD】源文件。

2.这是两个素材循环滚动,我们先隐藏掉其中一个,然后双击打开合成2。

3.【Ctrl+C】复制文字图层,【Ctrl+V】复制到别的地方,然后删除文字图层。

4.【Ctrl+A】全选图层内容,然后按【P】,调整时间轴,增加起始帧,移动图层形状,增加结束帧。

5.选中部分图层的关键帧进行左右微调,达到一个错开的效果。

6.选中所有关键帧,点击【右键】,选择【关键帧辅助】,【缓动】。
7.点击【图表编辑器】按钮,从右往左调整运动曲线,每一条都需要调整。

8.选中全部图层,向上移动,添加关键帧。

9.把所有图层再复制一个帧,让它在中间有一个停留效果。

10.【矩形工具】,画一个矩形覆盖住动画区域,多余的地方就自动减掉了。

11.现在来做另一个素材,用和上一个同样的方法。

12.现在找到刚才复制的文字图层,选中,调整时间轴在右边形状停止移动的时候,调整不透明度为100%。

13.调整时间轴至动画开始的时间,调整不透明度为0。
14.在刚才调整的不透明度为100的地方,按【P】,然后调整时间轴至开始位置,拖动文字图层。

15.复制文字停留地方的关键帧,然后粘贴在后面的位置,调整不透明度和文字位置。

16.选择小文字图层,用同样的方法调整不透明度和位置。

17.【右击】小文字图层,选择【预合成】。

18.【矩形工具】画矩形,给文字增加一个蒙版,选择反向。

19.直接复制前面文字的关键帧,然后粘贴在剩下的文字图层当中。

20.【G】钢笔工具,在文字下方画一条线,点击路径,调整时间轴,把线拉回去,再调整时间轴把线拉出来。

21.这个动画效果就制作完成了。

以上就是用AE软件制作网页动画的整个操作过程了,小伙伴们可以对着教程自己动手做一个哦。






