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吧!
推荐素材
UI 登录界面设计模板包
UI界面 组件
我的钱包-UI界面设计-app
森系3D渐变流体抽象矢量UI背景图
【新年UI图标】汽车icon
钱包ui模板
【新年UI图标】体育icon
高级表盘系列UI源文件
新能源APP应用UIKit
智能家居中心 简约 UI设计组件库
UI通用设计素材1
户外旅行飞机情侣假日出行
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
Security Camera UI kit
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】礼物/活动icon
3D卡通UI界面图标可爱插画免扣素
高级感金属拟物 UI设计组件库
【新年UI图标】活动icon
科技医疗透明柜UI界面设计
【新年UI图标】旅行icon
3D渐变流体抽象矢量UI背景图
盲盒APP UI设计
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册