恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
ae表达式中index的应用
0.0°
2016-04-29 原创文章 教程 举报 6478 25 25 4

ae做侧边栏菜单

今天要说的是ae表达式中的index,index应用在文字的动画中,请看下图:

Image title



index在css中是用来表示元素在z轴上的层级的, 在ae中是用来表示图层编号的,如下图:

Image title


用好index可以帮助我们提高效率,并且能帮助我们精确的控制每一层动画。多多尝试可以用index做出很多好玩的效果。


由于是说index的应用,所以其他方面这里不做说明,有兴趣的可以下载源文件。


下面是简单的步骤:

1、输入文字 “我的作品”,将其居中对齐, 把锚点左移到边界,这样确保一会用index做动画其他图层能居中显示(可以尝试不改锚点试试),如下图:

Image title


2、ctrd+d复制 "我的作品"图层,命名为“我的收藏”,展开position属性(可以单击右键将x、y坐标分离),

按住alt点击x位置前的码表,添加表达式,将其的x位置和"我的作品"的x位置关联起来,这时会自动生成表达式:

thisComp.layer(" 我的作品").transform.xPosition

我们将其改为thisComp.layer(" 我的作品").transform.xPosition*index,  这样距离就会在" 我的作品"的x位置基础上乘上1、2、3、4、5

如下图:

Image title


3、继续复制三层,分别命名为"我的简历"、“修改资料”、“退出登录”如下图:

Image title


4、给“我的作品”x位置添加关键帧,做进出动画,见下图:

Image title

这样我们只要修改 “我的作品”的x 位置关键帧,就能很好的控制其他图层。


文字教程无法详细说明,加之比较少写教程,表达的可能不太清楚, 有兴趣的可以下载源文件自己看看,应该能看明白的,欢迎交流。



更新:2016-04-29

下载
收藏

25人已收藏

若比邻

QQ交流群:586454119

  • 55

    作品

  • 921

    粉丝

  • 46

    关注

  • 上百个AE教程、AE表达式教程
  • 70个AE表达式教程汇总
  • 7个AE、AE表达式教程
  • 两个AE表达式教程

    猜你喜欢

      2016-04-29 原创文章 教程 举报 6478 25 25 4

      ae表达式中index的应用

      0.0°

      你确定要举报ae表达式中index的应用

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年04月29日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      25
      25
      4

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录