虎课网为您提供影视动画版块下的AE-电商产品网页展示动画图文教程，本篇教程使用软件为AE（CC2019），难度等级为中级拔高，下面开始学习这节课的内容吧！

本节课讲解After Effects（简称AE）软件 - 电商产品网页展示动画，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复，作业也可以在评论区进行提交。

课程核心知识点：利用空对象对图层进行批量控制，学会模拟鼠标点击动态效果。

学完本课内容后，同学们可以根据下图作业布置，在视频下方提交作业图片，老师会一一解答。

那我们开始今天的教程吧。

1.选择【新建合成】【快捷键：Ctrl+k】在面板中将数值设置为【1080*608】的尺寸信息，然后设置【持续时间为：30秒】。

2.将下载好的素材文件载入进来，使用【缩放】命令来调整一下图层的大小，在工具栏中使用【形状】工具然后创建【矩形】，选择“图片”图层，在【轨道遮罩】中选择【Alpha反转遮罩 “形状图层 1”】。

3.使用文本工具，录入文字内容并且修改“字体的样式”，根据画面的效果调整文字的位置。

4.选择调整好的图层进行【复制】，替换【图片】内容以及【文字】内容的信息。

5.将下载好的素材文件载入进来，使用【缩放】命令来调整一下图层的大小，在【位置】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”，具体如图示。

6.将下载好的素材文件载入进来，使用【缩放】命令来调整一下图层的大小，在【不透明度】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”，具体如图示。

7.在【位置】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”，具体如图示。

8.将下载好的素材文件载入进来，在【位置】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”，具体如图示。

9.在工具栏中选择【矩形】创建一个“圆角矩形”，然后右键鼠标点击【图层样式 - 投影】进行添加。

10.在【位置】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”，具体如图示。

11.选择图层设置【预合成】的效果【快捷键：Ctrl+Shift+C】，并进行【重命名】的操作，具体如图示。

12.在工具栏中选择【矩形】创建一个“圆角矩形”，然后在【颜色】面板中对【颜色】进行修改的操作。

13.使用文本工具，录入文字内容并且修改“字体的样式”，根据画面的效果调整文字的位置。

14.在项目面板中右键鼠标点击【图层 - 新建 - 空对象】效果，然后选择“素材图层”在【父级和链接】面板中链接到【空对象图层】图层中，具体如图示。

15.选择“空对象”图层，在【位置】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”，具体如图示。

16.选择“鼠标素材”图层，在【位置】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”，具体如图示。

17.回顾本节课所讲解到的内容，难重点同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复。

18.最终效果如图所示，视频学百遍，不如上手练一练！你学会了吗？

以上就是AE-电商产品网页展示动画图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！