ae中想要制作一个下拉菜单，鼠标点击一下，菜单显示二级下拉导航，该怎么制作这个动画效果呢？下面我们就来看看详细的教程。
一、制作下拉菜单
1、打开AE软件，命名菜单动效，调整相应的参数。
2、利用形状工具，绘制以下素材，也可以通过外部制图软件做好之后，再导入ae中，我这边是直接在AE里面制作的，一个背景颜色配一个文字，对应的ctrl+shift+c预合成。
3、然后将四个图层的锚点分别调整至上边中间区域，然后选中四个预合成，打开图层3D模式，同时都打开旋转属性，接下来建立父子级关系，将二级2为二级3的父级，二级1为二级2的父级，一级为二级1的父级，然后将点击二级菜单3下的的x轴前面的小码表的同时按住Alt，调用出表达式，然后将表达式关系器连接到二级菜单2的下的X轴上，让二级菜单2成为二级菜单3的父级，同理操作，将二级菜单2的父级选为二级菜单1。
4、建立父子级之后，对应的表达式框里面会出现如图代码，这个时候我们需要简单的修改一下代码，在现有代码前面添加一个‘-’就行了，变成-thisComp.layer("二级菜单1").transform.xRotation，这个操作的作用是让子级的旋转方向和父级的旋转方向相反。
5、这个时候我们切换一种观察模式，选择自定义视图来观察比较直观一点，因为前期建立了父子级的关系，我们只需要调整二级菜单1下面的两个子级就会跟着一起变化，我们可以通过调整父级的x轴旋转角度来实现下拉菜单隐藏和展现的效果。
6、给二级菜单1的x轴旋转角度K关键帧，第一帧将三个下拉导航隐藏起来（180°），第二帧恢复垂直下拉状态（0°），这个时候按下空格键预览就有一下菜单下来的效果了，选中所有关键帧按下F9来个缓动，这样效果比较缓和自然。
二、制作箭头
导入一个箭头素材，或者自己用钢笔工具绘制也行，我们需要实现鼠标点击一下，展示下拉菜单的效果，所以我们这边给箭头做个位置动画，先拉出画布外，再移到一级菜单那，把下拉的效果和箭头出现的时间错开来。
三、制作鼠标点击效果
再来做一个鼠标点击时候的一个小效果，这样看起来比较逼真自然，新建一个纯色层，然后选中纯色层，用圆形工具画一个遮罩（铺满整个画布），然后给蒙版扩展K关键帧，先是显示一点点，后是恢复铺完整个画布，选中蒙版，CTRL+D复制一层，然后模式选择相减。效果做好之后，我们调整它跟整个动画的节奏性。
以上就是ae制作下拉菜单动画效果的教程，希望大家喜欢，请继续关注脚本之家。
相关推荐：
