双击点赞动画,这么剪才不油腻!——非编实战笔记
说实话,第一次做双击点赞动画,我用了整整一下午。结果呢?甲方说像“PPT里抄的”。气得我差点砸了键盘。后来琢磨透了,其实就是几个关键点没抓住。今天这篇,就当是给当年那个傻乎乎的自己看的备忘录吧。顺便,也给你们看看。
为什么你的双击点赞动画,一眼假?
先别急着堆素材。核心问题在节奏上。真实的手指点屏幕,不是匀速的,有一个“蓄力—爆发—回弹”的过程。你做的动画如果每个关键帧都均匀分布,那就是机械臂,不是人手。
举个栗子,点赞图标弹出来那一下,缓动曲线必须带点“后坐力”。用AE的曲线编辑器,调成那种先冲出去,再猛地刹车的感觉。别怕,多试试,手感这东西,纯靠肌肉记忆。
还有,你的画面里有没有手指?如果有,那手指点击到屏幕的瞬间,画面要有一个微小的位移,大概2-3个像素。对,你没听错,就是这种小到不仔细看都看不出来的东西,恰恰是“真实感”的来源。要是没有手指,单纯的图标弹跳,那也得加一点镜头抖动,或者闪光。
很多人做出来假,就是因为全程只处理了图标大小,其他啥都没变。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/d4e98ad7-60d4-42e0-88c3-18a8aff61bbc.jpg
双击点赞动画关键帧缓动曲线图AE截图
上面那张图,是我从之前的工程里截的。红线是位置曲线,蓝线是缩放。注意看关键帧的长相,不是那种规则的圆弧,而是带一点“尖刺”的。就这个尖刺,救了整段视频。
PC端还是手机端?直接用PR还是AE?
别问,问就是AE。但如果你用了PR的重映射或者关键帧硬撸,也不是不行。只不过效率嘛……😅
我的习惯是:双击点赞动画的核心做在AE里,然后用动态链接扔回PR。一方面AE的形状图层做圆角矩形和心形很方便,另一方面,那个弹性表达式,在PR里写起来是真要命。
给你们看个简单表达式,在AE里给缩放加这个:
s = 100;
if (t 注意,这不是标准写法,我简写了。意思是让缩放从120弹回100,带指数衰减。你复制到AE表达式编辑器,改成time变量就行。
如果你非要用PR,那就把关键帧的插值改成贝塞尔曲线,并手动拉出那种“冲过头”的效果。但说实话,PR的曲线调整手感,和AE差远了。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/2f4fafb8-3c35-4631-a279-0f42b23adfd2.jpg
双击点赞动画AE形状图层心形图标设计界面截图
几个能救命的细节,别怪我没提醒你
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/d2eade6f-152d-488a-b207-72381961854c.jpg
几个能救命的细节,别怪我没提醒你
1. 素材库里的点赞音效,基本都缺那个“咚”的低频。真实点赞声音很脆,我一般用EQ把100Hz以下切掉。别问为什么,听着就假。
2. ❗ 手机界面的状态栏时间,一定要动。很多短视频里,双击动画出现的时候,右上角的时间是静止的,我是真的服了……那种画面我一秒出戏。你加个19:30到19:30:01的小变化,观感完全不一样。
3. 💡 如果要用手指素材,注意手指的阴影方向和模糊半径。别用那种边缘锐利得像刀子的阴影。稍微高斯模糊一下,哪怕4、5个像素。
4. 动画结束后,整个画面最好有微弱的加速模糊(Ramp),时间极短,0.1秒左右。原因?因为真实世界的镜头是感光的,瞬间的高亮会有一点拖影。就这个拖影,让“双击”有力道。
最后,分享一个我的私有小技巧:把点赞按钮的颜色调成带一点橙色调的红色(比如#FF4050),而不是默认的正红。在大多数手机屏幕上,这种颜色更“燃”。
好了,大概就这些。做动画不是堆特效,是把细节抠到变态。下次你看到一个人做出来的双击点赞动画特别带感,别羡慕,他可能只是比你能熬。😏
行了,去试试吧。如果你也有什么骚操作,欢迎评论区打架。
页:
[1]