ae做侧边栏菜单
今天要说的是ae表达式中的index，index应用在文字的动画中，请看下图：
立即学习“前端免费学习笔记（深入）”；
index在css中是用来表示元素在z轴上的层级的， 在ae中是用来表示图层编号的，如下图：
立即学习“前端免费学习笔记（深入）”；
用好index可以帮助我们提高效率，并且能帮助我们精确的控制每一层动画。
由于是说index的应用，所以其他方面这里不做说明，有兴趣的可以下载源文件。
下面是简单的步骤：
1、输入文字 “我的作品”，将其居中对齐， 把锚点左移到边界，这样确保一会用index做动画其他图层能居中显示（可以尝试不改锚点试试），如下图：
立即学习“前端免费学习笔记（深入）”；
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
如下图：
立即学习“前端免费学习笔记（深入）”；
3、继续复制三层，分别命名为"我的简历"、“修改资料”、“退出登录”如下图：
立即学习“前端免费学习笔记（深入）”；
4、给“我的作品”x位置添加关键帧，做进出动画，见下图：
立即学习“前端免费学习笔记（深入）”；
这样我们只要修改 “我的作品”的x 位置关键帧，就能很好的控制其他图层。
文字教程无法详细说明，加之比较少写教程，表达的可能不太清楚， 有兴趣的可以下载源文件自己看看，应该能看明白的，欢迎交流。
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
936
