ui卡片动效设计

用户头像
武汉/UI设计师/7年前/315浏览
ui卡片动效设计
用户头像
小婉23

分享一个简单的卡片小动效设计教程

step1:

快捷键“Q”画一个圆角矩形,绘制时不松开鼠标点击键盘方向键“上”“下”调节矩形圆角undefined


step2:

快捷键“cmd+D”复制两个同样的圆角矩形,命名为“矩形一”“矩形二”“矩形三”如图排列:


step3:

快捷键“cmd+D”复制矩形二,命名为“遮挡矩形”,给“遮挡矩形”的“矩形路径 >大小”添加关键帧,

“alt+」”减去后面多余的时间轴


step4:

快捷键“p”,调整“矩形一”“矩形二”“矩形三”的位置关键帧,展开动效完成



step5:

复制合成一生成新的合成二,讲合成二拖入到合成一,“cmd+alt+R”反向时间轴,收起的动效完成

2
举报
|
3
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
盲盒APP UI设计
【新年UI图标】秒杀icon
高级表盘系列UI源文件
户外旅行飞机情侣假日出行
智能家居中心 简约 UI设计组件库
钱包ui模板
【新年UI图标】礼物/活动icon
科技医疗透明柜UI界面设计
3D卡通UI界面图标可爱插画免扣素
新能源APP应用UIKit
【新年UI图标】30个图标
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】体育icon
【新年UI图标】钱包icon
高级感金属拟物 UI设计组件库
【新年UI图标】会员icon
新拟态风格 UI设计组件库
我的钱包-UI界面设计-app
【新年UI图标】汽车icon
3D渐变流体抽象矢量UI背景图
【新年UI图标】旅行icon
Security Camera UI kit
UI界面 组件
你可能喜欢
大家都在看
登录注册