在After Effects中创建类似这样的东西所需的知识：
如何制作项目和构图
启动AE时，您可以按Cmd+N创建其中包含一个合成的新项目。
如果您已经打开了一个Project，则按Cmd+N仅创建一个新的Composition。
在这个项目中，我使用了2种成分。GUIcomp以保存GUI及其动画。iphonecomp同时包含背景和GUIcomp。
具有GUI动画的第二个合成应该与屏幕大小相同，或者至少具有相同的纵横比。稍后，当您将其放置在屏幕上时，如果禁用了宽高比，它可能会变得奇怪。
将图像导入到AE
After Effects具有导入.psd文件的相当不错的系统，但我不喜欢使用它，因为如果放错位置，移动或重命名.psd文件，则在Effects无法找到它之后，您必须替换每个素材单独分层。
例如，如果您将图像文件夹导入到项目中。重命名图像文件夹，您只需要替换一个图像素材，就可以恢复所有丢失的图像（只要所有丢失的图像都存在于同一文件夹中）。同样，这种方式也可以减少混乱。
如何将图像导入项目
在左侧的“项目”面板中右键单击，选择： Import > Multiple files
...或者您可以将文件拖到该面板中
我用切片将图像从Photoshop中导出。
您应将哪些对象另存为单独的图像文件
本质上，您将要单独保存所有移动的对象。您可能还需要单独保存一些静态对象。
在这个项目中，我可能已经将页眉和页脚另存为一个，但是页眉在第一个按钮上有一个阴影，因此我不得不分别保存它们。
这是在将图像文件导入到AE中之前如何在photoshop中保存图像文件的详细信息。
动画101
位置动画：
- 位置动画：
- 在时间轴左侧的列表中选择对象。
- 按 P
- 单击所选图层下面的秒表图标。这会自动添加第一个关键帧，无论您的时间指示器在哪里（时间线中的红线）。
- 将时间指示器在时间轴中向前移动。拖动Cmd+{Arrow left or right}或Cmd+Shift+{Arrow left or right}
- 在合成查看器中，将对象拖到想要移动的位置（您也可以使用Shift+arrow keys，就像在photoshop中一样，或者拖动数字值。）。
- 另一个关键帧出现在时间轴中，现在您有了动画。
- 您可以按以下方式播放动画 space
将关键帧彼此移近以加快动画的速度，或者使关键帧彼此远离以减慢动画的速度。
暂停后继续播放动画。
一个场景：您已经将某物从A动画化为B，并且想要暂停X毫秒，然后从B转换为C。
为B制作动画后，在时间轴中前进，然后单击左侧的关键帧图标，此处： 
它应该看起来是灰色的，所以不用担心。这只是意味着该位置没有关键帧
由于关键帧＃2和新创建的关键帧＃3变换具有相同的值，因此这两个关键帧之间现在存在暂停。然后，您可以通过在时间轴中向前移动并再次更改值来继续正常制作动画。
动画其他事物，例如旋转或不透明度
我只是想借此时间告诉您，它们全部都像位置动画一样工作（...减去拖动）。
只需使用按以下热键时显示的数字滑块即可。
不同转换方法的热键：
- P -位置
- T -不透明度
- R - 回转
- S -规模
- A -锚点
只需选择一个或多个对象，然后按这些热键之一并开始动画即可。如果不选择任何内容，它将显示comp中每个对象的变换方法。
如何将对象从属到其他对象
在“比较”面板中，您会注意到每个对象上的“父级”下拉列表。
您可以使用它来定义对象的父对象。
如果随后移动父级，您会注意到子元素现在随之移动。附加到Parent元素的动画也是如此。
如果为父对象设置动画以使其旋转，则子代将跟随...
为动画增添弹性
因此，也许您注意到按钮动画不会停止在墙上，而是以非常有弹性的方式停止。
After Effects表达式可用于实现此目的（它也可以做很多事情）。
要将Expression脚本应用于动画，Alt+{mouse click}请先将秒表粘贴到脚本中。
我在按钮动画中使用的表达式
amp, freq, decay可以编辑前三个变量以获得不同的结果。
您可以将此相同脚本应用于基于运动的动画。例如，不透明度动画不受影响。
也可以在这里找到。
amp = .1;
freq = 1.0;
decay = 9.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}
放松...。
因此，这是另一件事，可以使动画看起来不那么线性，就像上面的Expression脚本一样。
我在“触摸指示器圆圈”中使用了Ease Ease，使它看起来更像人的动作。
您可以选择一个或多个关键帧，然后右键单击其中之一。
然后从列表中： Keyframe assistant > Easy Ease
我经常使用Easy easy，因为我很懒...
图片还是没有发生...
这是一个简单的位置动画，演示了缓动和此特定表达脚本如何对动画产生巨大影响。
将动画的片段/场景放到屏幕上
因此，在为GUI设置动画之后，是时候将其放在设备的屏幕上了。
- 将GUI comp放置在iPhone comp中，就像将图像放置在合成中一样。
- 在“项目”面板中双击iPhone comp
- 选择GUI组件
- 从顶部菜单
Effects > Distort > Corner pin
- 然后只需拖动每个角以匹配设备屏幕的角即可。
导出到.gif
AE没有执行此操作的本机方法，但不用担心，有很多方法。
我更喜欢这样做：
- 在
Projects panel
Composition > Add to render queue Cmd+Ctrl+M- 然后在通常位于时间轴的底部，选择要导出的内容和位置。
- 我通常导出无损.mov
- 如果单击“渲染设置”，则可以选择一个帧率，否则将使用“补偿”帧率
- 然后，只需按右上角或该面板上的render。
- 找到导出的文件，然后在photoshop中打开它。
- 储存网路 Cmd+Shift+Alt+S
老实说还不错...
导出为视频文件
因此，即使上面的方法向您展示了如何导出无损文件，也不是导出视频文件的方式。
您可以这样操作：
- 保存您的项目文件。
- 单击
Projects panel（如果您有多个）中的组成
Composition > Add to adobe media encoder queue Cmd+Alt+M- 将预设从右列拖到左列
- 按播放。
- 如果您不选择导出文件夹，则默认情况下它位于项目文件旁边。
如何更换镜头
AE无法找到您的文件吗？做这个：
- 在“项目”面板中右键单击丢失的素材之一
- 从清单
Replace footage > File...
- 找到您的素材和内容
其他有用的热键
- U-显示组合中所有使用的关键帧（如果未选择任何内容）。例如，当您需要一次移动多个关键帧时，此功能非常有用。
- U（双击）-显示更改的所有内容。
- E（双击）-显示所有使用的表达式。
- J -移至上一个关键帧。
- K -移至下一个关键帧。
- space -播放伴奏
- I或home键-将当前时间指示器移到时间轴的开头。
- Cmd+K -当前的构图设置。
- Cmd+I -导入文件。
- Alt+{Arrow keys left and right} -选择关键帧，然后按热键来移动它们。
- Alt+Shift+{Arrow keys left and right} -选择关键帧，然后按热键来移动它们。
可以找到项目文件here。
