AE-搜索框展开动画

219天前发布

原创文章 / UI / 教程
micu设计 原创,如需商业用途或转载请与micu设计联系,谢谢配合。

AE-搜索框展开动画

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



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



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



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



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



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



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



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


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

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



5
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    没有新消息