点阵屏滚动特效——从菜鸟到大神的避坑指南

品鉴达人 · 发表于 2026-7-11 04:22

先泼一盆冷水：点阵屏滚动不是你想象的那样

说实话，我第一次在AE里做点阵屏滚动的时候，差点把键盘砸了。不就是一行字从左往右移吗？结果出来的效果——僵硬、像素感不对、节奏像鬼畜。后来才明白，这里面的门道深着呢。

最关键的一点：点阵屏的滚动不是简单的位移动画。它的灵魂在于“逐列点亮”的节奏感。如果你只是给文字层加个Position关键帧，那充其量叫“文字飞过”，跟点阵屏没半毛钱关系。真正的点阵屏，每个像素点都是一颗独立的LED，滚动的时候是一列一列被激活的。明白这个原理，你才算入门。

LED点阵屏像素结构特写

表达式大法好，但别栽在细节上

我见过太多教程教你用Particular或者Form来做点阵屏，效果确实炫，可渲染时间也让你怀疑人生。其实90%的需求，用AE自带的文本层加几个表达式就能搞定。核心思路：把文字拆成单列，通过时间偏移让它们依次出现。

举个例子，先创建一个文本层，输入你要滚动的字，然后添加一个Animator，给字符间距（Tracking）做关键帧，让文字整体移动。但这样还是太“顺滑”。点阵屏的滚动要有那种“一顿一顿”的逐列推进感，对吧？这时候就需要一个简单的表达式，把时间量化一下。

比如在偏移量的关键帧上，按住Alt点击码表，写上：Math.floor(time*10)*某值。对，你没看错，就是那个把浮点数砍成整数的floor函数。这个“10”就是控制跳动频率的，你可以改。我一般从8开始试，太快了像故障效果，太慢了又像PPT。别问我怎么知道的，都是泪。

还有个小坑：字体。千万别用衬线体！ 尤其是小字号的时候，衬线体的细笔画在点阵屏上会糊成一团。我推荐像“微软雅黑”或者“思源黑体”这种等线字体，笔画均匀，点亮后清晰利落。对了，字体大小要设置为偶数像素，比如24px、32px，这样在模拟LED间距时不容易出现半像素模糊。这是个玄学问题，但信我，管用！💡

AE表达式控制点阵屏滚动逐列跳动效果截图

高级玩法：用遮罩和置换做出真实感

高级玩法：用遮罩和置换做出真实感

如果你想让点阵屏不再像一张平面的贴图，而是有那种“玻璃罩下的LED”质感，那就得上点手段了。

首先，模拟LED灯珠的圆角矩形光晕。 在文字层上方建一个调整层，添加“高斯模糊”，数值大概1-2像素，别太大，不然就糊成荧光灯了。然后再叠一个“网格”效果，把网格间距调成跟你的点阵像素间距一致——比如文字是24px大小，间距设2px，那网格就设26px。网格颜色给个深灰，混合模式选“叠加”或“柔光”。这样一来，灯珠之间的间隙就出来了，立体感立马提升。

不过话说回来，单纯这样做还是有点假，因为真正的LED屏在拍摄时会因为视角或弧形表面产生微妙形变。这时候置换图（Displacement Map）就闪亮登场了。找一张噪波纹理或者混凝土表面的图，预合成一下，然后应用到你的点阵屏层上，水平垂直置换个3-5像素。注意，置换的数值一定要小，我们要的是光学玻璃的不完美折射感，不是地震效果。这招我是在一个老外的演唱会VJ工程里偷学的，效果拔群，但很少有人提。✅

另外，如果你需要滚动的内容特别长，比如一段滚动新闻，千万别傻乎乎地建一个超长合成然后整体移动——AE会卡到你后悔出生。正确做法：用“动态拼接”技巧。把文字复制两份首尾相接，然后让两个层协同运动，一个层移出画面时另一个刚好跟上。表达式里一句loopOut()搞定。效率高得不止一点半点。

最后的碎碎念：别忽略了环境光

最后的碎碎念：别忽略了环境光

点阵屏滚动不是孤立存在的。你要把它放进一个真实的场景里，就必须考虑环境光的影响。我曾经见过一个做得特别棒的demo，是模拟地铁站里的信息屏，滚动文字映在湿漉漉的地面上，那道反射光简直绝了。

怎么实现？复制一层点阵屏，垂直翻转，放在它下方，然后降低不透明度到15-20%，加一个快速模糊，再给一个渐变遮罩从黑到透明。 这还没完，因为地面不是镜面，你还可以在反射层上加一个“湍流置换”，让倒影微微扭曲。就是这种小细节，让甲方觉得你“有点东西”。❗

最后提醒一句：做点阵屏滚动，一定要用运动模糊！ 但别用AE默认那个，太吃资源。自己手动加一个“方向模糊”，角度跟滚动方向一致，长度1-3像素，爽到飞起。这玩意儿，知道的人都在偷偷用，我今天算是把家底都抖出来了。

行了，就说到这。下次遇到点阵屏，别再傻乎乎地只会位移关键帧了。去试试这些野路子，你会回来感谢我的。

点阵屏滚动特效——从菜鸟到大神的避坑指南

浏览过的版块