ui卡片动效设计

武汉/UI设计师/6年前/295浏览
ui卡片动效设计
小婉23

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

step1:

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


step2:

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


step3:

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

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


step4:

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



step5:

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

2
Report
|
3
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
Segway E3 Pro|Own Your City
Homepage recommendation
AI可视化动效设计合集
Homepage recommendation
双座丨品牌视觉设计
Homepage recommendation
大家都在看
Log in