
2.3 层父子关系——飞入地球
2.3.1 案例概述
本节实例用图片比例动画制作出由远到近的穿梭感。本实例使用11层同一坐标,不同距离拍摄图像,并拼接在一起,形成父子关系。制作比例动画,使图像产生由远到近的穿梭感。使用多层素材叠加,就不会出现因为像素问题产生色块,使每一帧都能看到图像细节。
父子连接:父物体属性改变,子物体属性跟随父物体属性变化。子物体属性改变不影响父物体属性。
最终效果如图2-84所示。

图2-84
本章涉及的主要知识点如下:
● 图层重叠
● 父子连接
● 遮罩绘制
● 关键帧辅助
● 晃动制作
● 校色
2.3.2 制作步骤
首先将素材图片拼接在一起并做父子连接,记录关键帧,再制作遮罩羽化拼合边缘,制作虚拟层运动,然后制作飞入地球时摩擦产生的晃动,编写表达式控制晃动,用动态平铺滤镜修补晃动时露出的黑边。最后校色,用色相饱和度滤镜和曲线滤镜调整颜色。
1. 飞入地球场景制作
(1)打开Adobe After Effects ,建立新的合成层。选择Composition>New Composition(合成>新合成层)菜单命令,或者使用快捷键Ctrl+N。在弹出的合成层设置对话框中设置合成层参数。在Basic(基本)选项卡中分别设置Preset(预设)、Width(宽度)、Height(高度)、Pixel Aspect Ratio(像素纵横比)、Frame Rate(帧频)和Duration(时长)参数,如图2-85所示。

图2-85
(2)导入素材文件。选择Project(项目窗口),在空灰色区域单击鼠标右键,在弹出的快捷菜单中选择Import>File(导入>文件)命令,素材文件在光盘中。
(3)将素材图片拖动到合成层中。选择Project(项目窗口),将导入的素材图片拖动到合成层中,排列图层顺序。按照图片名称从小到大排列,如图2-86所示。

图2-86
(4)关闭图层显示。依次单击Layer03、Layer04、Layer05、Layer06、Layer07、Layer08、Layer09、Layer10、earth.11显示按钮,关闭显示,只剩下Layer01、Layer02层显示,如图2-87所示。

图2-87
(5)调整图层属性。
● 选择Layer01层,单击箭头展开图层属性菜单,在展开的Transform(变换)菜单中设置参数。设置Opacity(不透明度),观察视图窗口中的素材,设置Scale(比例),使图像重合,再将Opacity(不透明度)设置回100%。调整透明度,使下面的图像显示出来,调整比例,使两幅图像重合在一起,调整透明度,如图2-88所示。

图2-88
● 设置Layer01层和Layer02层做父子连接,关闭Layer01层显示开关,打开Layer03层显示开关,对Layer02层和Layer03进行操作。设置父子关系,使Layer01层参数随Layer02层变化,如图2-89所示。

图2-89
● 选择Layer02层,单击箭头展开图层属性菜单,在展开的Transform(变换)菜单中设置参数。设置Opacity(不透明度),观察视图窗口中的素材设置Anchor Point(锚点)、Position(位置)、Scale(比例),使图像重合,再将Opacity(不透明度)设置回100%。调整透明度,使下面的图像显示出来,调整比例和位置,使两幅图像重合在一起,调整透明度,如图2-90所示。

图2-90
● 设置Layer02层和Layer03层做父子连接,关闭Layer02层显示开关,打开Layer04层显示开关,对Layer03层和Layer04进行操作。设置父子关系,使Layer02层参数随Layer03层变化,如图2-91所示。

图2-91
● 选择Layer03层,单击箭头展开图层属性菜单,在展开的Transform菜单中设置参数。设置Opacity(不透明度),观察视图窗口中的素材,设置Anchor Point(锚点)、Position(位置)、Scale(比例),使图像重合,再将Opacity(不透明度)设置回100%。调整透明度,使下面图像显示出来,调整比例和位置,使两幅图像重合在一起,调整透明度,如图2-92所示。

图2-92
● 设置Layer03层和Layer04层做父子连接,关闭Layer03层显示开关,打开Layer05层显示开关,对Layer04层和Layer05进行操作。设置父子关系,使Layer03层参数随Layer04层变化,如图2-93所示。

图2-93
● 选择Layer04层,单击箭头展开图层属性菜单,在展开的Transform菜单中设置参数。设置Opacity(不透明度),观察视图窗口中的素材,设置Anchor Point(锚点)、Position(位置)、Scale(比例),使图像重合,再将Opacity(不透明度)设置回100%。调整透明度,使下面图像显示出来,调整比例和位置,使两幅图像重合在一起,调整透明度,如图2-94所示。

图2-94
● 设置Layer04层和Layer05层做父子连接,关闭Layer04层显示开关,打开Layer06层显示开关,对Layer05层和Layer06层进行操作。设置父子关系,使Layer04层参数随Layer05层变化,如图2-95所示。

图2-95
● 选择Layer05层,单击箭头展开图层属性菜单,在展开的Transform(变换)菜单中设置参数。设置Opacity(不透明度),观察视图窗口中的素材,设置Anchor Point(锚点)、Position(位置)、Scale(比例),使图像重合,再将Opacity(不透明度)设置回100%。调整透明度,使下面图像显示出来,调整比例和位置,使两幅图像重合在一起,调整透明度,如图2-96所示。

图2-96
● 设置Layer05层和Layer06层做父子连接,关闭Layer05层显示开关,打开Layer07层显示开关,对Layer06层和Layer07层进行操作。设置父子关系,使Layer05层参数随Layer06层变化,如图2-97所示。

图2-97
● 选择Layer06层,单击箭头展开图层属性菜单,在展开的Transform(变换)菜单中设置参数。设置Opacity(不透明度),观察视图窗口中的素材,设置Anchor Point(锚点)、Position(位置)、Scale(比例),使图像重合,再将Opacity(不透明度)设置回100%。调整透明度,使下面图像显示出来,调整比例和位置,使两幅图像重合在一起,调整透明度,如图2-98所示。

图2-98
● 设置Layer06层和Layer07层做父子连接,关闭Layer06层显示开关,打开Layer08层显示开关,对Layer07层和Layer08层进行操作。设置父子关系,使Layer06层参数随Layer07层变化,如图2-99所示。

图2-99
● 选择Layer07层,单击箭头展开图层属性菜单,在展开的Transform(变换)菜单中设置参数。设置Opacity(不透明度),观察视图窗口中的素材,设置Anchor Point(锚点)、Position(位置)、Scale(比例),使图像重合,再将Opacity(不透明度)设置回100%。调整透明度,使下面图像显示出来,调整比例和位置,使两幅图像重合在一起,调整透明度,如图2-100所示。

图2-100
● 设置Layer07层和Layer08层做父子连接,关闭Layer07层显示开关,打开Layer09层显示开关,对Layer08层和Layer09层进行操作。设置父子关系,使Layer07层参数随Layer08层变化,如图2-101所示。

图2-101
● 选择Layer08层,单击箭头展开图层属性菜单,在展开的Transform(变换)菜单中设置参数。设置Opacity(不透明度),观察视图窗口中的素材,设置Anchor Point(锚点)、Position(位置)、Scale(比例),使图像重合,再将Opacity(不透明度)设置回100%。调整透明度,使下面图像显示出来,调整比例和位置,使两幅图像重合在一起,调整透明度,如图2-102所示。

图2-102
● 设置Layer08层和Layer09层做父子连接,关闭Layer08层显示开关,打开Layer10层显示开关,对Layer09层和Layer10层进行操作。设置父子关系,使Layer08层参数随Layer09层变化,如图2-103所示。

图2-103
● 选择Layer09层,单击箭头展开图层属性菜单,在展开的Transform(变换)菜单中设置参数。设置Opacity(不透明度),观察视图窗口中的素材,设置Anchor Point(锚点)、Position(位置)、Scale(比例),使图像重合,再将Opacity(不透明度)设置回100%。调整透明度,使下面图像显示出来,调整比例和位置,使两幅图像重合在一起,调整透明度,如图2-104所示。

图2-104
● 设置Layer09层和Layer10层做父子连接,关闭Layer09层显示开关,打开earth.11层显示开关,对Layer10层和earth.11层进行操作。设置父子关系,使Layer09层参数随Layer10层变化,如图2-105所示。

图2-105
● 选择earth.11层,单击箭头展开图层属性菜单,在展开的Transform(变换)菜单中设置参数,包括Anchor Point(锚点)、Position(位置)、Scale(比例)。选择Layer10层,单击箭头展开图层属性菜单,在展开的Transform菜单中设置参数,设置Opacity(不透明度),观察视图窗口中的素材,设置Anchor Point(锚点)、Position(位置)、Scale (比例),使图像重合,再将Opacity(不透明度)设置回100%。调整earth.11层的图像参数,使图像符合窗口大小。调整Layer10层透明度,使下面图像显示出来,调整比例和位置,使两幅图像重合在一起,调整透明度,如图2-106所示。

图2-106
(6)设置图层父子关系。框选Layer02、Layer03、Layer04、Layer05、Layer06、Layer07、Layer08、Layer09、Layer10、earth.11层,设置Layer02、Layer03、Layer04、Layer05、Layer06、Layer07、Layer08、Layer09、Layer010、earth.11层与Layer01层父子连接。设置完各个图层参数后检查一遍,调整图层父子关系,使所有图层属性参数都随01层参数变化,如图2-107所示。

图2-107
(7)设置图层关键帧。
● 选择Layer01层,将时间轴设置为第0帧。单击箭头展开图层属性菜单,在展开的Transform(变换)菜单中设置参数。打开Scale(比例)关键帧记录开关。制作图层比例动画。因为其他的层都与01层做了父子关系,所以只需要做01层关键帧动画,其他层也会跟着动起来,如图2-108所示。

图2-108
● 将时间轴设置为第199帧。在Transform(变换)菜单中设置参数Scale(比例)值,如图2-109所示。

图2-109
(8)设置关键帧运动曲线。在Transform(变换)菜单中打开Scale(比例)运动曲线开关,打开运动曲线面板,调整曲线弯曲。设置比例关键帧运动曲线,使比例关键帧动画加速运动,如图2-110所示。

图2-110
(9)制作遮罩,羽化边缘。
● 选择Layer01层,将时间轴设置为第199帧。选择钢笔工具,在视图窗口中绘制遮罩。单击箭头展开遮罩属性菜单,在展开的Mask1菜单中设置参数Mask Feather(遮罩羽化)值。设置遮罩,去除图层边界拼合处的硬边缺陷,如图2-111所示。

图2-111
● 选择Layer02层,将时间轴设置为第168帧。选择钢笔工具,在视图窗口中绘制遮罩。单击箭头展开遮罩属性菜单,在展开的Mask1菜单中设置参数Mask Feather(遮罩羽化)值。设置遮罩,去除图层边界拼合处的硬边缺陷,如图2-112所示。

图2-112
● 选择Layer03层,将时间轴设置为第104帧。选择钢笔工具,在视图窗口中绘制遮罩。单击箭头展开遮罩属性菜单,在展开的Mask1菜单中设置参数Mask Feather(遮罩羽化)值。设置遮罩,去除图层边界拼合处的硬边缺陷,如图2-113所示。

图2-113
● 选择Layer04层,将时间轴设置为第80帧。选择钢笔工具,在视图窗口中绘制遮罩。单击箭头展开遮罩属性菜单,在展开的Mask1菜单中设置参数Mask Feather(遮罩羽化)值。设置遮罩,去除图层边界拼合处的硬边缺陷,如图2-114所示。

图2-114
● 选择Layer05层,将时间轴设置为第64帧。选择钢笔工具,在视图窗口中绘制遮罩。单击箭头展开遮罩属性菜单,在展开的Mask1菜单中设置参数Mask Feather(遮罩羽化)值。设置遮罩,去除图层边界拼合处的硬边缺陷,如图2-115所示。

图2-115
● 选择Layer06层,将时间轴设置为第32帧。选择钢笔工具,在视图窗口中绘制遮罩。单击箭头展开遮罩属性菜单,在展开的Mask1菜单中设置参数Mask Feather(遮罩羽化)值。设置遮罩,去除图层边界拼合处的硬边缺陷,如图2-116所示。

图2-116
● 选择Layer07层,将时间轴设置为第199帧。选择钢笔工具,在视图窗口中绘制遮罩。单击箭头展开遮罩属性菜单,在展开的Mask1菜单中设置参数Mask Feather(遮罩羽化)。设置遮罩,去除图层边界拼合处的硬边缺陷,如图2-117所示。

图2-117
● 选择Layer08层,将时间轴设置为第06帧。选择钢笔工具,在视图窗口中绘制遮罩。单击箭头展开遮罩属性菜单,在展开的Mask1菜单中设置参数Mask Feather(遮罩羽化)值。设置遮罩,去除图层边界拼合处的硬边缺陷,如图2-118所示。

图2-118
● 选择Layer09层,将时间轴设置为第03帧。选择钢笔工具,在视图窗口中绘制遮罩。单击箭头展开遮罩属性菜单,在展开的Mask1菜单中设置参数Mask Feather(遮罩羽化)值。设置遮罩,去除图层边界拼合处的硬边缺陷,如图2-119所示。

图2-119
● 选择Layer10层,将时间轴设置为第02帧。选择圆形工具,在视图窗口中绘制遮罩。单击箭头展开遮罩属性菜单,在展开的Mask1菜单中设置参数Mask Feather(遮罩羽化)、Mask Expansion(遮罩扩大)值。设置遮罩,去除图层边界拼合处的硬边缺陷,如图2-120所示。

图2-120
● 选择Layer08层,将时间轴设置为第02帧。选择圆形工具,在视图窗口中绘制遮罩。单击箭头展开遮罩属性菜单,在展开的Mask2菜单中设置参数遮罩属性、Mask Feather(遮罩羽化)和Mask Expansion(遮罩扩大)值。设置遮罩,去除掉图像右上方多出的图像,如图2-121所示。

图2-121
(10)选择Layer01层,单击箭头展开图层属性菜单,在展开的Transform(变换)菜单中选中Scale(比例)关键帧,单击鼠标右键,在弹出快捷菜单中选择Keyframe Assistant>Exponential Scale(辅助关键帧>指数范围)命令,设置关键帧辅助,修正图像动画。图像运动是用父子关系连接的,当01层比例数值是1时,10层的比例数值还是100,就会出现画面错误,所以这里需要使用指数范围菜单命令对动画进行修正,如图2-122所示。

图2-122
(11)新建虚拟层。选择Layer>New>Null Layer(层>新建>虚拟层)菜单命令。
(12)设置虚拟层关键帧。
● 选择Null 1层,将时间轴设置为第0帧。单击箭头展开图层属性菜单,在展开的Transform(变换)菜单中设置参数。打开Rotation(旋转)关键帧记录开关,制作虚拟层旋转动画,如图2-123和图2-124所示。

图2-123

图2-124
● 将时间轴设置为第199帧。在Transform(变换)菜单中设置参数Rotation(旋转)值,如图2-125和图2-126所示。

图2-125

图2-126
(13)设置图层父子连接。选择 Layer01层,设置Layer01层为和Null 1层为父子连接。设置Layer01层和虚拟层为父子关系,使动画运动时画面产生旋转,如图2-127所示。

图2-127
2. 制作晃动
(1)创建新合成层。选择Project(项目窗口),将Comp 1合成层拖动到创建新合成层按钮上,如图2-128所示。

图2-128
(2)为合成层添加滤镜。选中Comp1合成层,选择Effect>Expression Controls>Slider Control(效果>命令控制>滑动控制)菜单命令。
(3)设置表达式。单击箭头展开合成层属性,在展开的Transform(变换)菜单中选中Position(位置),选择Animation >Add Expression(动画 >添加表达式)或者使用快捷键Alt+Shift+=,编辑表达式。设置表达式,使表达式中的变量值被滑动控制滤镜所控制,如图2-129所示。

图2-129
(4)设置滤镜关键帧。
● 选择Comp1合成层。将时间轴设置为第58帧。单击箭头展开合成层效果属性,在展开的Slider Control(滑动控制)菜单中设置参数。打开Slider(滑动)关键帧记录开关。制作滑动关键帧动画,使表达式命令只在影片中间一段起作用,并产生由弱到强再到弱的效果,如图2-130所示。

图2-130
● 将时间轴设置为第77帧。在Slider Control(滑动控制)菜单中设置参数Slider(滑动)值,如图2-131所示。

图2-131
● 将时间轴设置为148帧。在Slider Control(滑动控制)菜单中设置参数,记录Slider (滑动)关键帧,如图2-132所示。

图2-132
● 将时间轴设置为第169帧。在Slider Control(滑动控制)菜单中设置参数Slider(滑动)值,如图2-133所示。

图2-133
(5)选中Comp1合成层,选择Effect > Stylize > Motion Tile(效果>风格化>动态平铺)菜单命令。
(6)设置动态平铺滤镜参数。在Effect Controls:Comp 1(滤镜参数:Comp 1)菜单中设置Motion Tile参数。调整Output Width(输出宽度)Output Height(输出高度)、Mirror Edges (镜像边缘)。设置动态平铺滤镜,修补画面抖动边缘的缝隙,如图2-134和图2-135所示。

图2-134

图2-135
3. 校色
(1)新建调整层。选择Layer>New>Adjustment Layer(层>新建>调整层)菜单命令。
(2)为调整层添加滤镜。选中调整层,选择Effect>Color Correction>Hue/Saturation(效果>颜色修正>色相/饱和度)菜单命令。
(3)设置色相/饱和度滤镜参数。在Effect Controls:Adjustment Layer 1(效果参数:Adjustment Layer 1)菜单中设置Hue/Saturation(色相/饱和度)参数及Master Saturation(控制饱和度)值。设置饱和度,调整图像色彩。如图2-136和图2-137所示。

图2-136

图2-137
(4)为调整层添加滤镜。选中调整层,选择Effect>Color Correction>Curves(效果>颜色修正>曲线)菜单命令。
(5)设置曲线滤镜参数。在Effect Controls:Adjustment Layer 1(效果参数:Adjustment Layer 1)菜单中设置Curves参数。设置曲线弧度,加强图像明暗对比度,使图像层次更丰富,如图2-138和图2-139所示。

图2-138

图2-139
最终效果如图2-140所示。

图2-140