点击此处返回

每日可免费学习1个教程

立即登录>

软件入门平面设计 3D数字 C4D教程 Blender教程短视频制作影视动画摄影艺术室内设计绘画插画海外教程电商教程产品精修办公职场编程开发考证·外语品牌设计综合教程 UI设计兴趣生活

详情图文教程训练营推荐

UI设计

AE-浮动展开按钮动效

1353人学过难度:新手入门软件:AE（CC2018）

评论(12) 收藏课程已收藏下载视频

关注人数：3319

UI动效设计师，日常分享UI设计中的动效知识。

AE-暗黑主题TAB动效

8184人已学

AE-点击支付按钮动效

8854人已学

课程综合评分：9.8分

评论可是有底线的

本节教程练习

本课教程的目的是浮动展开按钮动效，喜欢的一起来学习吧。

学完本课内容后，同学们可以根据下图作业布置，在视频下方提交作业图片，老师会一一解答。

那我们开始今天的教程吧。

1.打开【AE软件】，【导入】图片素材，点击【新建合成】，调整【帧速率】25帧/秒，调整【持续时间】5秒，【宽度】800px，【高度】600px，具体如图示。

2.点击【椭圆工具】，画出圆形，点击【窗口】-【Motion 2】，点击【居中】，点击【描边】无，【填充】F41ESF。使用【矩形工具】，画出两个矩形，【填充】白色，按【Ctrl+C】复制，按【Ctrl+V】粘贴，调整【旋转】，按【Ctrl+Shift+C】预合成，具体如图示。

3.选择【中心点】，调整到【中心】位置，选择【圆形】，按【Ctrl+C】复制，按【Ctrl+V】粘贴，调整【位置】，【填充】白色，【重复】操作，点击【对齐】，具体如图示。

4.选择【图标1】，拖动到【画面】中，调整【位置】，按【S】缩小调整，再次拖到【图标2】到画面中，按【S】缩小到20，具体如图示。

登录后学习完整图文教程

虎课APP离线下载免流量

70000+教程，每天免费学一课

一键打开