首頁 > web前端 > html教學 > ae表达式中index的应用_html/css_WEB-ITnose

ae表达式中index的应用_html/css_WEB-ITnose

WBOY
發布: 2016-06-21 08:49:54
原創
1947 人瀏覽過

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 位置关键帧,就能很好的控制其他图层。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板