虎课网为您提供字体设计版块下的AE-电商橱窗简洁风图片展示效果图文教程，本篇教程使用软件为AE（2020），难度等级为新手入门，下面开始学习这节课的内容吧！

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

课程的核心知识点：位置和不透明度关键帧使用、遮罩，线性擦除。

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

1.在讲解之前先来对本次动画进行浏览，根据当前的效果来讲解案例的制作流程，以及在制作过程中需要注意到的内容，具体如图示。

2.选择【新建合成】在面板中将数值设置为【1920*1080】的尺寸信息，然后设置【持续时间为：2秒】。

3.在工具栏中点击形状工具创建【矩形】并且设置矩形的填充颜色。

4.在工具栏中使用【钢笔】工具，取消【填充颜色】然后设置【描边颜色】绘制路径。

5.选择创建好的图层进行“复制”，然后进行“旋转：180度”的操作，并且调整钢笔路径的形状。

6.调整完成后设置【预合成】的效果（快捷键：Ctrl+Shift+C），并进行【重命名】的操作。

7.打开【参考线】设置，根据当前的内容添加【多条】的参考线，方便后续的调整制作，具体如图示。

8.根据“参考线”的位置，在素材文件中拖入“鼠标垫.png”素材，调整大小放置在画布中。

9.在操作面板中右键鼠标添加【纯色图层】，在颜色面板中调整【黑色】点击确定，然后调整纯色的位置。

10.点击“鼠标垫3.png”图层，在【轨道遮罩】中选择【Alpha 遮罩 “黑色 纯色 2”】。

11.选择“鼠标垫3.png”图层，在图层的【位置】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”。

12.选择“鼠标垫3.png”图层，进行复制然后进行“重命名”的操作，选择复制出来的图层在【不透明度】通道中降低数值信息。

13.选择“鼠标垫3 - 透.png”图层，在图层的【不透明度】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”。

14.选择“左图”素材内容，在效果器面板中搜索【线性擦除】效果器，然后在【过渡完成】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”。

15.根据“参考线”的位置，在素材文件中拖入“鼠标垫 2 .png”素材，调整大小放置在画布中，在图层的【位置】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”。

16.选择之前创建好的纯色图层进行复制，使用【选择命令】调整图层的“覆盖范围”。

17.调整完成后设置【预合成】的效果（快捷键：Ctrl+Shift+C），并进行【重命名】的操作。

18.选择“左图”素材内容，在效果器面板中搜索【线性擦除】效果器，然后在【过渡完成】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”。

19.使用文本工具，输入“虎课积分商城”，并且修改“字体的样式”，在【字符】面板中调整文字的间距数值。

20.在素材文件中拖入“阴影”素材，调整大小放置在画布中，选择图层将类型调整为【叠加】模式。

21.选择“阴影”图层，在图层的【位置】通道进行“K帧”然后“移动关键帧的位置”调整“数值信息”进行“自动K帧”。

22.调整完成后即可进行“渲染”，在工具栏中点击【导出 - 添加到渲染队列】选择输出格式。

23.回顾本节课讲解到的知识点来进行总结，难重点同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复。

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

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