在手机APP的页面底部的导航栏中 ， 基本都有相应数量的按钮 ， 当我们点击这些按钮时 ， 会有相应的动画效果 ， 那么如何制作出导航栏滑动的动画效果呢？下面 ， 小编就来教大家具体的方法技巧 。
文章插图
1、打开After Effects（以After Effects 2018为例） ， 单击顶部菜单栏中的“合成”按钮 ， 选择“新建合成”选项（或点击左侧的新建合成图标） 。
2、弹出“合成设置”窗口 ， 输入合成名称 ， 设置宽度和高度、帧速率和持续时间 ， 单击“确
定”按钮 。
3、在AI中绘制出相应的形状元素 ， 回到AE中 ， 在左下方的合成面板中单击鼠标右键 ， 选择“新建→纯色”选项 ， 弹出纯色设置窗口 ， 选择一个自己喜欢的颜色 ， 单击确定按钮 ， 新建一个固态层 。
4、将AI中绘制的形状复制粘贴到固态层中 ， 展开固态层的属性列表 ， 给蒙版中的蒙版路径属性添加关键帧 ， 并制作相应的关键帧动画 。
5、用同样的方法将AI中的剩下的形状分别复制粘贴到固态层不同的时间轴位置上 ， 选中所有的关键帧 ， 按F9柔和关键帧 ， 并调整相应的速度曲线 。
6、优化关键帧动画 ， 分别制作3个圆球动画 ， 新建一个调整图层 ， 为其添加高斯模糊效果 ， 并调整相应的数值 。
7、再添加简单阻塞工具效果 ， 调整相应参数即可 ， 你还可以给动画设置颜色和图标 。
【AE如何制作导航栏滑动的动画效果？After Effects导航栏滑动动效制作教程】以上就是导航栏滑动动画的制作方法 ， 希望能对大家有所帮助 。
推荐阅读
- Vegas如何开启全屏预览？Vegas如何开启全屏查看预览效果
- 元素如何进行排版？不得不看的元素排版技巧！
- AE如何制作旋转立体文字的动画效果？After Effects旋转立体文字动效制作教程
- AI如何绘制小火箭渐变图标？Adobe Illustrator小火箭渐变图标制作教程
- AE如何制作故障风签名的效果？After Effects故障风签名效果制作教程
- AE如何制作弹跳加载的动画效果？After Effects弹跳加载动画制作教程
- drmare如何进行分割音频？一款好用音频剪辑工具介绍
- 万彩录屏大师如何使用？万彩录屏大师简单操作
- 剪映如何制作自动卡点视频？剪映制作自动卡点视频方法步骤
- 夜晚如何借助环境补光？夜景光线补充的方法