
3.5 制作元素入场动画
上一节介绍了图层中的5种基础变换属性,通过这5种基础变换属性能够制作出元素的基础变换效果,将这5种基础变换属性结合使用,可以使动画的表现效果更加丰富。本节将通过一个元素入场动画的制作,使读者掌握图层的这5种基础变换属性的使用方法。
应用案例 制作元素入场动画
源文件:源文件\第3章\3-5.aep 视频:光盘\视频\第3章\3-5.mp4
STEP 01 在After Effects中新建一个空白的项目,执行“文件>导入>文件”命令,在弹出的“导入文件”对话框中选择“源文件\第3章\素材\3501.psd”,如图3-101所示。单击“导入”按钮,弹出设置对话框,参数设置如图3-102所示。

图3-101 选择需要导入的素材

图3-102 “导入设置”对话框
STEP 02 单击“确定”按钮,导入PSD素材并自动生成合成,如图3-103所示。双击“项目”面板中自动生成的合成,在“合成”窗口中打开该合成,如图3-104所示。

图3-103 导入素材文件

图3-104 “合成”窗口
STEP 03 在“时间轴”面板中可以看到该合成中相应的图层,如图3-105所示。将“背景”图层锁定,选择“海底大冒险”图层,展开该图层的“变换”属性,确认“时间指示器”位于0秒位置,在“时间轴”面板中分别单击“缩放”和“不透明度”这两个属性前的“秒表”图标,为这两个属性插入关键帧,如图3-106所示。

图3-105 相应的图层

图3-106 插入“缩放”和“不透明度”属性关键帧
STEP 04 设置“缩放”属性为0%,“不透明度”属性为0%,在“合成”窗口中可以看到该图层中对象的效果,如图3-107所示。将“时间指示器”移至1秒20帧位置,在“时间轴”面板中设置“缩放”属性为110%,“不透明度”属性为100%,效果如图3-108所示。

图3-107 元素效果

图3-108 元素效果
STEP 05 将“时间指示器”移至2秒位置,在“时间轴”面板中设置“缩放”属性为100%,效果如图3-109所示,“时间轴”面板如图3-110所示。

图3-109 元素效果

图3-110 “时间轴”面板
STEP 06 选择“按钮1”图层,将光标移至该图层内容入点位置,当光标呈现左右双向箭头时拖动调整该图层入点位置到2秒,如图3-111所示。确认“时间指示器”位于2秒位置,展开“按钮1”图层的“变换”属性,分别为“旋转”和“不透明度”属性插入关键帧,并设置“不透明度”属性值为0%,如图3-112所示。

图3-111 调整图层内容入点位置

图3-112 插入“旋转”和“不透明度”属性关键帧
STEP 07 在“合成”窗口中可以看到该图层元素的效果,如图3-113所示。将“时间指示器”移至3秒位置,设置“旋转”属性值为1x,“不透明度”为100%,效果如图3-114所示。

图3-113 元素效果

图3-114 元素效果
STEP 08 选择“按钮2”图层,将光标移至该图层内容入点位置,拖动调整该图层入点位置到3秒,如图3-115所示。采用与“按钮1”图层相同的制作方法,完成该图层中动画效果的制作,如图3-116所示。

图3-115 调整图层内容入点位置

图3-116 “时间轴”面板效果
STEP 09 选择“按钮3”图层,将光标移至该图层内容入点位置,拖动调整该图层入点位置到4秒,如图3-117所示。采用与“按钮1”图层相同的制作方法,完成该图层中动画效果的制作,如图3-118所示。

图3-117 调整图层内容入点位置

图3-118 “时间轴”面板效果
STEP 10 将“时间指示器”移至5秒位置,选择“潜艇”图层,分别为“缩放”和“位置”属性插入关键帧,如图3-119所示。将“时间指示器”移至3秒位置,设置“缩放”属性值为50%,在“合成”窗口中将该图层元素移至合适的位置,如图3-120所示。

图3-119 插入“位置”和“缩放”属性关键帧

图3-120 调整元素位置
STEP 11 自动在3秒位置添加“位置”和“缩放”属性关键帧,如图3-121所示。将“时间指示器”移至5秒位置,选择“设置按钮”图层,展开该图层下方的“变换”选项,为“缩放”和“不透明度”属性插入关键帧,如图3-122所示。

图3-121 自动添加属性关键帧

图3-122 插入“缩放”和“不透明度”属性关键帧
STEP 12 设置“缩放”属性值为0%,“不透明度”属性值为0%,效果如图3-123所示。将“时间指示器”移至6秒位置,设置“缩放”属性值为100%,“不透明度”属性值为100%,自动添加相关属性关键帧,如图3-124所示。

图3-123 元素效果

图3-124 自动添加属性关键帧
STEP 13 采用与“设置按钮”图层相同的制作方法,完成“帮助按钮”图层中动画效果的制作,“时间轴”面板如图3-125所示。在“项目”面板中的3501合成上单击鼠标右键,在弹出的快捷菜单中选择“合成设置”命令,在弹出的“合成设置”对话框中设置“持续时间”为8秒,如图3-126所示。单击“确定”按钮,完成“合成设置”对话框的设置。

图3-125 “时间轴”面板效果

图3-126 修改“持续时间”选项
完成元素入场动效的制作后,单击“预览”面板中的“播放/停止”按钮,可以在“合成”窗口中预览动画效果,如图3-127所示。

图3-127 动画预览效果