点击此处返回

每日可免费学习1个教程

立即登录>

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

详情图文教程训练营推荐

UI设计

AE-添加按钮动效

1947人学过难度:初级练习软件:AE（CC2018）

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

关注人数：3319

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

AE-暗黑主题TAB动效

8184人已学

AE-点击支付按钮动效

8854人已学

课程综合评分：9.7分

评论可是有底线的

本节教程练习

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

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

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

1.打开【AE】软件，点击【新建合成】，调整【宽度】800px，【高度】600px，调整【颜色】344A7F。使用【圆角矩形工具】，调整【描边】无，【填充】FF1038，具体如图示。

2.点击【中心点】，调整【位置】，点击【中心】对齐。使用【圆角矩形工具】，画出圆角矩形，调整【中心点】位置，【填充】白色，按【Ctrl+C】复制，按【Ctrl+V】粘贴矩形，按【R】调整【旋转】，选择【两个图层】，按【右键】预合成，具体如图示。

3.双击进入【合成】，点击【合成】合成设置，调整【宽度】100，【高度】100。选择【形状图层】，按【R】旋转，添加【关键帧】10帧，移动到【20帧】位置，调整【角度】45，选择【关键帧】，按【右键】-【关键帧辅助】-【缓动】，点击【图表编辑器】，调整【曲线】，具体如图示。

4.选择【add】合成，按【R】旋转，添加【关键帧】，选择【10帧】与【20帧】，调整【20帧】，调整【旋转】45度，调整【缩放】210

登录后学习完整图文教程

虎课APP离线下载免流量

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

一键打开