|
|
首页
|上一页
| 下一页
|
|
|
|
第三课
逐帧动画
|
|
|
|
逐帧动画，是一种常见的动画形式，它的原理是在“连续关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而形成动画。
|
|
|
|
由于逐帧动画的帧序列内容不一样，不仅增加制作负担而且最终输出的文件量也较大，但它的优势也很明显，因为它与电影播放模式相似，很适合于表演很细腻的动画，如 3D 效果、人物或动物急剧转身等效果，通常在网络上欣赏到的比如行走，头发的飘动，很多都是使用逐帧动画实现的。
|
|
|
|
逐帧动画在时间帧上逐帧绘制帧内容，由一系列连续的帧上添加动画对象得到，多用于一些细节变化非常大的动画内容。
|
|
|
|
逐帧动画在时间上表现为连续出现的关键帧，如下图所示。
|
|
|
|
|
|
|
|
|
|
|
通常创建逐帧动画有以下几种方法。
|
|
|
✧ 用导入的静态图片建立逐帧动画。
|
|
|
✧ 用 jpg、png等格式的静态图片连续导入到 Flash 中，就会建立一段逐帧动画。
|
|
|
✧ 绘制矢量逐帧动画，用鼠标或压感笔在场景中一帧帧的画出帧内容。
|
|
|
✧ 文字逐帧动画，用文字作帧中的元件，实现文字跳跃、旋转等特效。
|
|
|
✧ 指令逐帧动画，在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。
|
|
|
|
|
|
实例—变色龙
|
|
|
1.创建影片文档
|
|
|
执行【文件】菜单下的【新建】命令，在弹出的对话框中选择【常规】|【Flash 文档】单击【确定】按钮，新建一个影片文档。
|
|
|
|
|
|
2．绘制矢量逐帧动画
|
|
|
（1）选择【插入】|【新建元件】命令，或按快捷键【Ctrl+F8】,在弹出的【创建新元件】对话框中输入元件名称“走路” ，并选择【影片剪辑】行为，然后单击【确认】按钮。如图（创建新元件）所示。
|
|
|
|
|
|
创建新元件
|
|
|
|
|
|
（2）执行【视图】|【编辑网格】命令，在弹出的【网格】对话框中，进行如图（编辑网格）所示的设置，然后单击【确定】按钮。
|
|
|
|
|
|
编辑网格
|
|
|
|
|
|
（3）选择工具栏中的【刷子工具】 ，在其选项栏中选择【刷子大小】和【刷子形状】，如图（设置笔刷）所示。
|
|
|
|
|
|
刷子大小
刷子形状
|
|
|
|
|
|
（4）在颜色栏的【填充色】参数列表中设置颜色为#9999FF，然后在工作区中绘制一个如图 3-1 左所示的图形。
|
|
|
（5）在颜色栏的【填充色】参数列表框中将颜色更改为#006699，在图形中间的空白区域内绘制一个如图 所示3-1 右的图形。
|
|
|
|
|
|
图 3-1
左
图 3-1 右
|
|
|
|
|
|
（6）单击第二帧，按F7插入空白关键帧。在颜色栏的【填充色】参数列表框中设置颜色为#9999FF，然后在工作区中绘制一个图形，然后在颜色栏的【填充色】参数列表框中将颜色更改为#006699，并在图形中间的空白区域内绘制一个如图 3-2 所示的图形。
|
|
|
|
|
|
图 3-2 第二帧上的画面
|
|
|
|
|
|
（7）单击第 3 帧，然后按住【Shlft】键，再单击第14 帧，将 3—14帧之间的所有帧选中，按【F7】键插入空白关键帧，采用步骤（4）～步骤（5）中所述绘制图形的方法，分别在第 3、4、5、6、7、8、9、10、11、12、13 和第14 帧中绘制如图（3-3）～（3-14）所示的图形。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
3．制作变色背景
|
|
|
（1）选择【插入】|【新建元件】命令，或按快捷键【Ctrl+F8】,在弹出的【创建新元件】对话框中输入元件名称“图片”，并选择【图形】行为，然后单击【确定】按钮。
|
|
|
（2）执行【文件】|【导入】|【导入到舞台】命令，在弹出的【导入】对话框中通过查找范围下拉找到本例的素材图片，选中，然后单击右下角的【确定】按钮。
|
|
|
|
|
|
导入文件
|
|
|
|
|
|
（3）右键点击编辑区的图片，在弹出的快捷菜单中选择【转换为元件】，（或按【F8】键），在弹出的【转换为元件】对话框中输入元件名“背景图”，并选择【图形】行为。如图（转换元件）所示。然后单击【确定】按钮。
|
|
|
|
|
|
转换元件
|
|
|
|
|
|
（4）单击“图层
1”的第2帧，按【F6】键4次，插入4个关键帧。分别选中（单击）每个关键帧处所对应的图片，打开属性面板，在属性面板的【颜色】下拉选项中选择【色调】，选择一个颜色并把色调值设为 40%～50%。如图（设置色调）所示。
|
|
|
|
|
|
设置色调
|
|
|
|
|
|
4．场景组装
|
|
|
（1）单击编辑器中的【场景1】 按钮(或单击【编辑场景】 下拉列表中的【场景1】)。双击“图层 1” ，把“图层 1”改名为“背景” ，单击“图层 1”的第一帧，从库里提出“变色背景”影片剪辑元件。点击主要工具栏中的【对齐】 按钮，调出对齐面板，
在对齐面板中进行如下设置：按下【相对于舞台】 按纽,点击【水平中齐】 、【垂直中齐】 按钮。如图（居中设置）所示。
|
|
|
|
|
|
|
居中设置
|
|
|
|
|
|
（2）单击时间轴下面的【插入图层】 按钮，插入“图层 2”。把“图层 2”改名为“走路” ，单击“走路”图层的第 1 帧，从库里提出“走路”影片剪辑元件。然居中对齐。
|
|
|
|
|
|
（3）单击时间轴下面的【插入图层】按钮，插入“图层 3”。把“图层 3”改名为“遮片”，单击“遮片”图层的第 1
帧，选择【工具箱】中的【矩形工具】 ，并在颜色区中设置笔触色无，填充色为黑色。如图（颜色设置）所示，并在颜色区中选择【对象绘制】 。以上设置好后，在舞台上绘制一个矩形，并在属性面板里设置矩形的大小为 800×600。再利用对齐面板居中对齐。
|
|
|
|
|
|
颜色设置
|
|
|
|
|
|
（4）选择【工具箱】中的【椭圆工具】 ，按住【shift】在舞台上绘制一个正圆，单击正圆，打开【属性面板】在【属性面板】里设置正圆大小为360×360。再利用对齐面板居中对齐。
|
|
|
|
|
|
（5）单击“遮片”图层的第 1帧，执行【修改】|【合并对象】|【打孔】菜单命令。
|
|
|
|
|
|
5．保存、导出影片。
|
|
|
（1）执行【文件】|【另存为】菜单命令，在弹出的【另存为】对话框中，选择好保存位置，输入好文件名，然后点击【保存】按钮。
|
|
|
（2）执行【控制】|【测试影片】菜单命令，观看影片效果。
|
|
|
|
|
|
最终效果
|
|
|
|
|
|
|
|
|
 素材下载
|
|
|
|
