首页
限免课
实战课
免费好课
课程库
经验
问答
会员课程
首页 |经验 |ui |经验详情

如何用AE制作标签栏动画

更新时间:2023-11-19

包容半火龙果

ui

2170

大多数人都知道AE是一款功能强大的后期特效软件,可以对视频进行后期处理,那么小伙伴们知道吗,AE还可以制作标签栏动画哦,想知道怎么做吗,那就不要错过下面的文章哦。我们先来看一下最终效果:

完成效果:

如何用AE制作标签栏动画

第一步:将AI中的图标导入AE

1.新建一个合成,在新建一个形状图层命名为底板,并将AI中的底板路径粘贴到形状图层里;

如何用AE制作标签栏动画

2.选中底板,在效果中选择“生成-填充”效果,勾选“所有蒙版”,并填充为白色;

如何用AE制作标签栏动画

3.将AI中的图标导入AE。再次新建一个60x60px的合成命名为“首页”并在该合成内新建形状图层;

如何用AE制作标签栏动画

4.将AI中的图标路径粘贴到“首页”合成里的形状图层,添加“生成-描边”效果;

如何用AE制作标签栏动画

5.同理再次新建一个60x60px的合成将“首页-选中”从AI中导入进来,不过要注意需要分为两个形状图层;

如何用AE制作标签栏动画

第二步:实现动画

1.将“首页”“首页-选中”两合成拖到总合成内,分别给两合成做一个缩放动画;

如何用AE制作标签栏动画


2.选中“首页-选中”,在缩小为60%的位置在左下方用椭圆工具做一个蒙版,意思是“首页-选中”只能在

这个蒙版内显示,在蒙版外则会消失。然后在给这个蒙版K帧,让其扩展。这样选中的效果会慢慢填充为黑色;

如何用AE制作标签栏动画

3.再复制两个“首页-选中”再给它们填充不同的颜色,使其蒙版扩展的动画存在时间差,这样基本动画就完成了;

如何用AE制作标签栏动画

4.在给“首页-选中”加一个液化效果,加一点细节,这样就完成了。

如何用AE制作标签栏动画


以上就是用AE制作标签栏动画的操作步骤了,是不是很简单呢?小伙伴们可以跟着上面的教程做一做哦。

上一篇 下一篇

相关课程

ONLINE COURSES
  • 女生学计算机可以从事什么职业

    女生学计算机可以从事什么职业

    讲师:JennyZ

  • 设计类前景较好的专业有哪些

    设计类前景较好的专业有哪些

    讲师:奇思无止境

  • UI作品集怎么做

    UI作品集怎么做

    讲师:行动者帆帆

  • 元宇宙对设计师有哪些影响

    元宇宙对设计师有哪些影响

    讲师:奇思无止境

免费好课

FREE GOOD COURSES
MORE
  • C4D模型制作技术

    C4D模型制作技术

    3小时15分钟47秒

  • 品牌物料设计课

    品牌物料设计课

    3小时57分钟38秒

  • 网游手绘武器制作课

    网游手绘武器制作课

    3小时55分钟44秒

  • 砸掉培训机构饭碗的AE系统课

    砸掉培训机构饭碗的AE系统课

    19分钟20秒

  • 高分动画电影《落凡尘》主创分享

    高分动画电影《落凡尘》主创分享

    29分钟2秒

  • 游戏3d设计师模型基础课

    游戏3d设计师模型基础课

    3小时49分钟53秒

Copyright © 2015 - 2021北京云创科讯软件有限公司

京ICP备16013396号-1

经营许可证京ICP证161220号

课程咨询电话 18516802937

  • 在线咨询
  • 插件下载
  • 职业测评
  • 素材下载
  • 微信咨询
学习在线解答