《第5讲二维动画形状补间动画和按钮元件.pdf》由会员分享，可在线阅读，更多相关《第5讲二维动画形状补间动画和按钮元件.pdf（3页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 二维动画形状补间动画和按钮元件 一、学习目标 1、掌握场景的基本操作 2、掌握形状补间动画创建 3、了解按钮元件各帧的作用 4、掌握按钮元件的创建和编辑 二、学习任务 1、场景的新建、命名、删除和复制 2、制作形状补间动画 3、制作按钮元件 4、按钮元件复制和编辑 三、要求和题型 知识点 考试要求 试题类型 1场景的编辑 c 选择题、综合题 2形状补间动画 c 3按钮元件的创建 c 4按钮元件的编辑 c 四、学习内容（一）重点范例：音乐合成 1、场景的基本操作（1）在场景面板将“场景 1”修改为“主场景”，并删除 main 场景。（2）新建名为“片头”的场景，并将片头场景至于“主场景”上方。
2、（3）选择“主场景”中的“背景”、“背景音乐”、“登高”图层的所有帧执行“复制帧”操作，切换到“片头”场景，选择“图层 1”第 1 帧执行粘贴帧。并删除所有图层的 51帧-80 帧。2、图形的形状补间动画（4）新建一名为“重阳”的图层，在第 1 帧输入文字“重”，在第 50 帧处插入空白关键帧并输入文字“阳”，文字字体“隶书”、大小为“60”、颜色为“#FFFF00”。（5）制作文字“重”变化为“阳”的形状补间动画。（思考如何从“重”字变化成“重阳”3、按钮元件创建和编辑（6）新建名为“播放”按钮元件。将“图层 1”命名为“矩形”。（7）在“弹起”帧上绘制一个边框线条为“白色”，粗细为“4”，
3、矩形填充颜色“浅蓝：#0099FF”的矩形，并在“指针经过”、“按下”帧插入关键帧，并将两帧上矩形颜色设置为，“浅黄：#FFFF33”和“浅绿：#00FF33”，在“点击帧”插入帧。（8）在“矩形”图层上方，插入“文字”图层输入文字“播放”并在“点击”帧插入帧。（9）在片头场景最上方插入“按钮”图层，在最有一帧处插入“关键帧”，将“播放”按钮应用到场景左下角并调整按钮大小使其合适。思考：测试影片观察按钮变化情况，按钮元件四个关键帧的作用。（10）在库中复制一个“播放”按钮并修改名字为“重播”，修改该元件将“文字”图层的“播放”修改为“重播”。（二）实践操作 1、打开“学习任务 1”文件夹中的“
4、重阳 2.fla”进行如下操作：（1）在场景面板将“场景 1”修改为“主场景”，并删除 main 场景。（2）新建名为“片头”的场景，并将片头场景至于“主场景”上方。（3）选择“主场景”中的“背景”、“背景音乐”、“登高”图层的所有帧执行“复制帧”操作，切换到“片头”场景，选择“图层 1”第 1 帧执行粘贴帧。并删除所有图层的 51帧-80 帧。（4）新建一名为“重阳”的图层，在第 1 帧输入文字“重”，在第 50 帧处插入空白关键帧并输入文字“阳”，文字字体“综艺体”、大小为“60”、颜色为“#FFFF00”。（5）制作文字“重”变化为“阳”的形状补间动画。（6）新建名为“播放”按钮元件。将
5、“图层 1”命名为“矩形”。（7）在“弹起”帧上绘制一个边框线条为“白色”，粗细为“4”，矩形填充颜色“浅蓝：#0099FF”，的矩形，并在“指针经过”、“按下”帧插入关键帧，并这两帧上矩形颜色设置为，“浅黄：#FFFF33”和“浅绿：#00FF33”，在“点击帧”插入帧。（8）在“矩形”图层上方，插入“文字”图层输入文字“播放”并在“点击”帧插入帧。（9）在片头场景最上方插入“按钮”图层，在最有一帧处插入“关键帧”，将“播放”按钮应用到场景左下角并调整按钮大小使其合适。测试影片观察按钮变化情况 思考：按钮元件四个关键帧的作用。（10）在库中复制一个“播放”按钮并修改名字为“重播”，修改该元件
6、将“文字”图层的“播放”修改为“重播”。2：打开“学习任务_2”文件夹中的“海底世界 3.fla”进行如下操作：（1）在场景面板将“load”场景复制一个副本并命名为“main”，切换到“main”场景删除“标题”图层；（2）在“main”场景清除背景图层上第 1 关键帧上的内容，将库中的“1.jpg”图片应用到场景使刚好其铺满舞台，清除第 60 关键帧；（3）在“main”场景“变化”图层利用库中的“水泡”和“星”元件，制作 1 帧到 60帧“水泡”变成“星星”的动画；（4）为播放按钮添加“鼠标经过”帧的声音效果，声音为“sound.mp3”，同步为事件；（三）知识索引 1图形的形状补间动画
7、 （1）Flash 动画可以分为逐帧动画和补间动画。补间动画又分为动画补间和形状补间两种。动画类型 时间轴表象 制作要点 关键帧动画（逐帧动画）由一系列连续变化的关键帧形成。每一关键帧上的图像有所不同。当为连续的关键帧时为逐帧动画 动画补间 确定首关键帧上元件的属性，确定末关键帧上的元件属性，选择之间的一帧设置动画补间动画。首尾关键帧中一般为同一元件实例，且两个实例属性往往是不同的。形状补间 确定首关键帧上图形的属性，确定末关键帧上的图形属性，选择之间的一帧设置形状补间动画。首尾关键帧中一般为不同的图形内容，必须是分离状态。2场景的基本操作 在 Flash 多媒体作品中，可以用不同的场景组织相
8、互独立的作品内容，是模块化作品设计的重要手段，“多场景”动画适合较复杂的作品或者舞台上的动画元素差别较明显的情况。Flash 将按照它们的先后顺序播放。此外，还可以利用指令交互实现不同场景间的跳转。（1）可以通过“窗口”菜单下的“其他面板”中选择“场景”来打开场景面板。（2）对场景的添加、删除、重命名、顺序调整等操作一般在场景面板（如下图所示）。3按钮元件创建和编辑（1）按钮元件是 Flash 的基本元件之一，它有多种状态，能响应鼠标事件，执行指定的动作，是实现动画交互效果的关键对象。一般由“弹起”、“指针经过”、“按下”和“点击”四个帧组成。弹起：当鼠标不接触按钮时，该按钮处于弹起的状态。指针经过：当鼠标移动到该按钮区域，但没有按下鼠标的状态。按下：当鼠标移动到该按钮上，并按下鼠标时的状态。点击：该帧定义了鼠标有效的单击区域。