Dreamweaver 8 Fireworks 8 Phtoshop CS2 Flash 8中文版网页制作四合一教程 王磊 第14章简单动画制作新.ppt

14.1 动画简述 14.2 逐帧动画 14.3 补间动画 14.4 交互动画 交互按钮 （8）右击“点击”帧，从弹出的快捷菜单中选择“插入空白关键帧”命令，然后利用工具箱中的“矩形”工具，绘制一个按钮感应鼠标指针的范围，如图所示。 创建文字按钮 （9）单击舞台左上方的“场景1”按钮，切换到场景编辑窗口。单击“窗口”→“库”命令打开“库”面板，将button按钮元件拖到舞台上，创建一个实例。 交互按钮 （1）单击“文件”→“新建”命令，新建影片文件。 （2）单击“插入”→“新建元件”命令，弹出“创建新元件”对话框。在“名称”文本框中输入“确定”，在“类型”区内选中“按钮”单选按钮，单击“确定”按钮，进入“确定”按钮元件编辑窗口。 （3）单击工具箱中的“矩形”工具，设置填充颜色为白黑渐变色，然后绘制一个矩形，如图所示。 创建图形按钮 交互按钮 （4）单击工具箱中的“箭头”工具，选定整个矩形，单击“修改”→“组合”命令，将其组合为一个整体。 （5）分别右击“指针经过”帧和“按下”帧，从弹出的快捷菜单中选择“插入关键帧”命令，将“弹起”帧的矩形复制到这两个帧中。 （6）右击时间轴上的“图层1”图层，从弹出的快捷菜单中选择“插入图层”命令，在“图层1”上新建“图层2”。 （7）单击“图层1”上的“指针经过”帧，按Ctrl+C键复制矩形，然后单击“图层2”上的“指针经过”帧，按Ctrl+Shift+V组合键将圆形粘贴到当前位置。 图14-23 “缩放和旋转”对话框 （8）选定粘贴后的图形，单击“修改”→“变形”→“缩放和旋转”命令，出现如图所示的“缩放和旋转”对话框。 创建图形按钮 交互按钮 （9）在“缩放”文本框中输入75，在“旋转”文本框中输入180，单击“确定”按钮，如图所示。 创建图形按钮 交互按钮 （10）分别右击“图层2”的“指针经过”帧和“按下”帧，从弹出的快捷菜单中选择“插入关键帧”命令。 （11）右击时间轴上的“图层2”图层，从弹出的快捷菜单中选择“插入图层”命令，在“图层2”上新建“图层3”。 （12）在“图层3”的“按下”帧中添加文本“确定”，如图所示。 创建图形按钮 交互按钮 （13）单击舞台左上方的“场景1”按钮，返回到场景编辑窗口。从“库”面板中将“立体按钮”拖到舞台上。 （14）单击“控制”→“测试影片”命令，即可查看按钮效果。 创建图形按钮 交互按钮 （1）单击“文件”→“新建”命令，新建一个影片文件。 （2）单击“插入”→“新建元件”命令，创建一个图形元件，命名为“钟摆”，然后在舞台上绘制如图所示的钟摆。 制作动态按钮 14.* ? 2007 第14章 简单动画制作 返回总目录 第14章简单动画制作 了解动画 掌握制作逐帧动画的方法 掌握制作补间动画的方法 掌握制作交互动画的方法 教学目的 ? 动画简述 ? 逐帧动画 ? 补间动画 本章内容 ? 交互动画 动画的类型 关于帧 动画简述 动画的类型 逐帧动画：制作好每一帧画面，然后生成动画效果，传统的动画都是这样做出来的。 补间动画：制作好若干关键帧的画面，由Flash通过计算生成中间各帧，使得画面从一个关键帧过渡到另一个关键帧。过渡动画又分为运动过渡动画和变形过渡动画 关于帧 （1）选择“修改”→“文档”命令，打开“文档属性”对话框。 （2）在“文档属性”对话框中，设置动画大小为450px×350px。单击“确定”按钮，关闭“文档属性”对话框，这时在时间轴面板中会自动创建一个空白关键帧。 关于帧 （3）选择“插入”→“时间轴”→“图层”命令，新建一个“图层2”，这个“图层2”位于当前状态。 （4）单击工具栏中的矩形工具，在场景中绘制一个矩形，这时就创建了一个关键帧，时间轴上的白色小圆点也将变为黑色。 关于帧 （5）选中绘制的矩形，然后选择“修改”→“组合”命令，组合图形。 （6）在第20帧上右击，从弹出的快捷菜单中选择“插入关键帧”命令，这时将在该帧插入一个关键帧。 关于帧 （7）单击第20帧，然后将选中的矩形随意移动一个位置。 （8）在第1帧上右击，从弹出的快捷菜单中选择“复制帧”命令，复制选中的帧。 （9）在第40帧上右击，从弹出的快捷菜单中选择“插入空白关键帧”命令，创建一个空白帧。 （10）再次在第40帧上右击，从弹出的快捷菜单中选择“粘贴帧”命令，将复制在Windows剪贴板中的帧粘贴到该帧，这时将又形成一个关键帧。 关于帧 （11）在“图层2”时间轴的第1帧上右击，从弹出的快捷菜单中选择“创建补间动画”命令，再在第20帧上右击，从弹出的快捷菜单中选择“创建补间动画”命令，这样即可创建从第1帧到第20帧的动画。 （12）用同样的方法制作第20帧到第40帧之间