Flash基础教程与创作实例 第13章 Flash特效制作.ppt

第13章Flash特效制作教学目标13.1网页特效13.2菜单13.3网络交互本章小结13.4练习题13.1网页特效13.1.1网页时间动态显示的制作13.1.2动态文本的制作13.1.3Logo制作操作步骤：【步骤1】新建文件：新建一个电影文件，命名为“PreLoader.fla”。【步骤2】制作进度条：将“图层1”命名为“Bar”，在第一帧中，使用“矩形”工具，绘制一个宽200像素、高20像素的矩形，再绘制其外框。同样使用“矩形工具”绘制一个矩形，设置其笔触高度为3，删除中间的填充颜色，使用“任意变形”工具修改其大小，绘制的进度条最终形态，选中该进度条的主体（不带边框），按F8快捷键，将进度条图片转化为影片剪辑元件。在弹出的“转化为元件”对话框中将元件名称设置为“MyBar”，注意“注册”的选择，将基点定在左边的中间，单击“确定”按钮完成设置。为“MyBar”影片剪辑设置实例名称，这样ActionScript语句就可以使用实例名称来控制进度条的宽度。选中“MyBar”影片剪辑，按Ctrl＋F3组合键调出属性面板，填写实例名称“progressBar”，把“宽度”改为1.0像素，【步骤3】制作百分比文本框：在舞台上需要用一个动态文本框来显示已经读取内容的百分比，以及读取多少字节等动态信息。使用“文本工具”添加一个文本框，放置在进度条的正下方。将“文本类型”设置为“动态文本”，在这里尤其要注意的是将“变量”选项设置为“LoadDate”（Data是保留字，不能作为变量名）。在线条类型下拉列表框中选择“多行”选项，以便输入多行文字，单击“多行”右边第二个按钮，将文本呈现为HTML语句。【步骤4】导入电影内容：新建图层，命名为“Content”在该图层第3帧按F7插入一个空白关键帧，导入一张图片，在该图层第30帧处按F5增加帧。【步骤5】输入ActionScript代码。可以用getBytesLoaded()函数得到已经读取的字节数，而用getBytesTotal()得到总共有的字节数，利用这两个数字就可以计算得到一个百分比，已经确定了使用第二帧作为循环，不断扫描第一帧的ActionScript，这样百分比放在第一帧就可以计算一些所需要的数据。新建一个图层“Action”，在第2帧和第3帧插入空白关键帧。选中“Action”层的第1帧，然后按F9，在弹出的窗口中，输入代码.注意：测试时按Ctrl+Enter是看不出效果的，因为该文件已经保存在硬盘中，并不需要从网上下载；连续两次按Ctrl+Enter才能模拟网站上浏览的情形，实现预载的效果。连续两次按Ctrl+Enter组合键以后，查看播放器中“视图”菜单，其中有一个“下载设置”子菜单.“下载设置”子菜单有多种下载设置可供选择。一般情况下选择56k，这样就完成了预载画面的制作。13.2菜单下拉菜单的制作【步骤1】运行Flash8，新建一个Flash文档。【步骤2】选择“文件”/“导入”/“导入到舞台”命令，在弹出的“导入”对话框中选择一个图形文件并将其导入到舞台中，【步骤3】选择菜单中的“插入”/“新建元件”命令，弹出“创建新元件”对话框。在该对话框的“名称”文本框中输入“标题”，类型选择“按钮”选项。【步骤4】单击“确定”按钮，进入“元件”编辑模式。选择“矩形”工具，笔触颜色设置为褐色，填充颜色为绿色，然后再绘制矩形，【步骤5】选中“指针经过”帧按F6键插入关键帧，选择“矩形”工具，笔触颜色设置为浅绿色，填充颜色为无色，然后再绘制矩形。【步骤6】选择菜单栏中的“插入”/“新建元件”命令，如【步骤3】新建一个按钮元件，命名为“菜单”。【步骤7】单击“确定”按钮，进入元件编辑模式。定位在“弹起”帧上，选择“矩形”工具，笔触颜色设置为褐色，填充颜色为浅灰色，然后再绘制矩形。【步骤8】选中绘制的矩形，然后删除矩形的上下2条边线，【步骤9】选中“指针经过”帧按F6插入关键帧，选择“矩形”工具，笔触颜色设置为浅绿色，填充颜色设置为浅黄色，然后再绘制矩形，【步骤10】单击“场景1”按钮，返回到主场景中。单击“插入图层”按钮，在“图层1”的上面添加“图层2”，将“库”面板中的“标题”元件拖入到舞台，然后继续拖动2次“标题”元件到舞台中【步骤11】分别在“图层1”和“图层2”的第15帧按F5键插入帧。在“图层2”上面添加一个“图层3”，在“图层3”的第5帧按F6插入关键帧，然后将“库”面板中的“菜单”元件拖动到舞台，【步骤12】按住Alt建的同时拖动“菜单”元件，将其复制到“标题”元件的正下方，对齐位置，同样复制出多个“菜单”元件，用作不同的菜单项，【步骤13】在“图层3”的第10帧、第15帧上分别按F6键插入关键帧，然后将“菜单”元件移动到相应“标题”元件的下面，并对齐位置。【步骤14】在“图层