百木园-与人分享,
就是让自己快乐。

AE教程!10分钟搞定一个开关小动画

视频地址:https://www.bilibili.com/blackboard/html5player.html?aid=246929820&as_wide=1

教程作者:我是破美工(授权转载)

交作业:#优设每日作业#

关于教程

本期教程手把手教你搞定一个颇具3D效果的按钮小动画,简单易上手,快来试试吧~

教程效果图

AE教程!10分钟搞定一个开关小动画

关键步骤提示

详细操作请看文章开头的视频教程演示。

Step 01 新建文档

新建一个800×600,帧速率为30,持续5秒的合成。

在画布中央创建一个红色的圆角矩形,并添加投影效果。

AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画

Step 02 添加圆形

单机一下空白处,创建一个描边为白色的圆形,调整到合适的大小和位置。

将描边改为圆角连接,这样做动画时只给大小和位置K帧即可,注意添加缓动。

AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画

Step 03 效果控件

该控件的三个参数分别用来控制振动幅度、弹性大小、阻力。

AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画

Step 04 细节调整

添加按钮滑动时的颜色变化、点击时整体变暗的效果等,这些小细节同样需要添加缓动哦~

AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画 AE教程!10分钟搞定一个开关小动画

最终效果图

AE教程!10分钟搞定一个开关小动画


来源:https://uiiiuiii.com/aftereffects/1212388044.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AE教程!10分钟搞定一个开关小动画

相关推荐

  • 暂无文章