Flash动画技巧以及实例.doc

动画基础一、常见的动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。二、 几种类型帧的小结：（关键帧、空白关键帧、普通帧） 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格式的动画图片，它们的尺寸已经被统一处理为：299208像素。步骤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 Behavioron (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、创建飞机元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“飞机”。这时进入新元件编辑场景，选择第一帧，执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“飞机.png”图片导入到场景中（“飞机”图片位置：光盘examplepart3*图片飞机.png）。2、创建白云元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“白云”。这时进入新元件编辑场景，选择第一帧，执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“白云.png”的图片导入到场景中（“白云”图片位置：光盘examplepart3*图片白云.png）。（3）创建动画1、创建飞行效果单击时间轴右上角的【编辑场景】按钮，选择【场景1】，转换到主场景中。新建一层，把库里名为“飞机”的元件拖到场景的左侧，执行【修改】|【变形】|【水平翻转】命令，将飞机元件实例水平翻转。在【属性】面板上打开【颜色】旁边的小三角，设置【Alpha】值为80%。飞机向远处飞去，应该越来越小，越来越模糊，来看看这种效果是什么做出来的吧，选中【图层2】的第100帧，按F6键，添加一个关键帧，在【属性】面板