在自媒体教程、短视频片头、创意vlog中,光标跟随的打字动画是十分常用的效果,既能模拟真实电脑输入的场景,也能让文字出场更有节奏感,很多刚接触ae的新手会觉得这个效果需要逐帧调整很麻烦,其实掌握核心逻辑,十分钟就能做出自然流畅的专业效果,接下来就带大家全面掌握制作流程。

前期准备与基础素材创建
打开ae后首先新建符合需求的合成,常规短视频使用1920*1080分辨率、30帧速率即可。接下来创建两个核心图层:首先是文字图层,输入你需要展示的全部完整文本,调整好字体、字号和排版,多行文字提前设置好行间距;之后新建一个形状图层,绘制一个宽度1-2px、高度和文字行高一致的竖形矩形,作为输入光标,填充为和文字一致的颜色即可,完成后将光标图层放在文字图层的上方,保证光标可以正常显示。
制作逐字出现的文字动画
文字逐字出现是打字效果的核心,用蒙版实现的效果可控性远高于预设,适配各种排版。选中文字图层,点击图层栏上方的「新建蒙版」,给文字添加一个纯色蒙版。将时间指针移动到0秒位置,选中蒙版的「蒙版路径」属性按下关键帧按钮,此时调整蒙版范围,让蒙版的右边缘刚好卡在第一个字的左侧,所有文字都被蒙版遮挡看不见。接下来向后移动时间指针,每对应一个字的出现,就将蒙版右边缘向右移动到对应字的右侧,每移动一次ae会自动生成新的关键帧,直到所有文字都完全显示。如果想要模拟真人打字的自然节奏,只要手动调整关键帧之间的间隔,快慢结合就不会显得生硬。

实现光标跟随与闪烁效果
想要光标自动跟随文字边缘移动,不需要手动给光标位置打关键帧,用ae表达式就能一键实现。选中光标图层的「位置」属性,打开表达式输入框,输入表达式:`thiscomp.layer("你的文字图层名称").mask("蒙版 1").maskpath.sourcerectattime(time,false).xmax + [2, 文字图层位置.y];`,输入完成后光标就会自动跟随蒙版右边缘移动,不管怎么调整文字和蒙版,光标位置都会自动适配。之后给光标添加闪烁效果:给光标「不透明度」在间隔0.3秒的位置分别打100%和0%的关键帧,最后给不透明度添加循环表达式`loopout();`,光标就会自动持续闪烁。
最终细节优化
如果是多行文字,只需要微调表达式中的y轴参数,让光标换行时跟随文字下移;如果想要更柔和的效果,可以给光标添加1px的羽化。整个效果灵活度远高于网上的预设,适配任意排版和文案,能满足不同场景的使用需求,全文约788字。



































