滑动开关动画的制作【AE教程】

用户头像
北京/UI设计师/6年前/2551浏览
滑动开关动画的制作【AE教程】

AE实例-滑动开关的制作

哈喽!大家好!今天米醋给大家带来AE教程——滑动开关的制作。




制作步骤


新建【合成】,参数【宽:800,高:600】,绘制一个【圆角矩形】,调整矩形的【大小】和【圆度】,按住【Shift】绘制一个圆形,调整【填充色】,关闭【描边】,如图所示。




undefined

调整圆形【移动】,添加【关键帧】,修改【椭圆路径1】为【转化为贝塞尔曲线路径】,如图所示。


undefined



打开【路径】秒表,调整关键帧位置,修改圆形【锚点】,改变图形形状向右移动,右击选择【设置第一个顶点】,如图所示。

undefined

【Ctrl+C】复制第一帧到半秒钟的关键帧,调整关键帧位置,修改圆形【锚点】,改变图形形状想做移动,调整关键帧,如图所示。

undefined

在【P】位置关键帧添加【F9】缓入缓动效果,修改不同关键帧的图形填充【颜色】,按【空格键】进行预览观察,如图所示。

undefined

好啦!今天就分享到这里!你学会了吗?!

在【MICU设计】微信公众号回复“AE教程”即可下载全套AE课程视频


13
举报
|
27
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】汽车icon
我的钱包-UI界面设计-app
3D卡通UI界面图标可爱插画免扣素
UI应用平面图标
【新年UI图标】30个图标
钱包ui模板
手表表盘UI系列
户外旅行飞机情侣假日出行
Security Camera UI kit
盲盒APP UI设计
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI 登录界面设计模板包
高级感金属拟物 UI设计组件库
【新年UI图标】优惠券icon
【新年UI图标】珠宝icon
【新年UI图标】银行卡icon
【新年UI图标】钱包icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新能源APP应用UIKit
智能家居中心 简约 UI设计组件库
UI通用设计素材1
高级表盘系列UI源文件
科技医疗透明柜UI界面设计
你可能喜欢
相关收藏夹
ae
ae
ae
ae
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册