ui卡片动效设计
武汉/UI设计师/7年前/315浏览
版权
ui卡片动效设计
分享一个简单的卡片小动效设计教程
step1:
快捷键“Q”画一个圆角矩形,绘制时不松开鼠标点击键盘方向键“上”“下”调节矩形圆角
step2:
快捷键“cmd+D”复制两个同样的圆角矩形,命名为“矩形一”“矩形二”“矩形三”如图排列:

step3:
快捷键“cmd+D”复制矩形二,命名为“遮挡矩形”,给“遮挡矩形”的“矩形路径 >大小”添加关键帧,
“alt+」”减去后面多余的时间轴

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

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

2
举报
声明
3
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
2登录即可同步推荐记录哦
3登录即可加入我的收藏
评论登录即可评论想法
分享分享




































