- After Effects CS6实用教程
- 水木居士
- 5533字
- 2025-02-16 15:07:39
2.8 层基础动画属性
时间线面板中,每个层都有相同的属性设置,包括层的Anchor Point(定位点)、Position(位置)、Scale(缩放)、Rotation(旋转)和Opacity(透明度),这些常用层属性是进行动画设置的基础,也是修改素材比较常用的属性设置,它是掌握基础动画制作的关键所在。
2.8.1 层列表
当创建一个层时,层列表也相应出现,应用的特效越多,层列表的选项也就越多,层的大部分属性修改、动画设置,都可以通过层列表中的选项来完成。
层列表具有多重性,有时一个层的下方有多个层列表,在应用时可以一一展开进行属性的修改。
展开层列表,可以单击层前方的按钮,当
按钮变成
状态时,表明层列表被展开,如果单击
按钮,使其变成
状态时,表明层列表被关闭,如图2.50所示为层列表的显示效果。

图2.50 层列表显示效果
提示
在层列表中,还可以快速应用组合键来打开相应的属性选项。如按A键可以打开Anchor Point(定位点)选项;按P键可以打开Position(位置)选项等。
2.8.2 Anchor Point(定位点)
Anchor Point(定位点)主要用来控制素材的旋转中心,即素材的旋转中心点位置,默认的素材定位点位置,一般位于素材的中心位置,在Composition(合成)窗口中,选择素材后,可以看到一个标记,这就是定位点。图2.51所示为改变定位点前与改变定位点后的旋转效果。

图2.51 改变定位点前后旋转效果对比
定位点的修改,可以通过下面3种方法来完成。
• 方法1:应用定位点工具。首先选择当前层,然后单击工具栏中的定位点工具
,或按Y键,将鼠标移动到Composition(合成)窗口中,拖动定位点
到指定的位置释放鼠标即可,如图2.52所示。

图2.52 移动定位点过程
• 方法2:输入修改。单击展开当前层列表,或按A键,将光标移动到Anchor Point(定位点)右侧的数值上,当光标变成状时,按住鼠标拖动,即可修改定位点的位置,如图2.53所示。

图2.53 拖动修改定位点位置
• 方法3:利用对话框修改。通过Edit Value(编辑值)来修改。展开层列表后,在Anchor Point(定位点)上单击鼠标右键,在弹出的菜单中,选择Edit Value(编辑值)命令,打开Anchor Point(定位点)对话框,如图2.54所示,在该对话框中设置新的数值即可。

图2.54 定位点对话框
2.8.3 课堂案例——文字位移动画
实例说明
本例主要讲解利用Anchor Point(定位点)属性制作文字位移动画效果,通过本例的制作,学习定位点属性的应用技巧。完成的动画流程画面如图2.55所示。
工程文件:工程文件\第2章\文字位移
视频:视频\2.8.3 课堂案例——文字位移动画.avi

图2.55 文字位移动画流程画面
知识点
1. Anchor Point(定位点)属性。
2. Text(文本)。
01执行菜单栏中的File(文件)|Open Project(打开项目)命令,选择配套资源中的“工程文件\第2章\文字位移\文字位移练习.aep”文件,将文件打开。
02执行菜单栏中的Layer(层)|New(新建)|Text(文本)命令,新建文字层,输入“BODY OF LIES”,在Character(字符)面板中,设置文字字体为Arial,字号为41px,字体颜色为红色(R:255,G:0,B:0)。
03将时间调整到00:00:00:00帧的位置,展开“BODY OF LIES”层,单击Text(文本)右侧的三角形按钮,从菜单中选择Anchor Point(定位点)命令,设置Anchor Point(定位点)的值为(-661,0);展开Text(文本)|Animator 1(动画1)|Range Selector 1(范围选择器1)选项组,设置Start(开始)的值为0%,单击Start(开始)左侧的码表
按钮,在当前位置设置关键帧,合成窗口效果如图2.56所示。

图2.56 设置0秒关键帧
04将时间调整到00:00:02:00帧的位置,设置Start(开始)的值为100%,系统会自动设置关键帧,如图2.57所示。

图2.57 设置2秒关键帧参数
05这样就完成了文字位移动画的整体制作,按小键盘上的0键,即可在合成窗口中预览动画。
2.8.4 Position(位置)
Position(位置)用来控制素材在Composition(合成)窗口中的相对位置,为了获得更好的效果,Position(位置)和Anchor Point(定位点)参数相结合应用,它的修改也有3种方法。
• 方法1:直接拖动。在Timeline(时间线)或Composition(合成)窗口中选择素材,然后使用Selection Tool(选择工具)按钮,或按V键,在Composition(合成)窗口中按住鼠标拖动素材到合适的位置,如图2.58所示。如果按住Shift键拖动,可以将素材沿水平或垂直方向移动。

图2.58 修改素材位置
• 方法2:组合键修改。选择素材后,按键盘上的方向键来修改位置,每按一次,素材将向相应方向移动1个像素,如果辅助Shift键,素材将向相应方向一次移动10个像素。
• 方法3:输入修改。单击展开层列表,或直接按P键,然后单击Position(位置)右侧的数值区,激活后直接输入数值来修改素材位置。也可以在Position(位置)上单击鼠标右键,在弹出的菜单中选择Edit Value(编辑值)命令,打开Position(位置)对话框,重新设置参数,以修改素材位置,如图2.59所示。

图2.59 位置对话框
2.8.5 课堂案例——位置动画
实例说明
通过修改素材的位置,可以很轻松地制作出精彩的位置动画效果,下面就来制作一个位置动画效果,通过该实例的制作,学习位置动画的制作方法。完成的动画流程画面如图2.60所示。
工程文件:工程文件\第2章\位置动画
视频:视频\2.8.5 课堂案例——位置动画.avi

图2.60 位置动画流程画面
知识点
Position(位置)。
01执行菜单栏中的File(文件)|Open Project(打开项目)命令,打开“打开”对话框,选择配套资源中的“工程文件\第2章\位置动画\位置动画练习.aep”文件。
02在时间线面板中,将时间调整到00:00:00:00帧位置,选择“老鹰”层,然后按P键,展开Position(位置),单击Position(位置)左侧的码表按钮,设置Position(位置)的值为(800,700),在当前时间设置一个关键帧,如图2.61所示。

图2.61 00:00:00:00帧位置设置关键帧
03将时间调整到00:00:01:00帧位置,修改Position(位置)的值为(450,165),以移动素材的位置,如图2.62所示。

图2.62 修改位置
04修改完关键帧位置后,素材的位置也将跟着变化,此时,Composition(合成)窗口中的素材效果如图2.63所示。

图2.63 素材的变化效果
05将时间调整到00:00:02:00帧位置,修改Position(位置)的值为(190,380),如图2.64所示。

图2.64 修改位置添加关键帧
06修改完关键帧位置后,素材的位置也将跟着变化,此时,Composition(合成)窗口中的素材效果,如图2.65所示。

图2.65 素材的变化效果
07使用同样的方法,调整时间并添加关键帧,修改位置值,这样,就完成了位置动画的制作,按空格键或小键盘上的0键,可以预览动画的效果。
2.8.6 Scale(缩放)
缩放属性用来控制素材的大小,可以通过直接拖动的方法来改变素材大小,也可以通过修改数值来改变素材的大小。利用负值的输入,还可以使用缩放命令来翻转素材,修改的方法有以下3种。
• 方法1:直接拖动缩放。在Composition(合成)窗口中,使用Selection(选择工具)选择素材,可以看到素材上出现8个控制点,拖动控制点就可以完成素材的缩放。其中,4个角的点可以水平垂直同时缩放素材;两个水平中间的点可以水平缩放素材;两个垂直中间的点可以垂直缩放素材,如图2.66所示。

图2.66 缩放效果
• 方法2:输入修改。展开层列表,或按S键,然后单击Scale(缩放)右侧的数值,激活后直接输入数值来修改素材大小,如图2.67所示。

图2.67 修改数值
• 方法3:利用对话框修改。展开层列表后,在Scale(缩放)上单击鼠标右键,在弹出的快捷菜单中选择Edit Value(编辑值)命令,打开Scale(缩放)对话框,如图2.68所示,在该对话框中设置新的数值即可。

图2.68 缩放对话框
提示
如果当前层为3D层,还将显示一个Depth(深度)选项,表示素材的Z轴上的缩放,同时在Preserve(保持)右侧的下拉菜单中,Current Aspect Ratio(XYZ)将处于可用状态,表示在三维空间中保持缩放比例。
2.8.7 课堂案例——基础缩放动画
实例说明
本例主要讲解利用Scale(缩放)属性制作基础缩放动画效果,通过本例的制作,掌握Scale(缩放)属性的使用方法。完成的动画流程画面如图2.69所示。
工程文件:工程文件\第2章\基础缩放动画
视频:视频\2.8.7 课堂案例——基础缩放动画.avi

图2.69 基础缩放动画流程画面
知识点
Scale(缩放)属性。
01执行菜单栏中的File(文件)|Open Project(打开项目)命令,选择配套资源中的“工程文件\第2章\基础缩放动画\缩放动画练习.aep”文件,将文件打开。
02在时间线面板中,将时间调整到00:00:00:00帧的位置,选择“美”层,然后按S键展开Scale(缩放)属性,设置Scale(缩放)的值为(800,800),并单击Scale(缩放)左侧的码表按钮,在当前位置设置关键帧,如图2.70所示。

图2.70 修改缩放值
03将时间调整到00:00:00:05帧的位置,设置Scale(缩放)的值为(100,100),系统会自动设置关键帧,如图2.71所示。

图2.71 00:00:00:05帧时间参数设置
04下面利用复制、粘贴命令,快速制作其他文字的缩放效果。在时间线面板中单击“美”层Scale(缩放)名称位置,选择所有缩放关键帧,然后按Ctrl+C组合键拷贝关键帧,如图2.72所示。

图2.72 选择缩放关键帧
05选择“景”层,确认当前时间为00:00:00:05帧时间处,按Ctrl+V组合键,将复制的关键帧粘贴在“景”层中,效果如图2.73所示。

图2.73 粘贴后的效果
06将时间调整到00:00:00:10帧位置,选择“如”层,按Ctrl+V组合键粘贴缩放关键帧;再将时间调整到00:00:00:15帧位置,选择“画”层,按Ctrl+V组合键粘贴缩放关键帧,以制作其他文字的缩放动画,如图2.74所示。

图2.74 制作其他缩放动画
07这样就完成了基础缩放动画的整体制作,按小键盘上的0键,即可在合成窗口中预览动画。
2.8.8 Rotation(旋转)
旋转属性用来控制素材的旋转角度,依据定位点的位置,使用旋转属性,可以使素材产生相应的旋转变化,旋转操作可以通过以下3种方式进行。
• 方法1:利用Rotation Tool(旋转工具)。首先选择素材,然后单击工具栏中的Rotation Tool(旋转工具)
按钮,或按W键,选择旋转工具,然后移动鼠标到Composition(合成)窗口中的素材上,可以看到光标呈
状,光标放在素材上直接拖动鼠标,即可将素材旋转,如图2.75所示。

图2.75 旋转操作效果
• 方法2:输入修改。单击展开层列表,或按R键,然后单击Rotation(旋转)右侧的数值,激活后直接输入数值来修改素材旋转度数,如图2.76所示。

图2.76 输入数值修改旋转度数
提示
旋转的数值不同于其他的数值,它的表现方式为0x+0.0,在这里,加号前面的0x表示旋转的周数,如旋转1周,输入1x,即旋转360度,旋转2周,输入2x,依次类推。加号后面的0.0表示旋转的度数,它是一个小于360度的数值,如输入30.0,表示将素材旋转30度。输入正值,素材将按顺时针方向旋转;输入负值,素材将按逆时针旋转。
• 方法3:利用对话框修改。展开层列表后,在Rotation(旋转)上单击鼠标右键,在弹出的菜单中,选择Edit Value(编辑值)命令,打开Rotation(旋转)对话框,如图2.77所示,在该对话框中设置新的数值即可。

图2.77 旋转对话框
2.8.9 课堂案例——基础旋转动画
实例说明
本例主要讲解利用Rotation(旋转)属性制作齿轮动画效果,通过本例的制作,掌握Rotation(旋转)属性的应用方法。完成的动画流程画面如图2.78所示。
工程文件:工程文件\第2章\旋转动画
视频:视频\2.8.9 课堂案例——基础旋转动画.avi

图2.78 基础旋转动画流程画面
知识点
Rotation(旋转)属性。
01执行菜单栏中的File(文件)|Open Project(打开项目)命令,选择配套资源中的“工程文件\第2章\旋转动画\旋转动画练习.aep”文件,将文件打开。
02将时间调整到00:00:00:00帧的位置,选择“齿轮1”“齿轮2”“齿轮3”“齿轮4”和“齿轮5”层,按R键打开Rotation(旋转)属性,设置Rotation(旋转)的值为0,单击Rotation(旋转)左侧的码表按钮,在当前位置设置关键帧,如图2.79所示。

图2.79 00:00:00:00帧位置旋转参数设置
03将时间调整到00:00:02:24帧的位置,设置“齿轮1”层的Rotation(旋转)的值为-1x;设置“齿轮2”层的Rotation(旋转)的值为-1x;设置“齿轮3”层的Rotation(旋转)的值为-1x;设置“齿轮4”层的Rotation(旋转)的值为1x;设置“齿轮5”层的Rotation(旋转)的值为1x;如图2.80所示。

图2.80 00:00:02:24帧位置旋转参数设置
04这样就完成了基础旋转动画的整体制作,按小键盘上的0键,即可在合成窗口中预览动画。
2.8.10 Opacity(透明度)
透明度属性用来控制素材的透明程度,一般来说,除了包含通道的素材具有透明区域,其他素材都以不透明的形式出现,要想将素材透明,就要使用透明度属性来修改,透明度的修改方式有以下2种。
• 方法1:输入修改。单击展开层列表,或按T键,然后单击Opacity(透明度)右侧的数值,激活后直接输入数值来修改素材透明度,如图2.81所示。

图2.81 修改透明度数值
• 方法2:利用对话框修改。展开层列表后,在Opacity(透明度)上单击鼠标右键,在弹出的菜单中,选择Edit Value(编辑值)命令,打开Opacity(透明度)对话框,如图2.82所示,在该对话框中设置新的数值即可。

图2.82 透明度对话框
2.8.11 课堂案例——利用透明度制作画中画
实例说明
本例主要讲解通过对透明度属性的设置,制作画中画动画。通过制作本例,学习透明度属性的设置及使用方法。完成的动画流程画面如图2.83所示。
工程文件:工程文件\第2章\画中画
视频:视频\2.8.11 课堂案例——利用透明度制作画中画.avi

图2.83 画中画动画流程画面
知识点
Opacity(透明度)属性。
01执行菜单栏中的Composition(合成)|New Composition(新建合成)命令,打开Composition Settings(合成设置)对话框,设置Composition Name(合成名称)为“画中画”,Width(宽)为720,Height(高)为480,Frame Rate(帧速率)为25,并设置Duration(持续时间)为00:00:04:00秒,如图2.84所示。

图2.84 合成设置
02执行菜单栏中的File(文件)|Import(导入)|File(文件)命令,打开Import File(导入文件)对话框,选择配套资源中的“工程文件\第2章\画中画\背景1.jpg、背景2.jpg、背景3.jpg”素材,单击打开按钮,素材将导入到Project(项目)面板中。
03在Project(项目)面板中,选择“背景1.jpg、背景2.jpg和背景3.jpg”素材,将其拖动到“画中画”合成的时间线面板中,如图2.85所示。

图2.85 添加素材
04将时间调整到00:00:00:00帧的位置,选中“背景3”层,按T键打开Opacity(透明度)属性,单击Opacity(透明度)左侧的码表按钮,在当前位置设置关键帧,将时间调整到00:00:02:15帧的位置,设置Opacity(透明度)的值为0,系统会自动添加关键帧,如图2.86所示。

图2.86 设置关键帧
05将时间调整到00:00:01:00帧的位置,选中“背景2”层,按T键打开Opacity(透明度)属性,设置Opacity(透明度)的值为0,单击Opacity(透明度)左侧的码表按钮,在当前位置设置关键帧,将时间调整到00:00:02:15帧的位置,设置Opacity(透明度)的值为100,系统会自动添加关键帧,如图2.87所示。

图2.87 设置关键帧
06将时间调整到00:00:02:15帧的位置,选中“背景1”层,按T键打开Opacity(透明度)属性,设置Opacity(透明度)的值为0,单击Opacity(透明度)左侧的码表按钮,在当前位置设置关键帧,将时间调整到00:00:03:24帧的位置,设置Opacity(透明度)的值为100,系统会自动添加关键帧,如图2.88所示。

图2.88 设置关键帧
07这样就完成了“画中画”动画的整体制作,按小键盘上的0键,可在合成窗口中预览动画效果。