2.3 层的5个基本变化属性和关键帧动画
在After Effects中,层的5个基本变化属性分别是定位点、位置、缩放、旋转和透明度。下面将对这5个基本变化属性和关键帧动画进行讲解。
2.3.1 课堂案例——宇宙小飞碟
案例学习目标:学习使用层的5个属性和关键帧动画。
案例知识要点:使用“导入”命令,导入素材;使用“缩放”和“位置”选项制作小飞碟动画;使用“阴影”命令制作投影效果。宇宙小飞碟效果如图2-50所示。
图2-50
效果所在位置:Ch02\宇宙小飞碟\宇宙小飞碟.aep。
(1)按Ctrl+N组合键,弹出“图像合成设置”对话框,在“合成组名称”文本框中输入“宇宙小飞碟”,其他选项的设置如图2-51所示,单击“确定”按钮,创建一个新的合成“宇宙小飞碟”。选择“文件 > 导入 > 文件”命令,在弹出的“导入文件”对话框中,选择本书学习资源中的“Ch02\宇宙小飞碟\(Footage)\01.jpg、02.png”文件,如图2-52所示,单击“打开”按钮,将图片导入“项目”面板。
图2-51
图2-52
(2)在“项目”面板中选中“01.jpg”和“02.png”文件,并将其拖曳到“时间线”面板中,如图2-53所示。“合成”窗口中的效果如图2-54所示。
图2-53
图2-54
(3)选中“02.png”层,按S键,展开“缩放”属性,设置“缩放”选项的数值为46、46%,如图2-55所示。“合成”窗口中的效果如图2-56所示。
图2-55
图2-56
(4)按P键,展开“位置”属性,设置“位置”选项的数值为-51、168,如图2-57所示。“合成”窗口中的效果如图2-58所示。
图2-57
图2-58
(5)在“时间线”面板中,单击“位置”选项左侧的“关键帧自动记录器”按钮,如图2-59所示,记录第1个关键帧。将时间标签放置在12秒的位置,在“时间线”面板中,设置“位置”选项的数值为803、214,如图2-60所示,记录第2个关键帧。
图2-59
图2-60
(6)将时间标签放置在2秒的位置,选择“选择”工具,在“合成”窗口中选中飞碟,将其拖动到如图2-61所示的位置,记录第3个关键帧。将时间标签放置在4秒的位置,在“合成”窗口中,将飞碟拖动到如图2-62所示的位置,记录第4个关键帧。
图2-61
图2-62
(7)将时间标签放置在6秒的位置,在“合成”窗口中,将飞碟拖动到如图2-63所示的位置,记录第5个关键帧。将时间标签放置在8秒的位置,在“合成”窗口中,将飞碟拖动到如图2-64所示的位置,记录第6个关键帧。
图2-63
图2-64
(8)将时间标签放置在10秒的位置,在“合成”窗口中,将飞碟拖动到如图2-65所示的位置,记录第7个关键帧。
图2-65
(9)选择“图层 > 变换 > 自动定向”命令,弹出“自动定向”对话框,如图2-66所示,选择“沿路径方向设置”选项,如图2-67所示,单击“确定”按钮,对象沿路径的角度变换。宇宙小飞碟制作完成,如图2-68所示。
图2-66
图2-67
图2-68
2.3.2 了解层的5个基本变化属性
除了单独的音频层以外,各类型层至少有5个基本变化属性,它们分别是定位点、位置、缩放、旋转和透明度。可以通过单击“时间线”面板中层色彩标签前面的小三角形按钮展开变换属性标题,再次单击“变换”左侧的小三角形按钮,展开其各个变换属性的具体参数,如图2-69所示。
图2-69
1. 定位点属性
无论一个层的面积多大,当其位置移动、旋转和缩放时,都是依据一个点来操作的,这个点就是定位点。
选择需要的层,按A键,展开“定位点”属性,如图2-70所示。以定位点为基准,如图2-71所示。旋转操作如图2-72所示,缩放操作如图2-73所示。
图2-70
图2-71
图2-72
图2-73
2. 位置属性
选择需要的层,按P键,展开“位置”属性,如图2-74所示。以定位点为基准,如图2-75所示,在层的“位置”属性后方的数字上拖曳鼠标指针(或单击输入需要的数值),如图2-76所示。松开鼠标,效果如图2-77所示。
图2-74
图2-75
图2-76
图2-77
普通二维层的位置属性由x轴向和y轴向两个参数组成,如果是三维层则由x轴向、y轴向和z轴向3个参数组成。
提示
在制作位置动画时,为了保持移动时的方向性,可以通过选择“图层 > 变换 > 自动定向”命令,弹出“自动定向”对话框,选择“沿路径方向设置”选项。
3. 缩放属性
选择需要的层,按S键,展开“缩放”属性,如图2-78所示。以定位点为基准,如图2-79所示,在层的“缩放”属性后方的数字上拖曳鼠标指针(或单击输入需要的数值),如图2-80所示。松开鼠标,效果如图2-81所示。
图2-78
图2-79
图2-80
图2-81
普通二维层的缩放属性由x轴向和y轴向两个参数组成,如果是三维层则由x轴向、y轴向和z轴向3个参数组成。
4. 旋转属性
选择需要的层,按R键,展开“旋转”属性,如图2-82所示。以定位点为基准,如图2-83所示,在层的“旋转”属性后方的数字上拖曳鼠标指针(或单击输入需要的数值),如图2-84所示。松开鼠标,效果如图2-85所示。普通二维层旋转属性由圈数和度数两个参数组成,例如“1×+180°”。
图2-82
图2-83
图2-84
图2-85
如果是三维层,旋转属性将增加为3个:方向可以同时设定x、y、z3个轴向,X轴旋转仅调整x轴向旋转,Y轴旋转仅调整y轴向旋转,Z轴旋转仅调整z轴向旋转,如图2-86所示。
图2-86
5. 透明度属性
选择需要的层,按T键,展开“透明度”属性,如图2-87所示。以定位点为基准,如图2-88所示,在层的“透明度”属性后方的数字上拖曳鼠标指针(或单击输入需要的数值),如图2-89所示。松开鼠标,效果如图2-90所示。
图2-87
图2-88
图2-89
图2-90
提示
按住Shift键的同时按下显示各属性的快捷键,可以达到自定义组合显示属性的目的。例如,只想看见层的“位置”和“透明度”属性,可以通过选取图层之后,按P键,展开“位置”属性,然后再按住Shift键的同时,按T键完成,如图2-91所示。
图2-91
2.3.3 利用位置属性制作位置动画
选择“文件 > 打开项目”命令,或按Ctrl+O组合键,弹出“打开”对话框,选择本书学习资源中的“基础素材 > Ch02 > 空中飞机> 01.aep”文件,如图2-92所示,单击“打开”按钮,打开此文件。
图2-92
在“时间线”面板中选中“02.png”层,按P键,展开“位置”属性,确定当前时间标签处于0秒的位置,调整“位置”属性的x值和y值分别为641和106,如图2-93所示;或选择“选择”工具,在“合成”窗口中将“黄色飞机”图形移动到画面的右上方位置,如图2-94所示。单击“位置”属性名称左侧的“关键帧自动记录器”按钮,开始自动记录位置关键帧信息。
图2-93
图2-94
提示
按Alt+Shift+P组合键也可以实现上述操作,此快捷键可以实现在任意地方添加或删除位置属性关键帧的操作。
移动当前时间标签到14秒的位置,调整“位置”属性的x值和y值分别为110和88,或选择“选择”工具,在“合成”窗口中将“黄色飞机”图形移动到画面的左上方位置,在“时间线”面板当前时间下,“位置”属性将自动添加一个关键帧,如图2-95所示;并在“合成”窗口中显示动画路径,如图2-96所示。按0键,进行动画内存预览。
图2-95
图2-96
1. 手动方式调整“位置”属性
⊙ 选择“选择”工具,直接在“合成”窗口中拖动层。
⊙ 在“合成”窗口中拖动层时,按住Shift键,以水平或垂直方向移动层。
⊙ 在“合成”窗口中拖动层时,按住Alt+Shift组合键,将使层的边逼近合成图像边缘。
⊙ 以一个像素点移动层可以使用上、下、左、右4个方向键实现;以10个像素点移动可以在按住Shift键的同时按上、下、左、右四个方向键实现。
2. 数字方式调整“位置”属性
⊙ 当光标呈现形状时,在参数值上按下鼠标左键并左右拖动鼠标可以修改值。
⊙ 单击参数将会出现输入框,可以在其中输入具体数值。输入框也支持加减法运算,例如可以输入“+20”,在原来的轴向值上加上20个像素,如图2-97所示;如果是减法,则输入“360-20”。
图2-97
⊙ 在属性标题或参数值上单击鼠标右键,在弹出的菜单中,选择“编辑数值”命令,或按Ctrl+Shift+P组合键,弹出“位置”对话框。在该对话框中可以调整具体参数值,并且可以选择调整所依据的尺寸,如像素、英寸、毫米、%(源百分比)、%(合成百分比),如图2-98所示。
图2-98
2.3.4 加入“缩放”动画
在“时间线”面板中,选中“02.png”层,在按住Shift键的同时,按S键,展开“缩放”属性,如图2-99所示。
图2-99
将时间标签放在0秒的位置,在“时间线”面板中,单击“缩放”属性名称左侧的“关键帧自动记录器”按钮,开始记录缩放关键帧信息,如图2-100所示。
图2-100
提示
按Alt+Shift+S组合键也可以实现上述操作,此快捷键还可以实现在任意地方添加或删除缩放属性关键帧的操作。
移动当前时间标签到14秒的位置,将x轴向和y轴向缩放值都调整为80%,或者选择“选择”工具,在“合成”窗口中拖曳层边框上的变换框进行缩放操作,如果同时按Shift键则可以实现等比缩放,还可以观察“信息”面板和“时间线”面板中的“缩放”属性了解表示具体缩放程度的数值,如图2-101所示。“时间线”面板当前时间下的“缩放”属性会自动添加一个关键帧,如图2-102所示。按0键,预览动画内存。
图2-101
图2-102
1. 手动方式调整“缩放”属性
⊙ 选择“选择”工具,直接在“合成”窗口中拖曳层边框上的变换框进行缩放操作,如果同时按住Shift键,则可以实现等比例缩放。
⊙ 可以通过按住Alt键的同时按 +(加号)键实现以1%递增缩放百分比,也可以通过按住Alt键的同时按 -(减号)键实现以1%递减缩放百分比;如果要以10%为递增或者递减调整,只需要在按下上述快捷键的同时再按Shift键即可,例如Shift+Alt+ -组合键。
2. 数字方式调整“缩放”属性
⊙ 当光标呈现形状时,在参数值上按下鼠标左键并左右拖动鼠标可以修改缩放值。
⊙ 单击参数将会弹出输入框,可以在其中输入具体数值。输入框也支持加减法运算,例如,可以输入“+3”,在原有的值上加上3%,如果是减法,则输入“80-3”,如图2-103所示。
图2-103
⊙ 在属性标题或参数值上单击鼠标右键,在弹出的菜单中选择“编辑数值”命令,在弹出的“缩放比例”对话框中进行设置,如图2-104所示。
图2-104
提示
如果使缩放值变为负值,将实现图像翻转特效。
2.3.5 制作“旋转”动画
在“时间线”面板中,选择“02.png”层,在按住Shift键的同时,按R键,展开“旋转”属性,如图2-105所示。
图2-105
将时间标签放置在0秒的位置,单击“旋转”属性名称左侧的“关键帧自动记录器”按钮,开始记录旋转关键帧信息。
提示
按Alt+Shift+R组合键也可以实现上述操作,此快捷键还可以实现在任意地方添加或删除旋转属性关键帧的操作。
移动当前时间标签到14秒的位置,调整“旋转”属性值为“0 × +180°”,旋转半圈,如图2-106所示;或者选择“旋转”工具,在“合成”窗口中以顺时针方向旋转图层,同时可以观察“信息”面板和“时间线”面板中的“旋转”属性了解具体旋转圈数和度数,效果如图2-107所示。按0键,预览动画内存。
图2-106
图2-107
1. 手动方式调整“旋转”属性
⊙ 选择“旋转”工具,在“合成”窗口中以顺时针方向或者逆时针方向旋转图层,如果同时按住Shift键,将以45°为调整幅度。
⊙ 可以通过数字键盘的+(加号)键实现以1°顺时针方向旋转层,也可以通过数字键盘的-(减号)键实现以1°逆时针方向旋转层;如果要以10°旋转调整层,只需要在按下上述快捷键的同时再按下Shift键即可,例如Shift+数字键盘的-组合键。
2. 数字方式调整“旋转”属性
⊙ 当光标呈现形状时,在参数值上按下鼠标左键并左右拖动鼠标可以修改。
⊙ 单击参数将会弹出输入框,可以在其中输入具体数值。输入框也支持加减法运算,例如可以输入“+2”,在原有的值上加上2°或者2圈(取决于在度数输入框还是圈数输入框中输入);如果是减法,则输入“45-10”。
⊙ 在属性标题或参数值上单击鼠标右键,在弹出的菜单中选择“编辑数值”命令,或按Ctrl+Shift+R组合键,在弹出的“旋转”对话框中调整具体参数值,如图2-108所示。
图2-108
2.3.6 了解“定位点”的功用
在“时间线”面板中,选择“02.png”层,在按住Shift键的同时,按A键,展开“定位点”属性,如图2-109所示。
图2-109
将“定位点”属性中的第一个值改为0,或者选择“定位点”工具,在“合成”窗口中单击并移动定位点,同时观察“信息”面板和“时间线”面板中的“定位点”属性值了解具体位置移动参数,如图2-110所示。按0键,预览动画内存。
图2-110
提示
定位点的坐标是相对于层的,而不是相对于合成图像的。
1. 手动方式调整“定位点”
⊙ 选择“定位点”工具,在“合成”窗口单击并移动轴心点。
⊙ 在“时间线”面板中双击层,将层的“图层”预览窗口打开,选择“选择”工具或者选择“定位点”工具,单击并移动轴心点,如图2-111所示。
图2-111
2. 数字方式调整“定位点”
⊙ 当光标呈现形状时,在参数值上按下鼠标左键并左右拖动鼠标可以修改。
⊙ 单击参数将会弹出输入框,可以在其中输入具体数值。输入框也支持加减法运算,例如可以输入“+30”,在原有的值上加上30像素;如果是减法,则输入“360-30”。
⊙ 在属性标题或参数值上单击鼠标右键,在弹出的菜单中选择“编辑数值”命令,在弹出的“定位点”对话框中调整具体参数值,如图2-112所示。
图2-112
2.3.7 添加透明度动画
在“时间线”面板中,选择“02.png”层,在按住Shift键的同时,按T键,展开“透明度”属性,如图2-113所示。
图2-113
将时间标签放置在0秒的位置,将“透明度”属性值调整为100%,使层完全透明。单击“透明度”属性名称左侧的“关键帧自动记录器”按钮,开始记录透明关键帧信息。
提示
按Alt+Shift+T组合键也可以实现上述操作,此快捷键还可以实现在任意地方添加或删除透明度属性关键帧的操作。
移动当前时间标签到14秒的位置,调整“透明度”属性值为0%,使层完全透明,注意观察“时间线”面板,当前时间下的“透明度”属性会自动添加一个关键帧,如图2-114所示。按0键,预览动画内存。
图2-114
数字方式调整“透明度”属性
⊙ 当光标呈现形状时,在参数值上按下鼠标左键并左右拖动鼠标可以修改。
⊙ 单击参数将会弹出输入框,可以在其中输入具体数值。输入框也支持加减法运算,例如可以输入“+20”,就是在原有的值上增加20%;如果是减法,则输入“100-20”。
⊙ 在属性标题或参数值上单击鼠标右键,在弹出的菜单中选择“编辑数值”命令或按Ctrl+Shift+O组合键,在弹出的“透明度”对话框中调整具体参数值,如图2-115所示。
图2-115