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
相关收藏夹
Log in
4Log in and synchronize recommended records
11Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share














































































