手把手教你做蛋仔派对流动背景图
凌晨两点半,流动我盯着电脑屏幕上的背景渐变色发呆,咖啡杯早就空了。图样突然想起来上周刷到的做蛋仔派蛋仔派对视频,那些Q弹的流动小家伙在流动背景上蹦跶的样子特别治愈。要不...自己动手整一个?背景反正睡不着。
一、图样先搞懂流动背景图是做蛋仔派啥玩意儿
说白了就是会动的背景,像融化的流动芝士一样慢慢流动的那种。蛋仔派对用的背景通常是这两种:
- 渐变流动:几种颜色像彩虹糖化在水里似的互相渗透
- 粒子效果:无数小光点像萤火虫群一样飘来飘去
我翻了下《UI动态设计规范2023》,发现这类背景要满足三个条件才不显得廉价:
帧率 | ≥24fps | 不然会卡得像PPT |
色域 | P3或sRGB | 颜色才不会灰扑扑的图样 |
循环点 | ≤15秒 | 太长会让人发现重复 |
二、准备工作比想象中麻烦
翻箱倒柜找出去年买的做蛋仔派数位板,发现驱动都过期了。流动折腾半小时才装好这些必备软件:
- AE 2023(别用绿色版,背景粒子插件会崩)
- Blender(做3D粒子备用)
- PS(修色差用)
突然想起来没素材,图样赶紧打开网易云把《蛋仔派对》BGM循环播放找感觉。根据游戏原画集记载,官方配色方案是这样的:
- 主色调:#FF9EC6(这种粉像草莓奶昔)
- 辅助色:#7FE5F0(薄荷汽水的感觉)
- 高光色:#FFF87D(柠檬糖的颜色)
2.1 新手容易踩的坑
第三次重做时我才发现,直接套用官方色会显得特别呆。后来在《色彩动力学》里看到个公式:实际使用色=官方色HSB数值+(5~15%随机浮动)
比如那个粉色可以改成:
- H:348±3
- S:85±5
- B:90±2
三、开始动手!AE操作实录
凌晨四点十七分,终于进入正题。这里记下具体操作步骤,免得你们像我一样走弯路:
- 新建1920×1080合成,帧率24
- 拉个矩形填充渐变(别用默认预设!)
- 添加"湍流置换"效果,参数调成这样:
- 大小:187
- 复杂度:6.8
- 演化关键帧:0°→2×360°
这时候背景已经会动了,但像融化的塑料。突然想起冰箱里的果冻,赶紧加了两个细节:
- 边缘光晕:用CC Light Sweep做0.3秒循环扫光
- 质感强化 :加噪波图层,混合模式选柔光,透明度20%
3.1 粒子系统的玄学
想要那些漂浮的小光点,Particular插件差点让我崩溃。最后发现个取巧办法:
发射器类型 | 盒子 | 比点状发射自然 |
粒子数量 | 150-200 | 太少像头皮屑 |
大小随机 | 75% | 绝对不要均匀! |
重点来了:给粒子加0.5像素的高斯模糊,立马就有梦幻感。这个技巧是看某个韩国设计师直播时偷学的。
四、让背景和蛋仔和谐相处
做到天亮发现个大问题——背景太抢戏。根据《视觉焦点权重分析》的数据,背景亮度应该控制在:
- 中心区域:≤35%亮度
- 边缘区域:≤60%亮度
最后用了个骚操作:在背景层上面叠了个径向渐变蒙版,中心透明度30%,边缘70%。这样蛋仔站在任何位置都不会被背景吃掉。
咖啡机又响了,这次做的拿铁拉花居然有点像扭曲的蛋仔。保存工程文件时突然想到,要是加个根据音乐节奏波动的功能应该很酷,不过...那得等下次失眠了。