登录/注册
UI交互动画设计，教你做会超Q弹的动态彩球动画
作者：潮点学院
｜
发布于 2023-03-04 17:30:01
470阅读
｜
1点赞
如何做出这种多彩Q弹的动画？制作这个效果主要需要掌握两个知识点，第一是形状图层如何做成立体的球形，第二是如何使用弹性柔和脚本Soft body。
一、关于教程
大家好，这节课给大家分享超Q弹的动态彩球动画，制作这个效果主要需要掌握两个知识点，第一是形状图层如何做成立体的球形，第二是如何使用弹性柔和脚本Soft body。
二、教程简概
详细操作请看文章开头的视频教程演示。
Step 01 渐变背景
创建背景，添加四色渐变插件，再添加湍流置换让背景流动起来。
Step 02 小球的立体感
绘制圆形的形状图层，参考配色网站进行球体配色，然后调整图层样式做出小球的立体感，其他球体的制作方式都相同。
Step 03 球体路径
给球体打上wiggle表达式，添加中间的文字版面，给所有图层打开三维开关并做出纵深感，然后新建一个小球制作碰撞路径。
Step 04 弹性柔和脚本
使用弹性柔和脚本Soft body把游动的小球设置为硬，中间的大球设置为软，复制大球并修改参数优化碰撞效果。
