FLASH元件.ppt

《网页开发工具》第十一讲 FLASH元件
11.2.3 按钮的启用
在编辑影片时可以选择是否启用按钮功能。启用 按钮功能后，按钮就会对用户指定的鼠标事件做出响 应；当按钮功能被取消时，单击按钮会将按钮选中。 一般情况下，编辑时按钮的功能是被禁止的，启用按 钮则可以快速测试按钮的行为是否满意。
选择菜单“控制”|“启用简单按钮”可以启用或 者禁止按钮功能。
on (press) { getURL ("index.htm"); } 其中getURL指向的就是按钮的链接页，on (press)代表单击按钮执行页面跳转。
11.2.6
《网页开发工具》第十一讲 FLASH元件
《网页开发工具》第十一讲 FLASH元件
11.3 影片剪辑制作
11.3.1 影片剪辑 影片剪辑是一个独立的影片，在影片剪辑中可
《网页开发工具》第十一讲 FLASH元件
11.5.2 库元素的创建 图形、按钮、影片剪辑是flash中创建的元件，媒体
声音、视频、位图等是从外部导入的元件 1）选择菜单“插入”|“新建元件”，从库面板的选项 菜单中选择“新建元件”，单击库面板下方的添加新 元件按钮，或者选中舞台中的图形再选择“修改”|“转 换为元件”都可以创建新的元件。 2）从预览窗口或者文件列表中将元件拖入到舞台都可 以调用库中的元素。 3）双击元件、选择选项菜单中的编辑命令，选中元件 右击在弹出菜单中选择编辑命令都可以进入元件的编 辑。
运用元件可以显著减小文件的尺寸，还可以加 快影片的播放，因为元件在浏览器上只需下载一 次。
《网页开发工具》第十一讲 FLASH元件
2、FLASH的元件类型
图形、按钮、影片剪辑是FLASH中的三种元件， 其中： 图形元件通常用于存放静态的图像； 影片剪辑是一个独立的小影片； 按钮用于创建对鼠标时间响应的互动按钮，在其 中还可以加入影片剪辑或音效文件。
《网页开发工具》第十一讲 FLASH元件
4、插入新元件text，用文本工具输入文字 “飘逸洗 发水”。 5、再插入新元件textmovie,类型为影片剪辑，从库中 拖拽text到舞台中，带15、30、45、110、75和90帧建 立关键帧，然后调整每个关键帧的元件的位置，使之 有漂浮的效果，在各个关键帧之间建立补间动画。 11、回到场景1中，从库中拖拽 linewine到舞台，选择 20帧，插入关键帧，将linewine 垂直向下移动一段距 离，选择第1帧创建补间动画。 7、新建图层2，从库中拖拽textmovie到舞台，选择20 帧插入关键帧。 8、测试影片。
《网页开发工具》第十一讲 FLASH元件
5、将movie图层1增加到111帧。插入新图层2，将相 同图片放到工作区中央，在111帧处插入关键帧。在 图层2的111帧改变图片大小和透明度，将图片拉到原 来位置的右下角，再回到第一帧，创建补间动画。重 复以上步骤，完成向右上角、左下角和左下角的移动 渐变、颜色渐变和大小渐变的动画。
11.2 Flash 按钮制作
按钮有特殊的编辑环境，通过在4帧时间轴上创建 关键帧，制定不同的按钮状态。 弹起帧：表示鼠标指针不在按钮上的状态； 指针经过帧：代表鼠标指针在按钮上的状态； 按下帧：表示鼠标单击按钮时的状态； 单击帧：定义对鼠标单击做出反应的区域。
《网页开发工具》第十一讲 FLASH元件 弹起帧 指针经过帧 按下帧 点击帧
《网页开发工具》第十一讲 FLASH元件
11.4.2 声音的导入 在flash中不能录音，要使用声音只能从外部导入。
1）打开一个影片文档，选择“文件”|“导入”|“导入到 库”命令，打开导入对话框。 2）在对话框中选择WAV\MP3或者ASF格式的声音导入 到影片中。 3）如果在影片中要使用该声音文件，可以在库中找到 已经导入的声音文件并从库中拖拽到需要的图层即可。
按钮中的影片剪辑在编辑时是看不到的，只有在 测试影片时才会出现。
《网页开发工具》第十一讲 FLASH元件
11.2.4 按钮制作实例——彩色按钮 1、建立文字元件（名称为文字，类型为图形），在其 中输入想要显示在按纽上的文字。
2、建立新元件（名称为彩条，类型为图形），在其中 画一个填充色为渐变色，无边框的矩形条。
图11-1 按钮状态的“四个帧”
《网页开发工具》第十一讲 FLASH元件
11.2.2 按钮的制作过程 1）新建一个文档，选择“插入”|“新建元件”命令， 在出现的对话框中，选择按钮类型并输入按钮名字。 这时时间轴进入按钮编辑模式。 2）要创建弹起状态按钮图像，在弹起帧中插入空白关 键帧，进行编辑。 3）同样在指针经过帧和按下帧中插入空白关键帧并进 行编辑。 4）在单击帧中插入空白关键帧，然后用绘图工具制作 鼠标响应区域，该区域在测试时并不出现。 5）按钮制作完成后就出现在库面板中。
《网页开发工具》第十一讲 FLASH元件
11.4 声音添加 11.4.1 Flash的声音类型
flash中有两种声音类型：事件声音和流式声音。 事件声音：必须等全部下载完毕之后才可以开始播放， 并且是连续播放直到接收了明确的停止命令。可以把 事件声音用作单击按钮的声音，也可以作为循环背景 音乐。
流式声音：只要下载了一定的帧数后就可以立即开始 播放，而且声音的播放可以与时间轴上的动画保持同 步。
第十一讲 FLASH元件
《网页开发工具》第十一讲 FLASH元件
11.1 Flash的元件
1、元件的概念
元件是一些可以重复使用的图像、动画或者按 钮，他们被保存在库中；元件出现在舞台上则成 为实例。元件的应用可以使影片的编辑更加容易， 在对许多重复的元素进行修改时，只要对于元件 做出修改则该元件的所有实例都会自动更新。
以包括动画和音效等。 它具有独立的时间轴，能实现许多复杂的效果。
《网页开发工具》第十一讲 FLASH元件
11.3.2 影片剪辑制作实例——飘舞的线条
1、建立空白文档，并设置文档属性为130*400，背景 为深兰色。 2、插入新建元件（名称为line ，类型为图形），在元 件编辑模式下用钢笔工具绘制一段弧线，复制出一条 曲线，用鼠标拖动它与第一条曲线连接好。 3、插入另外一个新元件（linewine），编辑时从库中 拖拽line到舞台，复制出一个line 元件，调整元件的位 置使其位于line 元件左下方一个像素的位置。重复以 上操作，复制出line2,line3等。
11、进入按纽元件btn的编辑模式，在OVER（经过） 帧中插入空白关键帧，将元件movie放置在中央。在 DOWN（按下）和HIT（单击）帧中插入与UP（弹起） 相同的关键帧。
7、回到场景，将刚完成的按纽元件btn放置到工作区 中央，测试影片。
《网页开发工具》第十一讲 FLASH元件
11.3.4 使用按钮来控制影片剪辑的播放
《网页开发工具》第十一讲 FLASH元件
11.5.3 公用库元素
flash 8提供了三种公用库，“窗口”|“公用库”命 令可以让你选择需要的公用元素。
公用库及其中的元素不能修改。当库中的元素拖到 影片中后就可以进行编辑，这时公用库元素已经加入 到当前影片的库中。ቤተ መጻሕፍቲ ባይዱ
《网页开发工具》第十一讲 FLASH元件
11.5 使用库文件 11.5.1 库界面组成 1）库元素的名称； 2）选项菜单：单击右上角的按钮会弹出选项菜单。 3）预览窗口； 4）元件排列顺序按钮； 5）窗口宽窄切换按钮； 11）新元件创建按钮； 7）添加文件夹按钮； 8）元件属性按钮：可以更改元件的名字及类型； 9）删除按钮。
《网页开发工具》第十一讲 FLASH元件
11.4.3 为影片添加声音 1）打开一个影片文件，在时间轴上创建一个新图层命 名为sound。 2）选中sound的第一帧，在打开的库面板中选择导入的 声音文件，将该声音元件拖到舞台上，在声音层所在 的帧中会出现声音文件的波形。 3）选中声音层，打开属性面板，将同步属性设置为 “数据流”“循环”。 4）按下ctrl键并拖动波形的最后一帧，将波形延长。 5）保存文件并测试。
《网页开发工具》第十一讲 FLASH元件
11.3.3 影片剪辑和按钮的组合制作——绚丽按钮制作
1、新建一个文档，并设置文档高宽等属性，将背景设 为白色。 2、[插入]|[新建元件弹出对话框，输入元件名称btn,在 行为中选择按纽选项，单击确定进入元件编辑模式。 3、打开库面板，导入图片作为按纽外型，并将图片移 到工作区中央。 4、创建新元件,名称为movie,类型为影片剪辑，进入 movie影片剪辑元件的编辑模式，将相同图片导入到工 作区中央。
《网页开发工具》第十一讲 FLASH元件
11.4.4 为按钮添加声音 1）新建一个文档，选择“窗口”|“公用库”|“按钮”项， 打开公用按钮库并从中选择一个按钮拖到舞台中央。 2）双击舞台中的按钮进入按钮编辑状态。 3）在按钮时间轴上创建按钮的声音层命名为sound。 4）在sound层中选中指针经过帧，插入空白关键帧。将 库中的一个声音拖到舞台上，鼠标划过时就会产生声 音效果。 5）用同样的方法在按下帧上插入关键帧并加入声音文 件。 11）在属性面板中，设置各个声音的同步属性为“事 件”，重复值为1次。 7）测试影片。
1、制作一个影片剪辑，拖入到舞台之后，在属性窗口 中将该实例取名为a或其他名字。 2、制作四个按钮，分别为播放、停止、前进和后退。 3、在每个按钮中分别加入以下脚本控制语句： on(release){ roll.stop( );} on(release){ roll.play( );} on(release){ roll.prevFrame( );} on(release){ roll.nextFrame( );} 4、测试影片。
3、建立新元件（名称为遮罩，类型为影片剪辑），将 文字和彩条利用遮罩层形成彩色文字动画效果。
4、建立新元件（名称为按纽，类型为按纽），将遮罩 影片放入按纽的单击帧中。
5、回到场景，将按纽放入舞台中央，测试影片。
《网页开发工具》第十一讲 FLASH元件
11.2.5 为按钮添加链接
一个按钮再美观也必须满足实际使用的需要， 所以，这里我们就要为按钮添加动作。回到场景 一，打开图库面板拖入前面制作的按钮。选定按 钮，打开对象动作面板，写入以下代码：
《网页开发工具》第十一讲 FLASH元件
3、元件和实例 元件建立好后存在于库中，如果被拖入到舞台，则 舞台中的对象成了元件在舞台中的一个例子，称为 实例。 元件的修改将影响到与该元件有关的所有实例； 实例的改变只与自身有关。 每个实例可以有自己的名字，与元件名字无关。
《网页开发工具》第十一讲 FLASH元件