双击点赞动画，这么剪才不油腻！——非编实战笔记

品鉴达人 · 发表于 2026-8-14 07:52

说实话，第一次做双击点赞动画，我用了整整一下午。结果呢？甲方说像“PPT里抄的”。气得我差点砸了键盘。后来琢磨透了，其实就是几个关键点没抓住。

今天这篇，就当是给当年那个傻乎乎的自己看的备忘录吧。顺便，也给你们看看。

为什么你的双击点赞动画，一眼假？

先别急着堆素材。核心问题在节奏上。真实的手指点屏幕，不是匀速的，有一个“蓄力—爆发—回弹”的过程。你做的动画如果每个关键帧都均匀分布，那就是机械臂，不是人手。

举个栗子，点赞图标弹出来那一下，缓动曲线必须带点“后坐力”。用AE的曲线编辑器，调成那种先冲出去，再猛地刹车的感觉。别怕，多试试，手感这东西，纯靠肌肉记忆。

还有，你的画面里有没有手指？如果有，那手指点击到屏幕的瞬间，画面要有一个微小的位移，大概2-3个像素。对，你没听错，就是这种小到不仔细看都看不出来的东西，恰恰是“真实感”的来源。要是没有手指，单纯的图标弹跳，那也得加一点镜头抖动，或者闪光。

很多人做出来假，就是因为全程只处理了图标大小，其他啥都没变。

双击点赞动画关键帧缓动曲线图AE截图

上面那张图，是我从之前的工程里截的。红线是位置曲线，蓝线是缩放。注意看关键帧的长相，不是那种规则的圆弧，而是带一点“尖刺”的。就这个尖刺，救了整段视频。

PC端还是手机端？直接用PR还是AE？

别问，问就是AE。但如果你用了PR的重映射或者关键帧硬撸，也不是不行。只不过效率嘛……😅

我的习惯是：双击点赞动画的核心做在AE里，然后用动态链接扔回PR。一方面AE的形状图层做圆角矩形和心形很方便，另一方面，那个弹性表达式，在PR里写起来是真要命。

给你们看个简单表达式，在AE里给缩放加这个：

s = 100;
if (t 注意，这不是标准写法，我简写了。意思是让缩放从120弹回100，带指数衰减。你复制到AE表达式编辑器，改成time变量就行。

如果你非要用PR，那就把关键帧的插值改成贝塞尔曲线，并手动拉出那种“冲过头”的效果。但说实话，PR的曲线调整手感，和AE差远了。

双击点赞动画AE形状图层心形图标设计界面截图

几个能救命的细节，别怪我没提醒你

几个能救命的细节，别怪我没提醒你

1. 素材库里的点赞音效，基本都缺那个“咚”的低频。真实点赞声音很脆，我一般用EQ把100Hz以下切掉。别问为什么，听着就假。

2. ❗ 手机界面的状态栏时间，一定要动。很多短视频里，双击动画出现的时候，右上角的时间是静止的，我是真的服了……那种画面我一秒出戏。你加个19:30到19:30:01的小变化，观感完全不一样。

3. 💡 如果要用手指素材，注意手指的阴影方向和模糊半径。别用那种边缘锐利得像刀子的阴影。稍微高斯模糊一下，哪怕4、5个像素。

4. 动画结束后，整个画面最好有微弱的加速模糊（Ramp），时间极短，0.1秒左右。原因？因为真实世界的镜头是感光的，瞬间的高亮会有一点拖影。就这个拖影，让“双击”有力道。

最后，分享一个我的私有小技巧：把点赞按钮的颜色调成带一点橙色调的红色（比如#FF4050），而不是默认的正红。在大多数手机屏幕上，这种颜色更“燃”。

好了，大概就这些。做动画不是堆特效，是把细节抠到变态。下次你看到一个人做出来的双击点赞动画特别带感，别羡慕，他可能只是比你能熬。😏

行了，去试试吧。如果你也有什么骚操作，欢迎评论区打架。