创建动画产品说明视频的分步指南

每个人都喜欢优质的产品视频。展示你的新产品功能的动画讲解视频可以比书面说明更有效地吸引客户的注意力和想象力。

但是, 你说的是, 我不知道如何制作动画解说视频。

不要担心。实际上, 它比你想象的要容易得多。使用Adobe After Effects, 我将为你提供创建自己的动画产品视频所需的所有指导。

我们将在本教程中创建的最终产品。

我要解决的问题：

如何使用Adobe After Effects重新利用当前资产和图稿来为产品视频创建动画元素。我将向你展示动画的基本概念和简单的技巧, 使你的视频具有专业水准。

我不会介绍的内容：

如何概念化和编写视频脚本, 或者如何添加配音或音乐。这些元素显然很重要, 但它们并不是我们今天要谈论的内容。专注, 人！

在本教程中, 我们将使用虚构的Slack风格产品(称为Quack)。你可以在此处下载文件以与我一起关注。让我们开始吧…

尝试使所有内容加倍, 然后将要设置动画的每个部分放在单独的图层上。文件夹中的图层会引起问题(至少出于本教程的考虑)。确保为图层命名-稍后确实有帮助。

我的文档大小是3840px x 2160px。保存时, 请确保文件格式为PSD, 并且已启用图层导出。

启动After Effects。通过转到文件>新建>新建项目, 在欢迎屏幕上或在菜单栏中单击新建项目。

现在, 转到文件>导入>文件。

选择你的Photoshop文件, 然后单击”打开”按钮。确保选择了”可编辑图层样式”按钮, 并且”导入类型”为”合成(不包括素材)”。

现在, 你应该在项目浏览器面板(After Effects工作区的左侧面板)中看到一个新的Composition和一个文件夹。如果看不到, 请在Mac上按cmd + 0或在Windows中按ctrl + 0来查看该面板。它)。

双击新导入的合成, 以在预览窗格中将其打开。

你应该看到合成的预览, 并且与Photoshop一样, 在底部有一个图层列表。但是这些不是层次, 而是时间表。

我们快要准备动画了！在获得有趣的东西之前, 还有一些最后的事情。

在主菜单中选择合成, 然后选择合成设置。我们要确保有足够的时间为所有内容设置动画, 因此找到工期框并将其设置为0：00：30：00(这是正常的时间码格式-小时, 分钟, 秒, 然后拆分秒)。

你还应该确保将帧频设置为25, 并且暂时将分辨率设置为”全屏”(如果计算机开始缓慢运行, 可以稍后降低此分辨率)。

(时间轴快速指南)

因为这是针对动画初学者和对After Effects不太了解的人, 所以你应该在时间轴上看到以下内容：

现在, 我们将使视频的每个元素都在屏幕上消失。我们将为每个图层创建一个关键帧, 从而影响不透明度并将其从0％过渡到100％。我们可以逐层执行此操作, 但是我们希望尽快工作-因此, 让我们一起完成每一层！

单击时间轴中的第一层(最上一层), 然后选择”全选”(cmd + a, 或菜单：”编辑”>”全选”)。然后, 在第一层中, 单击我前面提到的向右的三角形。转换选项应推出。单击变换选项旁边的三角形。

现在, 你应该可以使用所有的转换选项。

将播放头(较大的蓝色向下箭头, 你可以像在视频上一样在第二个标记上从左向右拖动)为零, 单击”不透明度”左侧的秒表, 然后通过键入将值设置为0％或单击并拖动标记, 直到达到零。

播放头, 可以从左向右拖动

将播放头移至一秒, 然后将不透明度设置回100％。关键帧将自动添加。

现在, 你可以通过将播放头拖回时间轴的开头并单击空格键来预览淡入淡出。

现在我们要稍微抵消这些, 以便它们全部淡入。

首先, 我们需要检查所有图层是否都填充了时间轴。选择所有图层并在时间轴中将其完全缩小后, 将鼠标悬停在彩条的右侧。你应该获得一个调整大小的句柄。单击并一直拖动到时间线的右侧。现在, 每层应持续整整30秒。

现在, 要抵消淡入淡出, 你可以沿某个位手动拖动每一层(确保一次仅选择一个层)。

或者, 你可以使用一些技巧(假设你的构图与我的设置相同)。选择底层, 按住shift键, 然后选择顶层(选择的顺序在这里确实很重要)。

接下来, 在菜单中, 选择”动画”>”关键帧助手”>”序列层”。