AE小小教程，简约翻页倒计时

【教程前言】

整个教程分为四个部分：秒、10秒、分、倒计时。

其中第一个部分几乎占了整个教程60%的繁琐度和难度，希望耐心看完。整个教程看下来做下来目测会花四五小时，适合刚接触AE或者接触不久的人使用。

【第一部分：秒】

①、打开AE，新建一个合成，Composition-New Composition。合成命名为“翻板”，宽设置为300，高为500，持续时间设置为5分20秒，其他默认。

②、新建“翻板”合成之后，我们新建一个固态层，Layer-New-Solid，颜色设置为“76BEBD”（你也可以自己选择喜欢的颜色），其他默认，确定。翻板我们就做好了！

③、接着，我们在新建一个合成，Composition-New Composition，命名为“s-0”，表示秒钟的“0”，宽设置为1280，高设置为720，其他默认，点击确定。

④、把项目窗口刚刚创建的“翻板”拉进“s-0”里面，如图操作。然后选择工具栏的文本工具，选择字体为“Poplar Std”，大小为500，白色，在预览窗口输入“0”，调整至如图位置。

⑤、在图层窗口把“翻板”图层和“0”图层的3d开关打开（如果没有找到3d开关，图层窗口下面有个切换模式按钮，点击一下就有。或者F4快捷键。）。

然后再工具栏那里选择轴心工具，把翻板和0的轴心都拉到同个位置（翻板的顶端中间位置）。

⑥、在时间刻度的上面有一个伸缩条，可以控制时间刻度的精度，我们把它拉短以显示更精确的时间。

把时间线（红色的那条）拉到0秒时刻，接着，选中“翻板”图层，按‘r’键调出它的旋转属性，激活X Rotation前面的秒表，然后把X Rotation的值调为‘-82.0’。这是，翻板就被翻上去了。

⑦、在图层窗口的左上角时间栏那里输入‘0:00:00:05’，这样时间线就跳到了第五帧处，改变X Rotation的值为0，这时它就会自动生成一个新的关键帧。

按住Alt不放，点击X Rotation前面的秒表，打开X Rotation的表达式窗口，把“弹性表达式”粘贴进去。完工。

amp = .05;

freq = 3.0;

decay = 3.0;

n = 0;

if (numKeys > 0){

n = nearestKey(time).index;

if (key(n).time > time){n--;}

}

if (n == 0){ t = 0;}

else{t = time - key(n).time;}

if (n > 0){

v = velocityAtTime(key(n).time - thisComp.frameDuration/10);

value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);

}

else{value}

⑧、这时翻板会发生弹性的翻动，我们想让“0”也跟着翻板运动。选中“0”图层，按‘r’打开它的旋转属性。按住Alt键点击X Rotation前面的秒表，然后如图，把那个圈圈一样的东西拉动到“翻板”图层的X Rotation字样那里放开。

你会看到“0”的X Rotation的表达式框里面自动多了一句语句。这个“圈圈”是建立“父子关系”，让前者跟着后者进行同样的位置、旋转的变化。这样，翻板和“0”就一起翻动了。

⑨、在时间那里输入‘0:00:01：00’，时间线跳到1s处。重新选中“翻板”图层，点击箭头所指的那个小点，1s处就新建了一个关键帧。

按键盘上的‘PgUp’键，时间线往前移动一帧。我们可以看到X Rotation的值是‘2.1’，这个值是红色的，说明此时表达式（弹性表达式）正在起作用。我们把‘2.1’下面的等号点击一下，让表达式不起作用，然后手动把X Rotation的值改成刚刚的‘2.1’ ，这时自动生成了一个关键帧。

如法炮制，我们再点击‘2.1’下面的不等于好让表达式生效，然后我们再按‘PgUp’键，记下X Rotation红色的值‘4.0’，再点击等于号，手动输入‘4.0’，生成关键帧。如此这般一直做到第五帧之前，3分钟之后，如图所示。

最麻烦的一步过去了，我们继续往下做。

⑩、我们用关键帧代替了弹性表达式，现在我们可以删掉弹性表达式，输入

loopOut(type=“cycle”,numkeyframe=0)

这是一个让关键帧不断循环的表达式。这时我们可以看到，翻板和数字每一秒都会翻动起来，但是秒数为‘0’我们只需要让它每10s翻动一次，所以我们在时间栏那里输入‘0:00:10:00’，时间线跳到10s处，我们点击最左边箭头所指的小点，新建一个关键帧。

这时，翻板和数字每十秒翻动一次。

?、我想让翻板和数字的亮度随着翻动的角度变化而变化（妈蛋po主你事好多啊！(╯‵□′)╯︵┻━┻）。想象一下，光从上面往下照，那么翻板从上往下翻的时候亮度应该是逐渐变暗。知道这个关系后，我们开始做吧。

选中“翻板”图层，给它加Effect-Color Correction-Brightness&Contrast(亮度和对比度)效果。按住Alt键点击特效窗口的Brightness前面的秒表，打开它的表达式框。

我们在表达式框里面输入“n=”，然后把那个圈圈拉到X Rotation字样，让n=X Rotation的数值。然后再输入“linear(n, -82, 22, 60, -15)”。这个表达式的意思是当n在（-82， 22）这个区间变动时，亮度就对应比例地在（60， -15）之间变动。

也就是说，当X Rotation值为‘-82’时，亮度为60最大，而随着X Rotation减小，亮度也开始减小。其中，-82是翻板最小的角度，22是翻板最大的角度。

我们在特效窗口选中Brightness&Contrast这个特效，复制（Ctrl+c），然后选中“0”图层，粘贴（Ctrl+v）。这时，随着翻动，它们亮度也会变化。

?、为了方便管理，在项目窗口新建一个名为“s”的文件夹，把“s-0”拉进去。然后选中“s-0”按‘Ctrl+d’复制九个，把最后那个“s-10”右键重命名（rename）为“s-1”。

双击“s-1”，进入合成，把“s-1”里面的“0”文本图层改成“1”，其他不变。同样的，双击“s-2”、“s-3”等分别进入它们的合成，更改文本为对应数字。

全部更改完后，把这些合成关掉，方便管理。

?、新建一个合成，命名为“10*1s”。把项目窗口的“s-0”至“s-9”全部拉进来，然后调整图层顺序如图（从上往下：1234567890）。

选中最底下的“s-0”图层，按住‘Shift’，再点击最上面的“s-1”图层，把所有图层选中了（这是从下往上选图层，不可以从上往下，也不可以随便选，因为图层排序会依照你选择图层的顺序来排列）。

Animation-Keyflare Assistant-Squence Layers(序列图层)，勾选‘overlap’，Duration值为‘0:05:19:00’，点击OK。

这时，所有图层按间距为1s排列，播放可以看到翻页效果已经做出来了。

?、新建一个合成，命名为“30*10*1s”，因为我们要做的是一个5分钟倒计时。把项目窗口的“10*1s”拉进新建的合成里，按“Ctrl+d”复制出30个“10*1s”，总共31个。

接着，我们还是从下往上选中所有图层（用‘Shift’键），然后Animation-Keyflare Assistant-Squence Layers(序列图层)，这时把Duration改成‘0:05:10:00’，点击OK。

?、基本秒的部分就完成了，我们最后看看项目窗口，你的项目窗口应该和我是一样的，如果缺少了什么，很可能是被误入“s”组里面了，要把它拉出来，方便管理。（强迫症吗你！(╯‵□′)╯︵┻━┻）

【第二部分：10秒】

①、打开项目窗口的“s”组，选中“s-0”，‘Ctrl+d’复制一个，把复制出来的“s-10”右键重命名（rename）为“10s-0”，然后把它拉出“s”组。如图。

②、双击“10s-0”，进入合成。因为10s位的‘0’是每隔1min翻动一次，所以我们要把‘0:00:10:00’处的X Rotation的那个关键帧剪切粘贴到‘0:01:00:00’处。这样loopOut表达式让关键帧循环，就可以每一分钟循环一次。

具体做法：选中“翻板”图层，按‘r’调出它的旋转属性，选中10s处的关键帧，剪切（Ctrl+x）。然后在时间处输入‘0:01:00:00’，时间线跳到一分钟处，粘贴关键帧（Ctrl+v）。完成！

③、回到项目窗口，我们新建一个“10s”组，把“10s-0”拉进去，然后‘Ctrl+d’复制五个，把最后的“10s-6”右键rename为“10s-1”。

像第一部分一样，我们双击“10s-1”进入合成，把文本图层“0”改成‘1’，用相同办法改完所有的“10s”组里面的合成，改成合成名字对应的数字。

然后关闭合成，方便管理。

④、新建一个“6*10s”合成。把项目窗口“10s”组里面所有的合成都拉进新建的合成里，然后图层顺序从上到下应该是‘123450’，如图。

Animation-Keyflare Assistant-Squence Layers(序列图层)，Duration改成‘0:05:10:00’，点击OK，如图。

⑤、新建一个“5*6*10s”合成。把项目窗口的“6*10s”拉进来，‘Ctrl+d’复制出5个。Animation-Keyflare Assistant-Squence Layers(序列图层)，Duration改成‘0:04:20:00’，点击OK，如图。

⑥、左上角时间栏输入‘0:01:10:00’,选中图层序号为5的倒数第二个图层，按‘Alt+[’改变图层入点。然后再输入‘0:00:01:00’，时间线跳到1s处，选中图层序号为1-5的五个图层，往左拖动，使得序号为5的倒数第二个图层的入点和时间线对齐（建议缩短伸缩条，保证对齐的精确度！）。

然后时间栏输入‘0:00:02:00’，时间线跳到2s处。选择最后一个图层，‘Alt+]’，改变图层出点。

⑥、此时，项目窗口应该如我所示，如果发现缺少了什么，可能是误入了“s”或者“10s”组，请把它拉出来，方便管理。

【第三部分：分】

①、打开“10s”组，选中“10s-0”，‘Ctrl+d’复制，然后把复制出来的“10s-6”右键rename为“m-0”，从“10s”组拉出来。

新建一个“m”组，把“m-0”放进去。

②、双击进入“m-0”合成，选中“翻板”图层，连续按【两】次‘e’键，调出表达式，把X Rotation属性的表达式删除。因为对于五分钟倒计时，分钟不需要循环翻转。

③、回到项目窗口的“m”组，选中“m-0”，‘Ctrl+d’复制出五个，把最后的“m-6”右键rename为“s-1”。然后双击进去，把文本“0”改成“1”，同样的，一一双击m组的每个合成，把里面文本改成对应合成名字的数字。

④、关掉合成，方便管理。

⑤、新建一个“5*1m”的合成，把m组里面的“m-0”至“m-5”全部拉进来，改变图层顺序从上到下为‘012345’。

依次选中“m-5”和“m-4”两个图层，Animation-Keyflare Assistant-Squence Layers(序列图层)，Duration改成‘0:05:19:00’，点击OK，如图。

然后依次选中“m-4”、“m-3”、“m-2”、“m-1”、“m-0”图层，Animation-Keyflare Assistant-Squence Layers(序列图层)，Duration改成‘0:04:20:00’，点击OK，如图。

【第四部分：倒计时】

①、新建一个“倒计时”合成，此时项目窗口应如图所示，如果缺少什么，可能是误入分组，请找出来然后拉出来，方便管理。

②、分别把“30*10*1s”、“5*6*10s”和“5*1m”拉进“倒计时”合成里。‘Ctrl+a’全部选中，按‘p’键调出三个图层的position位置属性。

数值设置如图。

③、Layer-New-Solid，新建一个固态层，把它拉到图层的最下面。然后添加effect-General-Grid（网格）效果，再特效窗口编辑网格效果，设置如图。

④、再新建一个固态层，颜色选择白色，把它拉到最下面。背景制作完毕。选择工具栏的文本工具，键入“：”，移动到适合位置。效果图如图。

⑤、现在我们给翻页倒计时添加阴影效果。在项目窗口的“s”组双击“s-0”打开合成，选中“翻板”图层，effect-Perspective-Drop Shadow（投影），效果设置如图。

然后我们选中这个“Drop Shadow”，‘Ctrl+c’复制这个特效。分别给“s”组、“m”组、“10s”组里面的所有合成里的“翻板”图层粘贴‘Ctrl+v’投影效果。（其实这一步在之前“s-0”的建立就可以做，那样更方便，但第一部分太繁琐了，所以我就推迟到最后做。）

⑥、同样的，回到“倒计时”合成，我们也给“：”图层‘Ctrl+v’粘贴投影效果。

⑦、新建一个固态层（Layer-New-Solid），颜色选择‘黑色’。在工具栏选择椭圆工具，在保证黑色固态层选中情况下，在固态层上画一个椭圆遮罩，如图。

⑧、选中黑色固态层，展开它的遮罩属性，勾选‘Inverted’，其他设置如下，可根据自己感觉调整。

⑨、最终效果图。