AE制作点击下拉菜单的动画效果方法【详解】
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 ,这个操作的作用是让子级的旋转方向和父级的旋转方向相反。