Loading+注水动效+细节控
深圳/UI设计师/6年前/448浏览
版权
Loading+注水动效+细节控
涉及的知识点有点多,也有点儿密,注意把控细节和与现实的结合

1:新建合成800*600 24fps
2:新建一个圆形,并命名为“杯体mask”
3:新建两个矩形,填充颜色相近的蓝色,命名为“水位线1”“水位线2”
4:对两个水位线添加效果预设——波形变形,调整数值产生博波纹效果。(最后面收尾的那一下波动也是这样来的)

5:对水位线的两个图层的位置添加关键帧,使它有一个从低水位到高水位的过程。然后将两个水位线图层进行预合成并命名为“水位线”,将水位线的预合成放到“杯体mask”的下方,选择“Alpha遮罩”

6:使用钢笔工具画一个竖线,调整描边宽度,端点为圆角并将图层命名为“水流”;并为该图层添加“修建路径”为修建路径的开始和结束打关键帧,使它有从上往下流的过程以及最后流尽的过程。(为水流设置缓动可以更加具备动感)

7:使用圆形工具制作气泡,给它的位置,缩放,不透明度打上关键帧,错开时间,制造出气泡的效果。对所有的气泡图层进行预合成并命名为“气泡”(对图层进行整理)

8:使用文字工具,一个字母一个图层的打出“loading”字样,对每个图层的位置打上关键帧(注意节奏感),然后将所有的字母层进行预合成并命名为“loading”

9:将“loading”“水流”的预合成图层以及“杯体mask”图层的父级绑定为“水位线图层”

10:在水流恰好触底的时候给“水位线”图层的位置打上关键帧,产生弹一下的效果。

11:具体的一些节奏感看个人感觉,导出渲染后用PS保存为GIF
4
举报
声明
11
分享
相关推荐
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
相关收藏夹
登录注册
4登录即可同步推荐记录哦
11登录即可加入我的收藏
评论登录即可评论想法
分享分享














































































