Loading+注水动效+细节控

用户头像
深圳/UI设计师/5年前/441浏览
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
Report
|
11
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
Log in