|
|
首页
|上一页
| 下一页
|
|
|
|
第四课—动作补间动画
|
|
|
|
动作补间动画是 Flash 中三种基本动画之一，是一种非常重要的表现手段。动作补间动画是在两个关键帧之间由 FLASH 通过计算生成中间各帧，使画面从一个关键帧平滑过度到下一关键帧。实施“补间动画”的对象必需是“元件”或 “组合体”。
|
|
|
|
运动作补间动画，可以设置元件的大小、位置、颜色、透明度、旋转，等种种属性，充分利用动作补间动画这些特性，可以制作出精美的动画效果。
|
|
|
|
|
|
|
|
实例—旋转的风筝
|
|
|
|
制用步骤：
|
|
|
|
1．创建文档：
|
|
|
启动 Flash8，选择【文件】|【新建】菜单命令，建立一个 Flash档。背景色设为非白色，其它默认。
|
|
|
|
|
|
2．绘制风筝图形
|
|
|
（1）选择【插入】|【新建元件】菜单命令，在打开的【新建元件】对话框中输入元件名称：风筝图，并选择【图形】行为。如图 4-1 所示，然后单击【确定】按钮。
|
|
|
|
|
|
图 4-1 创建新元件
|
|
|
|
|
|
（2）单击【工具箱】中的【直线工具】，在工作区中绘制一个如图 4-2 所示的风叶图形轮廓。
|
|
|
|
|
|
图 4-2
|
|
|
|
|
|
（3）选择【窗口】|【混色器】菜单命令，在弹出的【混色器】面板中的【填充类型】下拉列表框架中选【纯色】、设置颜色为白色（#FFFFFF）、【Alpha】设为 50%，然后用【颜料桶】 工具填充图形的基左边，再把【Alpha】设为 50%，填充图形的右边，如图 4-3所示。
|
|
|
|
|
|
图 4-3
|
|
|
|
|
|
(4)选择【工具箱】中的【任意变形】工具，单击“图层 1”的第 1 帧，然后把编辑中心移到图形的右下角，如图 4-4 所示。
|
|
|
|
|
|
图 4-4
|
|
|
|
|
|
（5）选择【窗口】|【变形】菜单命令，在弹出的【变形】面板中，把约束选中，在旋转选项中设置旋转 90 度。如图 4-5
所示，然后点击右下角的旋转并应用变形按钮三次，复制后的效果如图4-6 所示。
|
|
|
|
|
|
图 4-5
|
|
|
|
|
|
图 4-6
|
|
|
|
|
|
（6）双击风筝的轮廓线（笔触），将笔触删除。单击“图层 1”的第 1帧，执行【修改】|【组合】菜单命令，再打开【属性面板】在【属性面板】中设置宽：200、高：200、横坐标 X：0 纵坐标：0。如图
4-7 所示的设置。
|
|
|
|
|
|
图 4-7
|
|
|
|
|
|
3．制作风筝旋转动画
|
|
|
（1）选择【插入】|【新建元件】菜单命令，在打开的【新建元件】对话框中输入元件名称： “转的风筝 1” ，并选择【影片剪辑】行为，然后单击【确定】按钮。
|
|
|
|
|
|
（2）选择【窗口】|【库】菜单命令，从打开的【库】面板中，把图形元件“风筝图”提进场景，然后利用对齐面板居中对齐。
|
|
|
|
|
|
（3）分别右键单击 30
、60帧，在弹出的快捷菜单中选择插入关键帧（或按 F6 键） 。并选中 30 处的风筝图形元件，打开【变形面板】，在变形面板中选中【约束】选项，并在【宽度】或【高度】设置框中键入 60%，然后按【Enter】键确定。如图 4-8 所示。
|
|
|
|
|
|
图 4-8
|
|
|
|
|
|
（4）单击“图层 1”，打开【属性面板】，在【属性面板】补间选项卡中选择动画，在旋转选项中选择顺时针（或逆时针）旋转 1 次。如图 4-9 所示。
|
|
|
|
|
|
图 4-9
|
|
|
创建好动作补间动画的时间轴状态如图
4-10 所示。
|
|
|
|
|
|
图 4-10
|
|
|
|
|
|
4．制作另一个风筝旋转的动画
|
|
|
（1）选择【窗口】|【库】菜单命令，右键点击【库】中的“旋转的风筝 1” ，影片剪辑元件，在弹出的快捷菜单中选择【直接复制】命令。在弹出的复制元件对话框中名称改为“旋转的风筝 2” ，确定。
|
|
|
|
|
|
（2）双击库里的“旋转的风筝 2”影片剪辑元件，进入基编辑状态，在第 1 帧和第 60 帧上，利用对齐面板把放缩比设为30%，在第 30帧处的放缩比设为 80%。
|
|
|
|
|
|
5． 制作小圆渐明渐暗的动画
|
|
|
（1）选择【插入】|【新建元件】菜单命令，在打开的【新建元件】对话框中输入元件名称： “圆动画” ，并选择【影片剪辑】行为，然后单击【确定】按钮。
|
|
|
|
|
|
(2)选择【工具箱】中的【椭圆】 工具,在颜色区中设置笔触色无，填充色为白色，在舞台上绘制一个直径为 50的正圆，居中对齐。选中此图形，按【F8】键转换为图形元件。
|
|
|
|
|
|
（3）在第 20帧、第 40 帧处插入关键帧，在第 1 帧，第 40 帧处利用【变形面板】把小圆缩小为原来的 50%，并且在属性面板里把透明度设为 0%。分别选中第
1 帧和第 20 帧打开属性面板在补间中选择动画。
|
|
|
|
|
|
6．制作圆组合
|
|
|
（1）选择【插入】|【新建元件】菜单命令，在打开的【新建元件】对话框中输入元件名称： “圆组合” ，并选择【影片剪辑】行为，然后单击【确定】按钮。
|
|
|
|
|
|
（2）执行【窗口】|【库】命令，从打开库面板里提进
4 个“圆动画”影片剪辑元件，分散安排好住置。在第
40按【F5】键插入帧。
|
|
|
|
|
|
（3）插入“图层
2” ，在“图层 2”的第 10帧插入关键帧，从库时提进3
个“圆动画”影片剪辑元件，安排好位置。在第
50按【F5】键插入帧。
|
|
|
|
|
|
（4）插入“图层
3” ，在“图层 3”的第 20帧插入关键帧，从库时提进3
个“圆动画”影片剪辑元件，安排好位置。在第
60按【F5】键插入帧。
|
|
|
|
|
|
7．制作背景
|
|
|
（1）选择【插入】|【新建元件】菜单命令，在打开的【新建元件】对话框中输入元件名称：
“背景”
，并选择【影片剪辑】行为，然后单击【确定】按钮。
|
|
|
|
|
|
（2）单击工具箱中的【矩形】 工具，在工具箱的颜色区中设置无笔触色，填充色设为白色，然后在编辑区里绘制一个550×400的矩形，居中对齐，并转换为图形元件。
|
|
|
|
|
|
（3）选中矩形，打开属性面板，在属性面板的颜色式样中选择色调，#000FFF、50%。在第
40 帧，第 80 帧插入关键帧，并在第 80
帧上设置色调为#6633FF、50%。回到第 40 帧，创建
40～80 帧之间的补间动画。在第 120
帧插入关键帧。然后右键点击第一帧，在弹出的快捷菜单中选【复制帧】。再右键点击第
160 帧，在弹出的快捷菜单中选【粘贴帧】。回到第
120 帧，创建 120～160 帧之间的补间动画。
|
|
|
|
|
|
8．场景组装
|
|
|
（1）单击编辑器中的【场景 1】 按钮(或单击【编辑场景】 下拉列表中的【场景 1】)。双击“图层 1” ，把“图层 1”改名为“背景” ，单击“图层 1”的第一帧，从库里提出“背景”影片剪辑元件。点击主要工具栏中的【对齐】 按钮，调出对齐面板，
在对齐面板中进行如下设置：按下【相对于舞台】 按纽,点击【水平中齐】 、【垂直中齐】 按钮。
|
|
|
|
|
|
（2）单击时间轴下面的【插入图层】 按钮，插入“图层 2” 。把“图层 2”改名为“圆” ，单击“圆”图层的第 1 帧，从库里提出 “圆组合”影片剪辑元件。然居中对齐。
|
|
|
|
|
|
（3）单击时间轴下面的【插入图层】按钮，插入图层3。把“图层3”改名为“风筝” ，单击“风筝”图层的第 1帧，从库里提出 “旋转风筝 1”影片剪辑元件。然居中对齐。再提出 4 个“旋转风筝2” ，放到适当位置。
|
|
|
|
|
|
9．保存、导出影片。
|
|
|
（1）执行【文件】|【另存为】菜单命令，在弹出的【另存为】对话框中，选择好保存位置，输入好文件名，然后点击【保存】按钮。
|
|
|
|
|
|
（2）执行【控制】|【测试影片】菜单命令，观看影片效果。
|
|
|
|
|
|
最终效果
|
|
|
|
|
|
|
|
|
|
|
