AE 制作点击下拉菜单动效

 时间:2024-10-12 13:33:44

1、打开AE软件,命名菜单动效,调整相应的参数。

AE 制作点击下拉菜单动效

2、利用形状工具,绘制以下素材,也可以通过外部制图软件做好之后,再导入ae中,我这边是直接在AE里面制作的,一个背景颜色配一个文字,对应的ctrl+shift+c预合成。

AE 制作点击下拉菜单动效
AE 制作点击下拉菜单动效

3、然后将四个图层的锚点分别调整至上边中间区域,然后选中四个预合成,打开图层3D模式倦虺赳式,同时都打开旋转属性,接下来建立父子级关系,将二级2为二级3的父级,二级1为二级2的父级,一级为二级1的父级,然后将点击二级菜单3下的的x轴前面的小码表的同时按住Alt,调用出表达式,然后将表达式关系器连接到二级菜单2的下的X轴上,让二级菜单2成为二级菜单3的父级,同理操作,将二级菜单2的父级选为二级菜单1。

AE 制作点击下拉菜单动效
AE 制作点击下拉菜单动效
AE 制作点击下拉菜单动效
AE 制作点击下拉菜单动效

4、建立父子级之后,对应的表达式框里面会出现如图代码,这个张虢咆噘时候我们需要简单的修改一下代码,在现有代码前面添加一个‘-’就行了,变成-thisComp.layer("二级淖橐郝芴菜单1").transform.xRotation,这个操作的作用是让子级的旋转方向和父级的旋转方向相反。

AE 制作点击下拉菜单动效
AE 制作点击下拉菜单动效

5、这个时候我们切换一种砰攒硎冖观察模式,选择自定义视图来观察比较直观一点,因为前期建立了父子级的关系,我们只需要调整二级菜单1下面的两个子级就会跟着一起变化,我们可以通过调整父下浪猪敏级的x轴旋转角度来实现下拉菜单隐藏和展现的效果。

AE 制作点击下拉菜单动效
AE 制作点击下拉菜单动效

6、给二级菜单1的x轴旋转角度K关键帧,第一帧将三个下拉珑廛躬儆导航隐藏起来(180°),第二帧恢复垂直下拉状态(0°),这个时候按下空格键预览就有一下菜单下来的效果劲忧商偌了,选中所有关键帧按下F9来个缓动,这样效果比较缓和自然。

AE 制作点击下拉菜单动效
  • 如何使用AE进行影视后期的颜色校正
  • AE中在哪更改视频导出的格式
  • AE分身术教程
  • AfterEffects怎样使用CC Pixel Polly
  • Ae文字如何进行描边?
  • 热门搜索
    肺炎手抄报 关于地震的手抄报图片 中秋节手抄报简单 英语圣诞节手抄报 我是小学生手抄报 护士节手抄报 缅怀先烈的手抄报内容 英语国庆手抄报 感恩母亲手抄报内容 师恩难忘手抄报