ui卡片动效设计
武汉/UI设计师/6年前/295浏览
版权
ui卡片动效设计
分享一个简单的卡片小动效设计教程
step1:
快捷键“Q”画一个圆角矩形,绘制时不松开鼠标点击键盘方向键“上”“下”调节矩形圆角
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
Log in
2Log in and synchronize recommended records
3Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share





































