如何制作Dribbble流行的拟态化开关动效?-AE教程!

当前位置:云点网 > 设计教程 > AE教程 >

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

关于教程 (源文件 -> 右侧)

在扁平化的基础上,通过添加光影,可以让作品细节更丰富,非常有助于提升整体效果~

教程步骤

STEP 1 新建合成

新建合成,尺寸设置800*600,帧速率25,命名为微拟物开关

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

STEP 2 创建背景色动画

选择图层-新建-纯色

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

命名为背景色,颜色可以随意选择

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

选择背景色,右键 -图层样式-颜色叠加

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

将颜色设置为白色底色,并在第一帧打上关键帧

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

在第10帧将颜色改变为黑色底色,背景色动画创建完成

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

STEP 3 创建开关底部动画

新建320*160大小的矩形,颜色设置白色底色,命名为开关底-暗部

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

选择右键-图层样式-添加内阴影

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

内阴影颜色设置为白色暗色,其它属性如图

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

将开关底-暗部复制,改名为开关底-亮部,更改模式为变暗,内阴影颜色改为白色亮色,角度如图调整

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

找到开关底-亮部的填充颜色和内阴影颜色,分别K帧,在第10帧颜色变化为黑色底色和黑色亮色(如图所示)

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

开关底-暗部也进行相同操作(注意内阴影颜色不同)

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

至此,背景色和开关底部的动效制作完成

如何制作Dribbble流行的拟态化开关动效?-AE教程!-云点网

1、VIP会员无限制任意下载,免积分。立即前往开通>>
2、下载积分可通过日常 签到、绑定邮箱 以及 积分兑换 等途径获得!
3、本站资源大多存储在云盘,如出现链接失效请评论反馈。
4、所有站内资源仅供学习交流使用。未经原版权作者许可,禁止用于任何商业环境,否则后果自负。为尊重作者版权,请购买正版作品。
5、站内资源来源于网络公开发表文件或网友分享,如侵犯您的权益,请联系管理员处理。
6、本站提供的源码、模板、软件工具等其他资源,都不包含技术服务,请大家谅解!
7、源码、模板等资源会随着技术、坏境的升级而存在部分问题,还请慎重选择。

云点网 » 如何制作Dribbble流行的拟态化开关动效?-AE教程!


发表评论

每日签到
网站客服

官网QQ群

返回首页
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡