图片广告或 AMPHTML 广告不支持文字效果。
您可以在 Google Web Designer 中为文本元素添加动画效果,例如可一次显示一个字母的打字机样式的效果。文字效果是在文字效果面板中设置的。(如果您没有看到此面板,请从窗口菜单中将其打开。)
添加文字效果
您可以按照以下步骤向文本元素添加文字效果:
- 在时间轴中,选择您希望文字动画开始播放的时间点。
- 选择要应用该效果的文本元素。(您一次只能为一个元素应用文字效果。)
- 在文字效果面板中,从效果下拉列表中选择所需的效果:
- 点击添加 按钮。
- 调整面板中的文字效果属性。(如需了解每种效果的属性说明,请参阅下文。)
每种文字效果的层都会添加到文本元素层下方的高级模式时间轴中。
与元素层不同,文字效果层不支持循环播放或可见性手柄。它们始终附加到其关联的文本元素层,因此它们无法独立重新排序、锁定或隐藏,并且会共享文本层的可见范围。
您可以向同一文本元素连续添加多个文本效果,但这些效果不能同时应用,也就是说,这些效果在时间轴上不能重叠。
预览文字效果
在“文字效果”面板中
您可以在“文字效果”面板顶部的预览窗格中查看文字效果的显示效果。“TEXT Effects”字样将使用当前的一组文字效果属性添加动画效果。(如果尚未添加文字效果,系统将使用所选效果的默认属性。)使用以下预览控件:
-
播放 - 播放文字效果预览。
-
循环播放 - 在播放过程中持续循环播放预览。
-
暂停 - 在播放过程中暂停预览。
在场景上
场景中会显示文字效果,以反映动画时间轴中的当前时间。按时间轴中的播放 按钮可预览文字效果动画以及场景中的所有其他元素。
如果您使用“文字”工具修改应用了文字效果的文本元素的内容,系统会暂时停用该效果,以便您能够查看完整文字。
管理文字效果
虽然您可以在使用快速模式时间轴时添加文字效果,但建议您切换到高级模式时间轴来管理现有效果。
调整文字效果的时间设置
默认情况下,系统会在时间轴中的当前进度条指针位置添加文字效果,时长为 2 秒。您可以更改文字效果的开始时间或时长:
-
在“文字效果”面板中更改时长:在时长字段中输入新值(以秒为单位),或拖动滑块。
-
在时间轴上更改时长:将鼠标悬停在文字效果跨距的左侧或右侧边缘,直到出现一个条形,然后沿时间轴拖动该边缘。拖动左边缘也会更改该效果的开始时间。
-
更改开始时间而不更改时长:将整个文字效果跨距拖动到时间轴上的所需位置。
修改文字效果的属性
可以自定义每种效果:
- 在时间轴中选择文字效果。
- 在“文字效果”面板中调整相关属性。
您可以修改任何文字效果动画的时长和加/减速选项。大多数效果还可配置为以动画形式呈现每个字母、字词或一行,甚至啊由字母、字词或行组成的集群。
请查看效果列表,了解每种效果的可用属性。
切换到其他文字效果
您可以更改要应用于文字的效果类型。
- 在时间轴中选择文字效果。
- 在“文字效果”面板的效果下拉菜单中选择其他效果。
移除文字效果
您可以使用以下任一方法移除文字效果:
- 在时间轴中,右键点击相应文字效果,然后选择删除。
- 在时间轴中选择文字效果,然后按 Delete 键。
效果
可以通过调整每个效果的属性自定义该效果。
文字经过模糊处理后会成为焦点。
模糊属性
时长 | 整个动画效果需要多长时间才能完成(以秒为单位)。 |
---|---|
加/减速 | 动画如何加速和减速。详细了解加/减速选项。 |
模糊 | 最大模糊半径(以像素为单位)。 |
不透明度 | 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。 |
速度 | 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。 |
顺序 |
选择文字的效果过渡方式:
如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:
|
随机排序 | 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。 |
反向 | 向后播放动画效果,并以模糊文字结尾。 |
文字会从 Z 轴上方的位置落下。
掉入属性
时长 | 整个动画效果需要多长时间才能完成(以秒为单位)。 |
---|---|
加/减速 | 动画如何加速和减速。详细了解加/减速选项。 |
偏移 | 文本在 Z 轴上的移动距离(以像素为单位)。 |
不透明度 | 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。 |
速度 | 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。 |
顺序 |
选择文字的效果过渡方式:
如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:
|
随机排序 | 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。 |
反向 | 向后播放动画效果,文字会浮出表面。 |
文字是通过线性渐变遮罩显示的。
渐变属性
时长 | 整个动画效果需要多长时间才能完成(以秒为单位)。 |
---|---|
加/减速 | 动画如何加速和减速。详细了解加/减速选项。 |
角度 | 渐变的角度(以度为单位)。 |
不透明度 | 渐变遮罩的不透明度。 |
速度 | 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。 |
顺序 |
选择文字的效果过渡方式:
如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:
|
随机排序 | 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。 |
反向 | 向后播放动画效果,并使用渐变遮罩隐藏文字。 |
文本会沿 x 轴垂直翻转,直到其变平。
翻转属性
时长 | 整个动画效果需要多长时间才能完成(以秒为单位)。 |
---|---|
加/减速 | 动画如何加速和减速。详细了解加/减速选项。 |
方向 |
选择旋转轴的放置位置:
|
旋转 | 文字的旋转角度(以度为单位)。 |
不透明度 | 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。 |
速度 | 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。 |
顺序 |
选择文字的效果过渡方式:
如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:
|
随机排序 | 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。 |
反向 | 向后播放动画效果,并以旋转的文本结尾。 |
文字垂直移动。
上移属性
时长 | 整个动画效果需要多长时间才能完成(以秒为单位)。 |
---|---|
加/减速 | 动画如何加速和减速。详细了解加/减速选项。 |
方向 |
选择文本移动的来源:
|
偏移 | 文本在 y 轴上的移动距离(以像素为单位)。 |
不透明度 | 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。 |
速度 | 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。 |
顺序 |
选择文字的效果过渡方式:
如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:
|
随机排序 | 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。 |
反向 | 向后播放动画效果,文字移出相应位置。 |
文本会沿着 z 轴旋转,直到其变为笔直。
翻滚属性
时长 | 整个动画效果需要多长时间才能完成(以秒为单位)。 |
---|---|
加/减速 | 动画如何加速和减速。详细了解加/减速选项。 |
方向 |
选择旋转轴的放置位置:
|
旋转 | 文字的旋转角度(以度为单位)。 |
不透明度 | 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。 |
速度 | 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。 |
顺序 |
选择文字的效果过渡方式:
如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:
|
随机排序 | 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。 |
反向 | 向后播放动画效果,并以旋转的文本结尾。 |
文字垂直滚动进入视图,然后消失。
滚动属性
时长 | 整个动画效果需要多长时间才能完成(以秒为单位)。 |
---|---|
加/减速 | 动画如何加速和减速。详细了解加/减速选项。 |
类型 |
选择:
|
文字就像从文本框外部滑入。
滑动属性
时长 | 整个动画效果需要多长时间才能完成(以秒为单位)。 |
---|---|
加/减速 | 动画如何加速和减速。详细了解加/减速选项。 |
方向 |
选择文本移动的来源:
|
不透明度 | 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。 |
速度 | 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。 |
顺序 |
选择文字的效果过渡方式:
如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:
|
随机排序 | 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。 |
反向 | 向后播放动画效果,文字滑出文本框。 |
文本沿着 y 轴旋转,直到其变平。
旋转属性
时长 | 整个动画效果需要多长时间才能完成(以秒为单位)。 |
---|---|
加/减速 | 动画如何加速和减速。详细了解加/减速选项。 |
方向 |
选择旋转轴的放置位置:
|
旋转 | 文字的旋转角度(以度为单位)。 |
不透明度 | 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。 |
速度 | 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。 |
顺序 |
选择文字的效果过渡方式:
如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:
|
随机排序 | 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。 |
反向 | 向后播放动画效果,并以旋转的文本结尾。 |
文字在水平方向上移动。
横移属性
时长 | 整个动画效果需要多长时间才能完成(以秒为单位)。 |
---|---|
加/减速 | 动画如何加速和减速。详细了解加/减速选项。 |
方向 |
选择文本移动的来源:
|
偏移 | 文本在 x 轴上的移动距离(以像素为单位)。 |
不透明度 | 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。 |
速度 | 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。 |
顺序 |
选择文字的效果过渡方式:
如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:
|
随机排序 | 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。 |
反向 | 向后播放动画效果,文字会移出。 |
文本一次显示一个部分。
模糊属性
时长 | 整个动画效果需要多长时间才能完成(以秒为单位)。 |
---|---|
加/减速 | 动画如何加速和减速。详细了解加/减速选项。 |
不透明度 | 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。 |
速度 | 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。 |
淡入 | 如果您希望文字在显示时淡入,请选中此复选框。 |
顺序 |
选择文字的效果过渡方式:
您还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:
|
随机排序 | 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。 |
反向 | 向后播放动画效果,文字会消失。 |
文字会增大。
缩放属性
时长 | 整个动画效果需要多长时间才能完成(以秒为单位)。 |
---|---|
加/减速 | 动画如何加速和减速。详细了解加/减速选项。 |
缩放 | 用于放大文字的最大比例,以百分比表示。如果值大于 100%,文本之后将缩小回正常大小。 |
不透明度 | 文字的起始不透明度,以百分比表示。选中反向复选框后,该字段会设置结束不透明度。 |
速度 | 每个字母、字词或行在上一个文本、字词或行的后面开始添加动画的速度。例如,逐个字母效果的值为 0.25 表示当一个字母完成动画效果的 ¼ 时,下一个字母将开始呈现动画效果。 |
顺序 |
选择文字的效果过渡方式:
如果您选择除“一次全部”外的任何选项,还可以为字母、字词或行组添加动画效果。指定分组大小或组总数:
|
随机排序 | 默认情况下,每组字母、字词或行从左到右和从上到下呈现动画效果。如果您想随机播放动画顺序,请选择此选项。随机选择后,顺序将保持不变,直到以影响序列的方式修改文字或文字效果属性为止。先取消选择再重新选择此选项会重新排列顺序。 |
反向 | 向后播放动画效果,最后缩小文字,直到文字消失。 |
文字效果加/减速选项
加/减速选项会影响文字效果动画的播放速度。默认情况下,加/减速选项是线性的,这会在整个文本效果中保持稳定的速度。您可以在“文字效果”面板的加/减速面板中将加/减速选项更改为以下某个预设:
线性 |
动画匀速变化。 |
由慢渐快 |
动画开始时速度很慢,然后快速结束。 |
中速渐快 |
动画开始时速度很慢,然后以中等速度结束。 |
加速缓入 |
动画开始时非常缓慢,然后快速结束。 |
先加速后减速 |
动画开始时和结束时速度都很慢,但在中间阶段速度很快。 |
由快渐慢 |
动画开始时速度很快,然后一直减速至结束。 |
减速缓出 |
动画开始时速度非常快,然后一直减速至结束。 |
慢速缓出 |
动画开始时速度适中,然后一直减速至结束。 |
如需在 Google Web Designer 中直观呈现这些加/减速选项,请选择加/减速选项…,以打开“加/减速”对话框。
“自定义”加/减速类型
您可以自定义文字效果的加/减速选项,而不是使用某个预设选项:
- 在时间轴中选择文字效果。
- 在“文字效果”面板的加/减速下拉菜单中选择加/减速选项…
- 在“加/减速”对话框中,选择自定义。
- 使用下述方法之一更改加/减速选项:
- 拖动控制手柄,以调整加/减速曲线的形状。控制手柄的角度决定了弯曲量,控制手柄的长度决定了加速或减速的强度。
- 在三次贝塞尔曲线字段中,输入您所需的贝塞尔曲线的
cubic-bezier()
函数记号。如果您输入的值无效,该字段会显示红色下划线。
- 点击应用。