flash动画技巧以及实例

动画基础 一、常见的动画形式： 逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。 二、 几种类型帧的小结： （关键帧、空白关键帧、普通帧） 1. 特点 帧是进行 flash 动画制作的最基本的单位，每一个精彩的 flash 动画都是由很多个精心 雕琢的帧构成的，在时间轴上的每一帧都可以包含需要显示的所有内容，包括图形、声 音、各种素材和其他多种对象。 关键帧顾名思义，有关键内容的帧。用来定义动画变化、更改状态的帧，即编辑舞台 上存在实例对象并可对其进行编辑的帧。 空白关键帧空白关键帧是没有包含舞台上的实例内容的关键帧。 普通帧在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。 2. 区别 1） 关键帧在时间轴上显示为实心的圆点，空白关键帧在时间轴上显示为空心的圆点，普 通帧在时间轴上显示为灰色填充的小方格 2） 同一层中，在前一个关键帧的后面任一帧处插入关键帧，是复制前一个关键帧上的对 象，并可对其进行编辑操作；如果插入普通帧，是延续前一个关键帧上的内容，不可对 其进行编辑操作；插入空白关键帧，可清除该帧后面的延续内容，可以在空白关键帧上 添加新的实例对象。 3）关键帧和空白关键帧上都可以添加帧动作脚本，普通帧上则不能。 3. 应用中需注意的问题 1） 应尽可能的节约关键帧的使用，以减小动画文件的体积； 2） 尽量避免在同一帧处过多的使用关键帧，以减小动画运行的负担，使画面播放流畅。 三、 几种类型动画的小结： （帧帧动画、形变动画、运动动画） 1. 特点 帧帧动画是 flash 动画最基本的形式，是通过更改每一个连续帧在编辑舞台上的内 容来建立的动画 形状补间动画是在两个关键帧端点之间，通过改变基本图形的形状或色彩变化， 并由程序自动创建中间过程的形状变化而实现的动画 运动补间动画是在两个关键帧端点之间，通过改变舞台上实例的位置、大小、旋 转角度、沿特定路径运动、变化等等属性，并由程序自动创建中间过程的运动变化而实现 的动画 2. 区别 1）帧帧动画的每一帧使用单独的画面，适合于每一帧中的图像都在更改而不是仅仅简单地 在舞台中移动的复杂动画。对需要进行细微改变（比如头发飘动）的复杂动画是很理想 的方式。 形状补间在起始端点绘制一个图形，再在终止端点绘制另一个图形，可以实现一副图形变 为另一副图形的效果。 运动补间在起始端点定义一个实例的位置、大小、色彩等属性，在终止端点改变这些属性， 可以实现翻转、渐隐渐现等效果。 2）帧帧动画保存每一帧上的完整数据，补间动画只保存帧之间不同的数据，因此运用补间 动画相对于帧帧动画，可以减小文件体积。 3）形状补间必须是运用在被打散的形状图形之间，动画补间必须应用在组合、实例上，帧 帧动画不受此限制。 4）帧帧动画的每一帧都是关键帧，形状补间动画帧之间是绿色背景色，两端由实线箭头相 连，运动补间动画帧之间是兰色背景色，两端也由实线箭头相连。 3. 应用中需注意的问题 1）如果在创建补间动画时，时间轴上出现虚线箭头，表示补间不成功，应检查两个端点的 对象是不是符合做形状补间或动作补间的对象。 2）可以利用变形提示点来控制形状渐变的效果，利用变形提示点，两端的形状越简单效果 越好。 3帧帧动画是由一幅幅图像按时间顺序排列好，并按一定的速度播放出来的。 1) 关键帧： 2) 过渡帧：两个关键帧之间的帧称为过渡帧。 3) 插入关键帧 4) 清除关键帧 5) 空白关键帧 6) 帧属性（中间，声音，同步，旋转） 四、 基本动画技巧小结： （引导线、遮罩） 1. 特点 引导线动画可以自定义对象运动路径，可以通过在对象上方添加一个运动路径的 层，在该层中绘制运动路线，而让对象沿路线运动，而且可以将多个层链接到一个引导层， 使多个对象沿同一个路线运动。 遮罩动画是 flash 中很实用且最具潜力的功能，利用不透明的区域和这个区域以外 的部分来显示和隐藏元素，从而增加了运动的复杂性，一个遮罩层可以链接多个被遮罩层。 2. 应用中需注意的问题 1）引导层不能用做被遮罩层，遮罩层也不能用做被引导层； 2）引导项目之间不能相互勘套，遮罩项目之间也不能相互勘套；引导项目和遮罩项目同样 不能相互勘套； 3）线条不能用作遮罩； 4）遮罩层显示形状，被遮罩层显示内容。 五、几种元件的小结： （影片剪辑元件、按钮元件、图形元件） 1. 特点 成都画室友情提供 元件是指在 flash 中创建且保存在库中的图形、按钮或影片剪辑，可以自始至终在影片 或其他影片中重复使用，是 flash 动画中最基本的元素； 影片剪辑元件可以理解为电影中的小电影，可以完全独立于主场景时间轴并且可 以重复播放。 按钮元件实际上是一个只有 4 帧的影片剪辑，但它的时间轴不能播放，只是根据 鼠标指针的动作做出简单的响应，并转到相应的帧。通过给舞台上的按钮实例添加动作语 句而实现 flash 影片强大的交互性。 图形元件是可以重复使用的静态图像，或连接到主影片时间轴上的可重复播放的 动画片段。图形元件与影片的时间轴同步运行。 2. 相同点： 几种元件的相同点是都可以重复使用，且当需要对重复使用的元素进行修改时，只需 编辑元件，而不必对所有该元件的实例一一进行修改，flash 会根据修改的内容对所有该元 件的实例进行更新。 3. 区别及应用中需注意的问题： 1）影片剪辑元件、按钮元件和图形元件最主要的差别在于，影片剪辑元件和按钮元件的实 例上都可以加入动作语句，图形元件的实例上则不能； 影片剪辑里的关键帧上可以加入动作语句，按钮元件和图形元件则不能。 2）影片剪辑元件和按钮元件中都可以加入声音，图形元件则不能。 3）影片剪辑元件的播放不受场景时间线长度的制约，它有元件自身独立的时间线；按钮元 件独特的 4 帧时间线并不自动播放，而只是响应鼠标事件；图形元件的播放完全受制于 场景时间线； 4）影片剪辑元件在场景中敲回车测试时看不到实际播放效果，只能在各自的编辑环境中观 看效果，而图形元件在场景中即可适时观看，可以实现所见即所得的效果。 5）三种元件在舞台上的实例都可以在属性面板中相互改变其行为，也可以相互交换实例。 6）影片剪辑中可以勘套另一个影片剪辑，图形元件中也可以勘套另一个图形元件，但是按 钮元件中不能勘套另一个按钮元件；三种元件可以相互勘套。 实例动画: 创建用导入的静态图片建立逐帧动画：用 jpg、png 等格式的静态图片连续导入到 Flash 中，就会建立一段逐帧动画（参考实例：长耳朵的狮子） 。 步骤 1 创建影片文档 执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|【Flash 文档】选项 后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为 400260 像素， 【背景色】为白色 步骤 2 导入 jpg 图片 新建一个图层，选择第一帧，执行【文件】|【导入】| 【 导入到舞台】命令 步骤 3 测试存盘 执行【控制】|【测试影片】命令（快捷键 Ctrl+Enter） ，观察动画效果，如果满意， 执行【文件】|【保存】命令 例 1：小球变大（形变动画练习） 1、 绘制一个小球，选取第 20 帧，F6 键（设为关键帧） ，利用【比例】钮将小球变大， 点选【属性栏】 ，选【中间】框的下拉钮【形状】 。创建了【形变动画】的渐变。 2、 Ctrl+Enter 键看效果。 例 2：大球变小（动变动画和图形元件练习） 1、 定义影片属性：“修改”“影片” ，W（宽）：400，H（高）：200。 2、 画一大圆，选取它，F8 键，名称框为“ball ”， “作用 ”框为“图形” ，确定钮。 3、 点击第二十帧，选“插入关键帧” ，利用“比例”钮将大球变小。 4、 点击第一帧，选“创建动画动作” 。CTRL+ENTER 键看效果。 例 3：小狗跑步（动画片段元件练习） 1、 定义影片属性：“修改影片” ，宽：400，高：200。 2、 “插入”“新建元件” ，名称框为“dog” ， “作用”框为“影片剪辑” 。 3、 “编辑”“编辑文档” 4、 “文件”“导入”选取 dog.gif 文件（通过“查找”命令查找） 5、 回到场景， “窗口”“库” ，将 dog 从库中拖出。 6、 点击第二十帧，选插入关键帧，移动 dog 位置。 7、 点击第一帧，选“创建动画动作” 。CREATE+ENTER 键看效果。 引导层动画： 一创建引导路径动画的方法 （1）创建引导层和被引导层 一个最基本“引导路径动画”由两个图层组成，上面一层是“引导层” ，它的图层图标 为 ，下面一层是“被引导层” ，图标为 ，同普通图层一样。 在普通图层上单击时间轴面板中的【添加运动引导层】按钮 ，该层的上面就会添加 一个引导层 ，同时该普通层缩进成为“被引导层” ，如图 3-6-1 所示。 成都画室友情提供 图 3-6-1 引导路径动画 （2）引导层和被引导层中的对象 引导层是用来指示元件运行路径的，所以“引导层”中的内容可以是用钢笔、铅笔、 线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。 而“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、 文字等，但不能应用形状。 由于引导线是一种运动轨迹，不难想象， “被引导”层中最常用的动画形式是动作补间 动画，当播放动画时，一个或数个元件将沿着运动路径移动。 （3）向被引导层中添加元件 “引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作 时特别得注意“引导线”的两端，被引导的对象起始、终点的 2 个“中心点”一定要对准 “引导线”的 2 个端头，如图 3-6-2 所示。 元件中心十字星对准引导线 在职上图中，我们特地把“元件”的透明度设为 50%，使你可以透过元件看到下面的 引导线， “元件”中心的十字星正好对着线段的端头，这一点非常重要，是引导线动画顺利 运行的前提。 二、应用引导路径动画的技巧 （1） “被引导层”中的对象在被引导运动时，还可作更细致的设置，比如运动方向，在 【属性】面板上，选中【路径调整】复选框，对象的基线就会调整到运动路径。而如果选 中【对齐】复选框，元件的注册点就会与运动路径对齐，如图 3-6-3 所示。 图 3-6-3 路径调整和对齐 成都画室友情提供 （2）引导层中的内容在播放时是看不见的，利用这一特点，可以单独定义一个不含“被引 导层”的“引导层” ，该引导层中可以放置一些文字说明、元件位置参考等，此时，引导层 的图标为 。 （3）在做引导路径动画时，按下工具箱中的【对齐对象】按钮 ，可以使“对象附着于 引导线”的操作更容易成功，拖动对象时，对象的中心会自动吸附到路径端点上。 （4）过于陡峭的引导线可能使引导动画失败，而平滑圆润的线段有利于引导动画成功制作。 （5）向被引导层中放入元件时，在动画开始和结束的关键帧上，一定要让元件的注册点对 准线段的开始和结束的端点，否则无法引导，如果元件为不规则形，可以点击工具箱中的 【任意变形工具】 ，调整注册点。 （6）如果想解除引导，可以把被引导层拖离“引导层” ，或在图层区的引导层上单击右键， 在弹出的菜单上选择【属性】 ，在对话框中选择“正常” ，作为正常图层类型，如图 3-6-4 所示。 图 3-6-4 图层【属性】面板 （7）如果想让对象作圆周运动，可以在“引导层”画一根圆形线条，再用【橡皮擦工具】 擦去一小段，使圆形线段出现 2 个端点，再把对象的起始、终点分别对准端点即可。 （9）引导线允许重叠，比如螺旋状引导线，但在重叠处的线段必需保持圆润，让 Flash 能 辨认出线段走向，否则会使引导失败。 例 4 小球沿曲线运动（引导层练习） 1、 在第一层中画一个小球，颜色为红，选取小球， “插入”菜单， “转换成元件”命令， 输入“ball ”作名称，类型为“图形”. 2、 设 40 帧为关键帧，将小球的位置略改变。 3、 在“140”中任一帧上点击，选取“创建动画动作” ，做一过渡动画。 4、 加一个引导层：点击图层左下角的“添加引导图层”钮，出现引导层。 5、 用鼠标点击引导图层的第一帧，然后在编辑区内绘制一曲线。 回到第一层，在第 1 帧中将球的中心位置移到曲线的首端，在第 40 帧中将球的中心位 置移到曲线的末端，Ctrl+Enter 键看效果。 遮罩动画的概念 （1）什么是遮罩 遮罩动画是 Flash 中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动 画来完成的。在 Flash 的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在 遮罩层上创建一个任意形状的“视窗” ，遮罩层下方的对象可以通过该“视窗”显示出来， 而“视窗”之外的对象将不会显示。 （2）遮罩有什么用 在 Flash 动画中， “遮罩”主要有 2 种用途，一个作用是用在整个场景或一个特定区域， 使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分， 从而实现一些特殊的效果。 成都画室友情提供 创建遮罩的方法 （1）创建遮罩 在 Flash 中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你 只要在某个图层上单击右键，在弹出菜单中选择【遮罩层】 ，使命令的左边出现一个小勾， 该图层就会生成遮罩层， “层图标”就会从普通层图标 变为遮罩层图标 ，系统会自动 把遮罩层下面的一层关联为“被遮罩层” ，在缩进的同时图标变为 ，如果你想关联更多 层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图 3-5-1 所示。 图 3-5-1 多层遮罩动画 （2）构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、 图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充” 。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影 片剪辑，图形，位图，文字，线条。 （3）遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动 画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。 应用遮罩时的技巧 1. 遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其 属性（包括它们的变形效果） ，但是遮罩层中的对象中的许多属性如渐变色、透明 度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实 现被遮罩层的渐变色变化。 2. 要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。 3. 可以用“Actions”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层” ， 同时，不能设置_Alpha 属性。 4. 不能用一个遮罩层试图遮蔽另一个遮罩层。 5. 遮罩可以应用在 gif 动画上。 6. 在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮 罩层时间轴面板的显示图层轮廓按钮 ，使之变成 ，使遮罩层只显示边框形状， 在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。 7. 在被遮罩层中不能放置动态文本。 打字效果（遮蔽图层练习） 1、 定义影片属性：“修改影片” ，宽：300，高：200。背景：粉红色 2、 在第一层中输入文字：“世界不大网大” ，字号：48，颜色：蓝色。选取第 40 帧，F5 键。 3、 单击“插入图层”钮，增加一个图层：选取矩形，在文字“世”的上面加一个稍比文 字大一点的矩形，选取矩形“修改”“转变为元件” ，在第 40 帧上插入关键帧， 用箭头工具放大这矩形，盖住文本对象。 4、 设置为“形变”的渐变，点击第 2 图层，选“遮蔽” ，CTRL+ENTER 键测试。 5、 书画漫卷（遮蔽图层练习） 1、 在第一层中画一根木棍，设置它的颜色：红黄红，利用“文件”中的“导入”命 令导入一幅山水画，单击第 40 帧，F5 键。选取小木棍，单击“复制”钮。 2、 单击“插入图层”钮增加一图层，选“编辑”菜单中的“粘贴”命令，木棍出现在第 成都画室友情提供 二层，将它放置在第一层木棍的右边，紧靠第一层的木棍；把它定义成“图形”(F8 键)， 单击第 40 帧，F6 键，将小木棍水平向右移动到一定位置，单击第一帧，选取“创建动 画动作” ，做一过渡动画。 3、 又加一图层：选取矩形工具，绘制一矩形，盖住第二层和第一层的木棍，选取矩形 “修改”“转换为元件” ，在第 40 帧插入关键帧，拖动矩形右边框，使它紧靠第 二层的木棍左边。 4、 点击第一帧，定义“形变”渐变，将第三层的位置移到第二层下，点击现在的中间图 层，选取“遮蔽” 。 字母变形（文字在 FLASH 中的应用） 1、 定义影片属性：“修改影片” ，宽：400，高：200，背景色：蓝色。 2、 单击工具栏上的“A”钮，在第一层中插入文本 “海角” ，字号为 48。颜色为粉红色。 3、 选取对象， “修改”“分离”：打散才能实现形变动画。 4、 在第 30 帧中插入关键帧，删除“海角” ，输入文本“天涯” ，选取对象， “修改” “分离” 。 5、 在第 60 帧中插入关键帧，删除“天涯” ，输入文本“归根” ，选取对象， “修改” “分离” 。 6、 在 160 帧中，制作两个形变动画的过渡。 风吹字（多个图层的操作） 1、 新建一个 Flash 电影，将层的名字改为 “风” 2、 单击工具栏上的“A”钮，在其中设定文字的字体、大小和颜色等属性。然后单击工具 箱上的“文本工具”工具。在编辑区输入文字“风” 。 3、 “插入”“转换成元件” ，在弹出的“元件属性”对话框中输入名称为“风” ，选 “作用”为“图形” ，将选定的对象转换为一个元件。 4、 新建两层，分别命名为“吹”和“字” ，在这两层中分别输入文字“吹”和“字” ，并 将文字转为元件。 5、 按住 SHIFT 键，选定这 3 个文字元件， “窗口”“排列”,在弹出的“排列”浮动面 板中进行排列操作。 6、 在“风”层的第 25 帧处插入关键帧，然后将其中的文字元件“风”移到编辑区的右上 角，利用工具栏中的“比例”工具和“旋转”工具，对对象进行所需的操作。 7、 “属性”“颜色” ，设置元件的 Alpha 值（不透明度）为 0%。 8、 在“吹”层的第 25 帧处和第 40 帧处插入关键帧，在“字”层的第 40 帧和第 60 帧处 插入关键帧，在“吹”层的第 40 帧与“字”层的第 60 帧也设置不透明度为 0%。 9、 在“风”层的第 1 帧与第 25 帧间、在“吹”层的第 25 帧与第 40 帧间、在“字”层的 第 40 帧与第 60 帧间设置“创建动画动作” 。最后按“Ctrl+Enter”进行测试。 若隐若现（图符的不透明度） 1、 设置电影属性：“修改”“影片”：宽，160；高，100，背景色为灰色。 2、 在第一帧插入文字：“FLASH” ，字体为 48，颜色为白色。 3、 定义成组件:“插入” “转换成元件” （快捷键为 F8） ，名称为“a”,类型为图形元 件“图形” 。 4、 将 30 帧变为关键帧（选取第 30 帧，F6 键） 5、 单击第 1 帧，将图符的 ALPHA 值设为 0%。在第 30 帧中定义 ALPHA 值为 100%。 6、 定义 130 帧为动变动画，同理将第 60 帧设为关键帧，定义 ALPHA 值为 0%，定义 3060 帧为动变动画。按“Ctrl+Enter”钮进行测试。 文字彩带（引导图层） 一、效果：一小球带着“嘉兴图书馆”沿着一路径运动。要点：六个图符，一个路径（引 导图层） 二、步骤：一口气建六个图层，最上面的为路径层（设为引导层，点击图符标志，选“引 导线” ） ，其下皆为被引导图层（点击图层标志，选“已引导线” ） ，被引导层中最上面的为 小球，接着分别为“嘉” 、 “兴” 、 “图” 、 “书” 、 “馆”五个图层，被引导图层要建运动过渡， 且要往后移动几个帧（用复制帧和粘贴帧的方法来实现） 。 三、最后要交换元件：在“嘉” “兴” “图” “书” “馆”五个层中，选取小球，属性栏中， 点击“交换”钮，选择所要交换的元件。 创建按钮元件（按钮元件练习） 1、 “插入”“新建元件” ，名称框为“a” ， “行为”框为“button ”. 2、 这时，按钮元件编辑窗口被打开，在时间线控制栏中有四个连续标记：“弹起” 、 “指 针经过” 、 “按下” 、 “点击” ，其中第一帧“弹起”是一个空白的关键帧。 3、 在被编辑元件的第一帧（弹起）中绘制一个有黑色边框的兰色实心圆； 4、 在第二帧（鼠标经过）的位置上新建一个关键帧。 5、 用绘图工具栏中的“油漆桶”工具，将舞台中的兰色矢量图形变为红色。 6、 在“按下”的位置上新建一个关键帧，将舞台中的兰色矢量图形变为绿色。 7、 如果需要另外设置鼠标激活区域，则在第四帧（点击）位置上新建一个关键帧，并用 绘图工具绘制一个覆盖激活区域的矢量色块图：如果不设置“反应区”帧，则以前一 个关键中的对象所占区域为激活区域。 8、 执行菜单命令“编辑编辑文档” ，将编辑窗口转换为舞台编辑界面。 9、 执行菜单命令“窗口”“库” ，用鼠标拖曳新建的按钮元件到舞台中，执行菜单命 令“控制测试影片” ，然后在舞台中测试按钮效果。 行为和行为面板详述 在 Flash 文档中添加行为是通过 【行为】面板来实现的。默认情况下， 【行为】面板组 合在 Flash 窗口右边的浮动面板组中。执行 【窗口】| 【开发面板 】|【行为】命令可以开启 和隐藏【行为】面板。 成都画室友情提供 【行为】面板 单击【行为】面板左上角的小三角可以折叠和展开面板。 【行为】面板上方有一排功能 按钮，主要包括： 【添加行为】按钮 ：单击这个按钮可以弹出一个包括很多行为的下拉菜单，在下拉 菜单中可以选择你所需要添加的具体行为。 【删除行为】按钮 ：单击这个按钮可以将你所选中的行为删除。 【上移】按钮 ：单击这个按钮可以将选中的行为向上移动位置。 【下移】按钮 ：单击这个按钮可以将选中的行为向下移动位置。 【行为】面板下方是显示行为的窗口，它包括两列内容，左边显示的是【事件】 ，右边 显示的是【动作】 。 另外，单击【行为】面板右上角的按钮 ，会弹出一个下拉菜单，其中包括【关闭面 板】 、 【最大化面板】等命令。 1. 控制影片剪辑实例的行为 在【行为】面板中，有一类行为是专门用来控制影片剪辑实例的，这类行为种类比较 多，利用它们可以实现改变影片剪辑实例叠放层次以及加载、卸载、播放、停止、复制或 拖动影片剪辑等功能。 在【行为】面板中，单击【添加行为】按钮，在弹出的下拉菜单中指向【影片剪辑】 项。 控制影片剪辑实例的行为 下表详细列出了这些行为的功能和使用方法。 行为 功能 选择/输入 上移一层 将目标影片剪辑在堆叠顺序中上移 一层。 影片剪辑的实例名称。 成都画室友情提供 下移一层 将目标影片剪辑在堆叠顺序中下移 一层。 影片剪辑的实例名称。 停止拖动影片剪 辑 停止当前的拖动操作。 加载图像 将外部 JPEG 文件加载到影片剪辑 或屏幕中。 JPEG 文件的路径和文件名。 接收图形的影片剪辑或屏幕的实 例名称。 加载外部影片剪 辑 将外部 SWF 文件加载到目标影片 剪辑或屏幕中。 外部 SWF 文件的 URL。 接收 SWF 文件的影片剪辑或屏 幕的实例名称。 卸载影片剪辑 删除使用“加载影片”行为或动作 加载的 SWF 文件。 要卸载的影片剪辑或屏幕的实例 名称。 开始拖动影片剪 辑 开始拖动影片剪辑 影片剪辑或屏幕的实例名称。 移到最前 将目标影片剪辑或屏幕移到堆叠顺 序的顶部。 影片剪辑或屏幕的实例名称。 移到最后 将目标影片剪辑移到堆叠顺序的底 部。 影片剪辑或屏幕的实例名称。 转到帧或标签并 在该处停止 停止影片剪辑，并根据需要将播放 头移到某个特定帧。 要停止的目标剪辑的实例名称。 要停止的帧号或标签。 转到帧或标签并 在该处播放 从特定帧播放影片剪辑。 要播放的目标剪辑的实例名称。 要播放的帧号或标签。 重制影片剪辑 重制影片剪辑或屏幕 要重制的影片剪辑的实例名称。 从原本到副本的 X 轴及 Y 轴 偏移像素数。 2. 控制视频播放的行为 视频行为提供一种控制视频回放的方法。视频行为使你可以播放、停止、暂停、后退、 快进、显示及隐藏视频剪辑。 在【行为】面板中，单击【添加行为】按钮，在弹出的下拉菜单中选择【嵌入的视频】 项，弹出包括控制视频的行为菜单。 控制视频的行为 下表详细列出了这些行为的功能和使用方法。 行为 目的 参数 播放 在当前文档中播放视频。 目标视频实例名称 停止 停止该视频。 目标视频实例名称 暂停 暂停该视频。 目标视频实例名称 后退 按指定的帧数后退视频。 目标视频实例名称 帧数 快进 按指定的帧数快进视频。 目标视频实例名称 帧数 隐藏 隐藏该视频。 目标视频实例名称 显示 显示视频。 目标视频实例名称 成都画室友情提供 3. 控制声音播放的行为 在【行为】面板中，单击【添加行为】按钮，在弹出的下拉菜单中选择【声音】项。 控制声音的行为 控制声音的行为比较容易理解。利用它们可以实现播放、停止声音以及加载外部声音、 从【库】中加载声音等功能。 4.实例随意拖动外部加载的图像 本实例运行时，自动将外部的 5 张动物图像加载到 Flash 影片中，它们成层次叠放在 一起，用鼠标单击任意一张图像，这张图像就显示在最前面，并且用鼠标还可以拖动它放 在任意的位置， 制作步骤 （1）创建动画界面 步骤 1 创建文档 在 Flash MX 2004 中新建一个影片文档，将其保存为“行为应用实例.fla”文件。保持 影片文档的默认属性设置。 成都画室友情提供 【属性】面板 步骤 2 创建动画背景和标题 新建一个图层，并将两个图层分别重新命名为“背景”和“标题” 。用工具箱中的工具 分别在这个两个图层上创建动画的背景和标题 动画背景和标题 （2）创建元件 步骤 1 制作“图像显示区”MC 元件 新建一个名字为“图像显示区”的 MC 元件，在这个元件的编辑场景中用【矩形工具】 绘制一个深灰色的矩形图形。并把它放置在舞台的中央位置。 说明：这个矩形图形的尺寸要和你将要加载的外部图像的尺寸一样，这样才可以保证将 加载的图像完美显示出来。本例 为你提供了 5 张 jpg 格式的 动画图片，它们的尺寸已经被统 一处理为：299 208 像素。 步骤 2 制作“图像显示框”MC 元件 再新建一个名字为“图像显示框”的 MC 元件。在这个元件的编辑场景中，新建一个 图层，并将两个图层重新分别命名为“边框”和“显示区” 。在【边框】图层上，用【矩形 工具】绘制一个黑色边线、白色填充的矩形图形。在【显示区】图层上，将【库】面板中 的“图像显示区”MC 元件拖放到白色矩形图像上面，调整图形到中央位置 “图像显示框”MC 元件 成都画室友情提供 在【显示区】图层上，选择“图像显示区”MC 元件的实例，在【属性】面板中定义 它的实例名为“photo” ， 定义实例名称 （3）引用元件 步骤 1 布局元件 返回到【场景 1】 ，在【标题】图层上插入一个新图层，并重新命名为“图像” 。在这 个图层上，从【库】面板中拖放“图像显示框”MC 元件到舞台上，共得到 5 个实例，将 它们整齐叠放在一起。 步骤 2 定义实例名称 在【属性】面板中，分别定义舞台上这 5 个 MC 元件实例的名称为： snapshot1、snapshot2、snapshot3、snapshot4、snapshot5。 （4）设置行为 步骤 1 设置【action】图层第 1 帧的行为 在【图像】图层上新建一个图层，并重新命名为“action” 。选择这个图层的第 1 帧， 打开【行为】面板，选择【添加行为】|【影片剪辑】| 【 加载图像】行为。 成都画室友情提供 选择“加载图像”行为 说明：当设置某个关键帧上的行为时， 【影片剪辑】行为类别 中仅显示 4 个行为。 单击【加载图像】行为以后，弹出【加载图像】行为设置对话框，在其中的【输入要 加载的.JPG 文件的 URL】文本框中，输入 image1.jpg。在【选择要将该图像载入到哪个影 片剪辑】窗口中，选择【snapshot1】|【photo 】 ， 设置加载图像行为 单击【确定】按钮，完成一个加载图像行为的定义。这个行为的定义实现了将一个名 字为 image1.jpg 的图像加载到 snapshot1 影片剪辑元件中的 photo 元件上。 这时按 F9 键打开【动作】面板，你会发现， 【动作】面板中自动出现了一些动作脚本 代码，这些就是通过前面定义加载图像行为系统自动产生的脚本代码，如图所示。 成都画室友情提供 自动生成的脚本代码 通过以上步骤，就实现了将 image1.jpg 图像加载到 snapshot1 影片剪辑元件中的 photo 元件上的目的，用同样的方法再定义 4 个加载图像的行为，以实现另外 4 个外部图像加载 到相应的影片剪辑元件的目的。 完成以后，在【动作】面板中自动生成了【action】图层第 1 帧的动作脚本代码如下： /load Graphic Behavior this.snapshot5.photo.loadMovie(“image5.jpg“); /End Behavior /load Graphic Behavior this.snapshot4.photo.loadMovie(“image4.jpg“); /End Behavior /load Graphic Behavior this.snapshot3.photo.loadMovie(“image3.jpg“); /End Behavior /load Graphic Behavior this.snapshot2.photo.loadMovie(“image2.jpg“); /End Behavior /load Graphic Behavior this.snapshot1.photo.loadMovie(“image1.jpg“); /End Behavior 步骤 2 设置“图像显示框”MC 实例的行为 先定义施加到 MC 实例 snapshot1 上的第 1 个行为。选择名字为 snapshot1 的 MC 实例， 在【行为】面板中，选择【添加行为】|【影片剪辑】| 【 开始拖动影片剪辑】行为，如图所 示。 成都画室友情提供 单击【开始拖动影片剪辑】行为以后，弹出【开始拖动影片剪辑】对话框，在其中选 择窗口列表中的【snapshot1】实例名，如图所示。 【开始拖动影片剪辑】行为 单击【确定】按钮，完成【开始拖动影片剪辑】对话框中的设置。返回到【行为】面 板，单击【事件】右边的小三角按钮，弹出下拉列表菜单，选择其中的【按下时】事件， 如图 9-2-16 所示。 改变事件类型 说明：当我们定义按钮、影片剪辑的行为时，系统默认的事件类型是“释放时” ，如果你 想更改事件类型，可以按照上面的步骤操作。 下面继续定义施加到 MC 实例 snapshot1 上的第 2 个行为。保持 MC 实例 snapshot1 处 在选中状态，在【行为】面板中，选择【添加行为】|【影片剪辑】| 【移到最前】行为，弹 出【移到最前】对话框，如图 9-2-17。直接单击【确定】 按钮即可。 成都画室友情提供 【移到最前】对话框 接着按照同样的方法，将【释放时】事件更改为【按下时】事件。 最后定义施加到 MC 实例 snapshot1 上的第 3 个行为。保持 MC 实例 snapshot1 处在选 中状态，在【行为】面板中，选择【添加行为】|【影片剪辑 】| 【停止拖动影片剪辑】行为， 弹出【停止拖动影片剪辑】对话框，如图 9-2-18。直接单击 【确定】按钮即可。 【停止拖动影片剪辑】对话框 施加到 MC 实例 snapshot1 上的 3 个行为定义完成以后， 【行为】面板的效果如图 9-2- 19 所示。 snapshot1 上的 3 个行为 这时按键盘上的 F9 键，打开【动作】面板，可以看到自动生成的脚本代码如下： on (press) /Start Dragging Movieclip Behavior startDrag(this); /End Behavior /Bring to Front Behavior 成都画室友情提供 mx.behaviors.DepthControl.bringToFront(this); /End Behavior on (release) /Stop Dragging Movieclip Behavior stopDrag(); /End Behavior 以上动作脚本的功能是，当鼠标单击名字为 snapshot1 的影片剪辑实例时，它被移动 到最前面显示，并且拖动鼠标可以将它放在任意的位置，到合适位置松开鼠标解开停止拖 动。 按照以上的步骤，再分别定义另外 4 个 MC 实例的行为，施加到每个 MC 实例上的 行为也是 3 个，并且和施加到 snapshot1 上的一样 至此，实例制作完成。最后需要说明的是，需要加载的图像文件一定要和实例 Flash 文件放在同一个文件夹下，这样才能保证本实例加载图像成功。 用按钮来激发一个动画（动作） 1、 新建一个按钮， “插入”“新建元件” ，命名为“play” ，类型为“按钮” ，在“弹起、 指针经过、按下”帧上分别插入三个大小相同颜色不同的小球。 2、 返回场景，制作文字效果：插入文字“FLASH” ，设第 15 帧为关键帧，调整大小，设 置动变。 3、 “插入” “图层”钮增加图层 4、 “窗口”“库”将“play”按钮元件拖到编辑区。若觉得按钮显得过大可适当缩小， 点击该按钮元件，选“动作”在“动作”面板的编辑框中选择全局函数 影片剪辑控制-on-release- 全局函数-时间轴控制 - go to and play(1)”语 句。 5、 点击第一层的第一帧，选“动作”在“动作”面板的编辑框中选择全局函数- -时间轴控制-选 stop。测试结果。 按钮的控制（动作） 1、 新建一个按钮， “插入”“新建元件” ，命名为“开始” ，类型为“按钮” ，在“弹起” 帧上画一圆，在圆上插入文字“开始” 。在“指针经过”和“按下”帧上改变圆的颜色。 2、 新建一个按钮， “插入”“新建元件” ，命名为“继续” ，类型为“按钮” ，在” 弹起” 帧上画一圆，在圆上插入文字“继续” 。在“指针经过”和“按下”帧上改变圆的颜色。 3、 制作小球图符， “插入”“新建元件” ，命名为“小球” ，类型为“图形” ，画一小球。 对齐中心点。 4、 “编辑”菜单“编辑影片”命令，回到场景，将小球元件拖至编辑区中。 5、 将第 10 帧和第 20 帧设为关键帧，在第 10 帧中将球移动到另外一个位置，在第 20 帧 移动到第三个位置。定义动变动画。 6、 增加一图层，将两个按钮元件从库中拖出。点击按钮“按钮” ，在“动作”面板的编辑 框中选择全局函数影片剪辑控制-on-release全局函数-时间轴控制- GO TO PLAY（1） ，点击按钮“继续” ，在“动作”面板的编辑框中选择全局函数 影片剪辑控制-on-release全局函数- 时间轴控制 GO TO PLAY（10） 。 7、 限制按钮的效果，点击第一帧，在“动作”面板的编辑框中选择全局函数-时间 轴控制STOP，点击第十帧：在“动作”面板的编辑框中选择全局函数-时间轴 控制STOP 。测试效果。 追捕（声音在 FLASH 中的使用） 1、 “插入”新建元件，命名为“警车” ，类型为图符， “文件”“导入” ，选相关文件。 2、 “插入”新建元件，命名为“匪车” ，类型为图符， “文件”“导入” ，选相关文件。 3、 导入“警车声音”文件：“文件”“导入” ，选相关声音文件。 4、 建四个图层：最上的为“路径”图层，按下来为“匪车” ，再下来为“警车” ，最下面 是“声音”图层。 5、 在路径图层中，绘制一路径，延长到第 20 帧，点击该图层标志，选“引导线” 。 “匪车” 和“警车”图层为“添加引导线” ， “匪车”层和“警车”层要“动变过渡” 。 成都画室友情提供 6、 选取“声音”图层的第一帧，将“声音”元件从库中拖到场景中。点击第一帧， “属性” 面板，单击“效果”框中的下拉钮，选“淡入” ，再单击“同步”框中的下拉钮，选 “资料流” 。测试。试增加一个背景。 7、 输出为动画文件：文件/导出影片，取名为 zp，格式为 swf，放置于“我的文档”中。 (十六) 链接一个站点 按钮的行为语句为 getURL，对象为站点名。 形状补间动画 实例 1庆祝国庆: 制作步骤: 1、创建新文档 执行【文件】|【新建】命令，在弹出的对话框中选择 【常规】| 【Flash 文档】选项后， 单击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为 400330 像素， 【背景色】为白色 2、创建背景图层 执行【文件】|【导入】| 【导入到舞台 】命令，将配套光盘中的名为 “节日夜空.jpg” 图片导入到场景中， （“节日夜空”图片位置：光盘examplepart3*图片 节日夜空.jpg） ， 选择第 80 帧，按键盘上的 F5 键，增加一个普通帧 3、导入声音文件 执行【文件】|【导入】| 【 导入到库】命令，打开配套光盘中的名为 “sound.mp3”的文 件，将其导入到库中。 4、创建灯笼形状 我们先来画灯笼，执行【窗口】|【设计面板】| 【混色器 】命令，打开【混色器】面板， 设置各项参数，渐变的颜色为白色到红色。 新建一个图层，并将其重新命名为“灯笼一” 。选择工具箱中的【椭圆工具】 ，设 置【笔触颜色】为无，在场景中绘制出一个椭圆做灯笼的主体，大小为 6540 像素。 接着我们来画灯笼上下的边，打开【混色器】面板，按照如图 3-3-8 所示设置深黄色 到浅黄色的【线性】渐变填充。从左到右三个填充色标的颜色值分别为： #FF9900、#FFFF00、#FFCC00 选择工具箱上的【矩形工具】 ，设置【笔触颜色】为无，绘制出一个矩形，大小 为 3010 像素，复制这个矩形，分别放在灯笼的上下方，再画一个小的矩形，长宽为 710 像素，作为灯笼上面的提手。 最后用【线条工具】 ，在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼 就画好了。如图 3-3-9 所示（为了能清楚的显示灯笼，可暂时将背景色改为蓝色） 。 5、复制粘贴四个灯笼 复制刚画好的灯笼，新建三个图层，在每个图层中粘贴一个灯笼，调整灯笼的位置， 使其错落有致地排列在场景中。 在第 20、40 帧处为各图层添加关键帧 成都画室友情提供 6、把文字转为形状取代灯笼 选取第一个灯笼，在第 40 帧处用文字“庆”取代灯笼，在【属性】面板上，设置文本 类型为【静态文本】 ，字体为【隶书】 ，字体大小为 60，颜色为红色。 对“庆”字执行【修改】|【 分离】命令，把文字转为形状 依照以上步骤，在第 40 帧处的相应图层上依次用“祝” 、 “国” 、 “庆”三个字取代另外 三个灯笼，并执行【分散】操作 7、设置文字形状到灯笼形状的转变。 在“灯笼”各图层的第 60 帧及 80 帧处，分别添加关键帧，现在，在 80 帧处各“灯笼” 图层中的内容为“文字图形” ，应该把它们换成“灯笼” 。 具体办法是分别复制第 20 帧中的“灯笼”图形，再分别粘贴到第 80 帧中，当然，你 应该先清除第 80 帧处 4 个“灯笼”图层中的内容哦！ 8、创建形状补间动画。 在“灯笼”各图层的第 20、60 帧处单击帧，在【属性】面板上单击【补间】旁边的小 三角，在弹出的菜单中选择【形状】 ，建立形状补间动画，如图 3-3-13 所示。 9、设置声音 添加一层，在第 20、60 帧处按 F6 键，创建关键帧，在【属性】面板上单击【声音】 旁边的小三角，选择 sound.mp3 实例 2添加形状提示练习 1、创建新文档 执行【文件】|【新建】命令，新建一个影片文档，设置舞台尺寸为 300200 像素， 设置【背景色】为蓝色#0000FF。 2、创建变形对象。 我们要在场景中写二个数字“1” ，让它们同时变形，一个加形状提示，一个不加形状 提示，看看这二个变形有什么不同。 先在【图层 1】的场景左边输入数字“1” ，在【属性】面板上，设置文本格式为【静 态文本】 、字体为隶书、字号为 100、 【颜色】为白色。再建一个【图层 2】 ，在场景右边输 入数字“1” ，参数同上，此层是添加形状提示层。然后在两个图层的第 40 帧处添加关键帧， 各输入数字“2” ，在第 60 帧处添加普通帧，使变形后的文字稍做停留 3、把字符转为形状 逐一选取各层数字的第 1、40 帧，执行【修改】|【分离】命令，把数字打散，转为形 状。 4、创建补间动画 在【图层 1】和【图层 2】的第一帧处各自建立形状补间动画。 成都画室友情提供 5、添加形状提示 选择【图层 2】的第 1 帧，执行【修改】|【形状】| 【添加形状提示 】命令 2 次 确认工具箱中的【对齐对象】按钮 处于被按下状态，调整第 1、40 帧处的形状提 示，如图。 6、添加文字说明 新建一层，在两个渐变的下面分别写上“未加形状提示” 、 “加用形状提示”的说明。 在第 60 帧处加普通帧 动作补间动画 飞行的飞机 （1）创建影片文档 1、设置影片文档属性 执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash 文档】选项后， 点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为 650255 像素， 【背景色】为白色 2、创建背景图层 执行【文件】|【导入】| 【导入到舞台 】命令，将配套光盘中名为 “山峰.jpg”的图片 导入到场景中（“山峰”图片位置：光盘examplepart3*图片 山峰.jpg） 。用【箭头工具】 调整图片在舞台上的位置，使其居于舞台的中央。如果图片大小不合适，再选择【任意变 形工具】调整图片大小。选择第 100 帧，按 F5 键，添加普通帧。 （2）创建元件 1、创建