位置:首页 > 行业软件 > AE制作打字动画光标跟随效果教程

AE制作打字动画光标跟随效果教程

时间:2026-05-22  |  作者:318050  |  阅读:0

AE怎么制作光标跟随的打字动画效果

想给视频添加模拟打字动画,让光标跟随文字闪烁出现?使用After Effects实现这个效果,其实非常简单。

下面将拆解具体操作步骤,从基础设置到进阶速度控制,一步步带你完成。

AE制作打字动画光标跟随效果教程_wishdown.com

第一步:创建合成与文字

首先,启动AE并新建一个合成。

建议将合成名称设为“光标跟随的打字效果”,便于管理。尺寸常用1920*1080,持续时间可先设为3秒,后续按需调整。

接着,点击工具栏的文字工具(T),在合成面板中输入所需文字。

输入后,在右侧“字符”面板中调整字体、颜色、大小和对齐方式,使其符合设计需求。

AE制作打字动画光标跟随效果教程_wishdown.com

AE制作打字动画光标跟随效果教程_wishdown.com

第二步:添加核心表达式动画

在时间轴面板选中文字图层,展开属性列表。

找到“文本”选项并展开,看到“源文本”属性。

按住Alt键,同时用鼠标点击“源文本”前的码表图标。这会调出表达式输入框。

将以下代码复制粘贴进去:

// 每秒显示字符数
charPerSec = 5;
// 可自定义提示符号,预设为 "|"
prompt = [ "|", " " ];
// 目前打字显示位置
typePos= Math.round( time * charPerSec );
i = Math.round(time % 1);
text.sourceText = substr( 0, typePos) + prompt[i];

代码说明:

  • charPerSec控制打字速度,数字越大字出现越快。
  • prompt数组定义光标样式,这里用竖线和空格模拟闪烁。
  • 表达式会根据时间动态计算显示的文字量,并附加闪烁光标。

AE制作打字动画光标跟随效果教程_wishdown.com

AE制作打字动画光标跟随效果教程_wishdown.com

完成后,按空格键预览,即可看到文字逐个出现、光标在末尾闪烁的效果。

第三步:制作变速打字节奏(进阶)

若觉得匀速打字呆板,想营造开头慢、中间快、结尾慢的自然节奏,可通过“时间重映射”实现。

首先,右键点击文字图层,选择“预合成”

在弹出的窗口中,选择“将所有属性移动到新合成”,点击确定。此操作便于对整个文字动画图层进行时间变速处理。

AE制作打字动画光标跟随效果教程_wishdown.com

接着,在新预合成图层上右键,依次选择“时间” -> “启用时间重映射”

时间轴会出现开始和结束两个关键帧。

然后,在希望速度变化的时间点(如第1秒、第2秒)点击“时间重映射”前的菱形图标,添加新关键帧。

框选所有关键帧,按F9键添加缓动效果。

最后,点击图表编辑器图标,调整速度曲线。将曲线拉成波浪形或平滑坡度,即可创造忽快忽慢的打字节奏。

多预览并微调,直到效果满意。

AE制作打字动画光标跟随效果教程_wishdown.com

AE制作打字动画光标跟随效果教程_wishdown.com

AE制作打字动画光标跟随效果教程_wishdown.com

来源:整理自互联网
免责声明:文中图文均来自网络,如有侵权请联系删除,心愿游戏发布此文仅为传递信息,不代表心愿游戏认同其观点或证实其描述。

相关文章

更多

精选合集

更多

大家都在玩

热门话题

大家都在看

更多