AE-搜索框展开动画

用户头像
北京/UI设计师/6年前/4670浏览
AE-搜索框展开动画

AE-搜索框展开动画

哈喽!大家好!今天米醋给大家带来AE-搜索框展开动画。



1.观察案例,新建一个合成,新建一个纯色层【宽:800,高:600】,填充色为【蓝色】,绘制一个【圆角矩形】,修改矩形的【圆角】和【描边】,参数如图所示。



2.使用钢笔工具绘制【形状】,修改线段端点为【圆头端点】,如图所示。



3.在1秒钟的时候打上一个【路径】关键帧,调整矩形为圆形,选择【锚点】右击选择【蒙版和形状路径】中的【设置第一个顶点】,如图所示。



4.添加【文字】图层,使用【矩形工具】框选文字内容创建【蒙版】,调整【文字内容】关键帧,右击【关键帧】选择【定格关键帧】,按【空格键】进行预览观察,如图所示。



5.在【形状图层】开始打上关键帧,在向后移动打上关键帧,调整矩形为圆形的效果,把【指示器】调到2秒的,按【N】设置当前时间标记为工作区结束,按【空格键】进行预览观察,如图所示。



6.对【搜索按钮】添加【投影】,调整【投影】参数,如图所示。



7.选择图层【Test】和【搜索按钮】做一个【Ctrl+Shift+C】预合成,修改命名,添加【旋转】改为【3】,完成绘制按,【空格键】进行预览观察,如图所示。


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

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



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