添加动画文字效果

图片广告AMPHTML 广告不支持文字效果。

打字机文本效果示例

您可以在 Google Web Designer 中为文本元素添加动画效果,例如可一次显示一个字母的打字机样式的效果。文字效果是在文字效果面板中设置的。(如果您没有看到此面板,请从窗口菜单中将其打开。)

添加文字效果

您可以按照以下步骤向文本元素添加文字效果:

  1. 在时间轴中,选择您希望文字动画开始播放的时间点。
  2. 选择要应用该效果的文本元素。(您一次只能为一个元素应用文字效果。)
  3. 文字效果面板中,从效果下拉列表中选择所需的效果:
  4. 点击添加 按钮。
  5. 调整面板中的文字效果属性。(如需了解每种效果的属性说明,请参阅下文。)

每种文字效果的层都会添加到文本元素层下方的高级模式时间轴中。

与元素层不同,文字效果层不支持循环播放或可见性手柄。它们始终附加到其关联的文本元素层,因此它们无法独立重新排序、锁定或隐藏,并且会共享文本层的可见范围

您可以向同一文本元素连续添加多个文本效果,但这些效果不能同时应用,也就是说,这些效果在时间轴上不能重叠。

预览文字效果

在“文字效果”面板中

您可以在“文字效果”面板顶部的预览窗格中查看文字效果的显示效果。“TEXT Effects”字样将使用当前的一组文字效果属性添加动画效果。(如果尚未添加文字效果,系统将使用所选效果的默认属性。)使用以下预览控件:

  • 播放 - 播放文字效果预览。

  • 循环播放 - 在播放过程中持续循环播放预览。

  • 暂停 - 在播放过程中暂停预览。

在场景上

场景中会显示文字效果,以反映动画时间轴中的当前时间。按时间轴中的播放 按钮可预览文字效果动画以及场景中的所有其他元素。

如果您使用“文字”工具修改应用了文字效果的文本元素的内容,系统会暂时停用该效果,以便您能够查看完整文字。

管理文字效果

虽然您可以在使用快速模式时间轴时添加文字效果,但建议您切换到高级模式时间轴来管理现有效果。

调整文字效果的时间设置

默认情况下,系统会在时间轴中的当前进度条指针位置添加文字效果,时长为 2 秒。您可以更改文字效果的开始时间或时长:

  • 在“文字效果”面板中更改时长:在时长字段中输入新值(以秒为单位),或拖动滑块。

  • 在时间轴上更改时长:将鼠标悬停在文字效果跨距的左侧或右侧边缘,直到出现一个条形,然后沿时间轴拖动该边缘。拖动左边缘也会更改该效果的开始时间。

  • 更改开始时间而不更改时长:将整个文字效果跨距拖动到时间轴上的所需位置。

修改文字效果的属性

可以自定义每种效果:

  1. 在时间轴中选择文字效果。
  2. 在“文字效果”面板中调整相关属性。

您可以修改任何文字效果动画的时长和加/减速选项。大多数效果还可配置为以动画形式呈现每个字母、字词或一行,甚至啊由字母、字词或行组成的集群。

请查看效果列表,了解每种效果的可用属性。

切换到其他文字效果

您可以更改要应用于文字的效果类型。

  1. 在时间轴中选择文字效果。
  2. 在“文字效果”面板的效果下拉菜单中选择其他效果。

移除文字效果

您可以使用以下任一方法移除文字效果:

  • 在时间轴中,右键点击相应文字效果,然后选择删除
  • 在时间轴中选择文字效果,然后按 Delete 键。

效果

可以通过调整每个效果的属性自定义该效果。

模糊

文字经过模糊处理后会成为焦点。

模糊属性

时长 整个动画效果需要多长时间才能完成(以秒为单位)。
加/减速 动画如何加速和减速。详细了解加/减速选项
模糊 最大模糊半径(以像素为单位)。
不透明度 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。
速度 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。
顺序

选择文字的效果过渡方式:

  • 逐个字母
  • 逐个字词
  • 逐行
  • 一次全部

如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:

  • 分组大小 - 如果您知道要在集群中为多少个字母、字词或行一起添加动画,请选择此选项。如果选择默认值 1,系统会对每个单独的字母、字词或行应用一次效果。
  • 组总数 - 如果您想将文本分成特定数量的组,请选择此选项。值为 1 时,系统会为同时整个文本添加动画效果。
随机排序 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。
反向 向后播放动画效果,并以模糊文字结尾。

 

掉入

文字会从 Z 轴上方的位置落下。

掉入属性

时长 整个动画效果需要多长时间才能完成(以秒为单位)。
加/减速 动画如何加速和减速。详细了解加/减速选项
偏移 文本在 Z 轴上的移动距离(以像素为单位)。
不透明度 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。
速度 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。
顺序

选择文字的效果过渡方式:

  • 逐个字母
  • 逐个字词
  • 逐行
  • 一次全部

如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:

  • 分组大小 - 如果您知道要在集群中为多少个字母、字词或行一起添加动画,请选择此选项。如果选择默认值 1,系统会对每个单独的字母、字词或行应用一次效果。
  • 组总数 - 如果您想将文本分成特定数量的组,请选择此选项。值为 1 时,系统会为同时整个文本添加动画效果。
随机排序 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。
反向 向后播放动画效果,文字会浮出表面。
渐变

文字是通过线性渐变遮罩显示的。

渐变属性

时长 整个动画效果需要多长时间才能完成(以秒为单位)。
加/减速 动画如何加速和减速。详细了解加/减速选项
角度 渐变的角度(以度为单位)。
不透明度 渐变遮罩的不透明度。
速度 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。
顺序

选择文字的效果过渡方式:

  • 逐个字母
  • 逐个字词
  • 逐行
  • 一次全部

如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:

  • 分组大小 - 如果您知道要在集群中为多少个字母、字词或行一起添加动画,请选择此选项。如果选择默认值 1,系统会对每个单独的字母、字词或行应用一次效果。
  • 组总数 - 如果您想将文本分成特定数量的组,请选择此选项。值为 1 时,系统会为同时整个文本添加动画效果。
随机排序 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。
反向 向后播放动画效果,并使用渐变遮罩隐藏文字。
翻转

文本会沿 x 轴垂直翻转,直到其变平。

翻转属性

时长 整个动画效果需要多长时间才能完成(以秒为单位)。
加/减速 动画如何加速和减速。详细了解加/减速选项
方向

选择旋转轴的放置位置:

  • 从顶部
  • 从底部
  • 从中心
旋转 文字的旋转角度(以度为单位)。
不透明度 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。
速度 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。
顺序

选择文字的效果过渡方式:

  • 逐个字母
  • 逐个字词
  • 逐行
  • 一次全部

如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:

  • 分组大小 - 如果您知道要在集群中为多少个字母、字词或行一起添加动画,请选择此选项。如果选择默认值 1,系统会对每个单独的字母、字词或行应用一次效果。
  • 组总数 - 如果您想将文本分成特定数量的组,请选择此选项。值为 1 时,系统会为同时整个文本添加动画效果。
随机排序 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。
反向 向后播放动画效果,并以旋转的文本结尾。
上移

文字垂直移动。

上移属性

时长 整个动画效果需要多长时间才能完成(以秒为单位)。
加/减速 动画如何加速和减速。详细了解加/减速选项
方向

选择文本移动的来源:

  • 从顶部
  • 从底部
偏移 文本在 y 轴上的移动距离(以像素为单位)。
不透明度 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。
速度 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。
顺序

选择文字的效果过渡方式:

  • 逐个字母
  • 逐个字词
  • 逐行
  • 一次全部

如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:

  • 分组大小 - 如果您知道要在集群中为多少个字母、字词或行一起添加动画,请选择此选项。如果选择默认值 1,系统会对每个单独的字母、字词或行应用一次效果。
  • 组总数 - 如果您想将文本分成特定数量的组,请选择此选项。值为 1 时,系统会为同时整个文本添加动画效果。
随机排序 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。
反向 向后播放动画效果,文字移出相应位置。
翻滚

文本会沿着 z 轴旋转,直到其变为笔直。

翻滚属性

时长 整个动画效果需要多长时间才能完成(以秒为单位)。
加/减速 动画如何加速和减速。详细了解加/减速选项
方向

选择旋转轴的放置位置:

  • 从顶部
  • 从底部
  • 从中心
旋转 文字的旋转角度(以度为单位)。
不透明度 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。
速度 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。
顺序

选择文字的效果过渡方式:

  • 逐个字母
  • 逐个字词
  • 逐行
  • 一次全部

如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:

  • 分组大小 - 如果您知道要在集群中为多少个字母、字词或行一起添加动画,请选择此选项。如果选择默认值 1,系统会对每个单独的字母、字词或行应用一次效果。
  • 组总数 - 如果您想将文本分成特定数量的组,请选择此选项。值为 1 时,系统会为同时整个文本添加动画效果。
随机排序 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。
反向 向后播放动画效果,并以旋转的文本结尾。
滚动

文字垂直滚动进入视图,然后消失。

滚动属性

时长 整个动画效果需要多长时间才能完成(以秒为单位)。
加/减速 动画如何加速和减速。详细了解加/减速选项
类型

选择:

  • 常规 - 文字在滚动时保持不变。
  • 消失点 - 文字倾斜向远处的地平线滚动。
滑动

文字就像从文本框外部滑入。

滑动属性

时长 整个动画效果需要多长时间才能完成(以秒为单位)。
加/减速 动画如何加速和减速。详细了解加/减速选项
方向

选择文本移动的来源:

  • 从左侧
  • 从右侧
  • 从底部
  • 从左侧
不透明度 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。
速度 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。
顺序

选择文字的效果过渡方式:

  • 逐个字母
  • 逐个字词
  • 逐行
  • 一次全部

如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:

  • 分组大小 - 如果您知道要在集群中为多少个字母、字词或行一起添加动画,请选择此选项。如果选择默认值 1,系统会对每个单独的字母、字词或行应用一次效果。
  • 组总数 - 如果您想将文本分成特定数量的组,请选择此选项。值为 1 时,系统会为同时整个文本添加动画效果。
随机排序 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。
反向 向后播放动画效果,文字滑出文本框。
旋转

文本沿着 y 轴旋转,直到其变平。

旋转属性

时长 整个动画效果需要多长时间才能完成(以秒为单位)。
加/减速 动画如何加速和减速。详细了解加/减速选项
方向

选择旋转轴的放置位置:

  • 从右侧
  • 从左侧
  • 从中心
旋转 文字的旋转角度(以度为单位)。
不透明度 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。
速度 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。
顺序

选择文字的效果过渡方式:

  • 逐个字母
  • 逐个字词
  • 逐行
  • 一次全部

如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:

  • 分组大小 - 如果您知道要在集群中为多少个字母、字词或行一起添加动画,请选择此选项。如果选择默认值 1,系统会对每个单独的字母、字词或行应用一次效果。
  • 组总数 - 如果您想将文本分成特定数量的组,请选择此选项。值为 1 时,系统会为同时整个文本添加动画效果。
随机排序 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。
反向 向后播放动画效果,并以旋转的文本结尾。
横移

文字在水平方向上移动。

横移属性

时长 整个动画效果需要多长时间才能完成(以秒为单位)。
加/减速 动画如何加速和减速。详细了解加/减速选项
方向

选择文本移动的来源:

  • 从右侧
  • 从左侧
偏移 文本在 x 轴上的移动距离(以像素为单位)。
不透明度 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。
速度 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。
顺序

选择文字的效果过渡方式:

  • 逐个字母
  • 逐个字词
  • 逐行
  • 一次全部

如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:

  • 分组大小 - 如果您知道要在集群中为多少个字母、字词或行一起添加动画,请选择此选项。如果选择默认值 1,系统会对每个单独的字母、字词或行应用一次效果。
  • 组总数 - 如果您想将文本分成特定数量的组,请选择此选项。值为 1 时,系统会为同时整个文本添加动画效果。
随机排序 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。
反向 向后播放动画效果,文字会移出。
打字机

文本一次显示一个部分。

模糊属性

时长 整个动画效果需要多长时间才能完成(以秒为单位)。
加/减速 动画如何加速和减速。详细了解加/减速选项
不透明度 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。
速度 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。
淡入 如果您希望文字在显示时淡入,请选中此复选框。
顺序

选择文字的效果过渡方式:

  • 逐个字母
  • 逐个字词
  • 逐行

您还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:

  • 分组大小 - 如果您知道要在集群中为多少个字母、字词或行一起添加动画,请选择此选项。如果选择默认值 1,系统会对每个单独的字母、字词或行应用一次效果。
  • 组总数 - 如果您想将文本分成特定数量的组,请选择此选项。值为 1 时,系统会为同时整个文本添加动画效果。
随机排序 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。
反向 向后播放动画效果,文字会消失。
缩放

文字会增大。

缩放属性

时长 整个动画效果需要多长时间才能完成(以秒为单位)。
加/减速 动画如何加速和减速。详细了解加/减速选项
缩放 用于放大文字的最大比例,以百分比表示。如果值大于 100%,文本之后将缩小回正常大小。
不透明度 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。
速度 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。
顺序

选择文字的效果过渡方式:

  • 逐个字母
  • 逐个字词
  • 逐行
  • 一次全部

如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:

  • 分组大小 - 如果您知道要在集群中为多少个字母、字词或行一起添加动画,请选择此选项。如果选择默认值 1,系统会对每个单独的字母、字词或行应用一次效果。
  • 组总数 - 如果您想将文本分成特定数量的组,请选择此选项。值为 1 时,系统会为同时整个文本添加动画效果。
随机排序 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。
反向 向后播放动画效果,最后缩小文字,直到文字消失。

文字效果加/减速选项

加/减速选项会影响文字效果动画的播放速度。默认情况下,加/减速选项是线性的,这会在整个文本效果中保持稳定的速度。您可以在“文字效果”面板的加/减速面板中将加/减速选项更改为以下某个预设:


线性
动画匀速变化。

由慢渐快
动画开始时速度很慢,然后快速结束。

中速渐快
动画开始时速度很慢,然后以中等速度结束。

加速缓入
动画开始时非常缓慢,然后快速结束。

先加速后减速
动画开始时和结束时速度都很慢,但在中间阶段速度很快。

由快渐慢
动画开始时速度很快,然后一直减速至结束。

减速缓出
动画开始时速度非常快,然后一直减速至结束。

慢速缓出
动画开始时速度适中,然后一直减速至结束。

如需在 Google Web Designer 中直观呈现这些加/减速选项,请选择加/减速选项…,以打开“加/减速”对话框。

“自定义”加/减速类型

您可以自定义文字效果的加/减速选项,而不是使用某个预设选项:

  1. 在时间轴中选择文字效果。
  2. 在“文字效果”面板的加/减速下拉菜单中选择加/减速选项…
  3. 在“加/减速”对话框中,选择自定义
  4. 使用下述方法之一更改加/减速选项:
    • 拖动控制手柄,以调整加/减速曲线的形状。控制手柄的角度决定了弯曲量,控制手柄的长度决定了加速或减速的强度。
    • 三次贝塞尔曲线字段中,输入您所需的贝塞尔曲线的 cubic-bezier() 函数记号。如果您输入的值无效,该字段会显示红色下划线。
  5. 点击应用

该内容对您有帮助吗?

您有什么改进建议?
搜索
清除搜索内容
关闭搜索框
主菜单
4940757601526747281
true
搜索支持中心
true
true
true
true
true
5050422
false
false