Flash CS3中文版实例教程 1CD 教学课件 周建国习题答案 第11章.docVIP

交互式动画的制作 课堂练习——浏览艺术照片 【练习知识要点】使用多角星形工具绘制按钮图形，使用动作面板设置脚本语言，使用遮罩层命令将图片遮罩，如图11-1所示。 【效果所在位置】光盘/Ch11/效果/浏览艺术照片. fla。 图11-1 11.5.1 导入图片 （1）选择“文件 新建”命令，在弹出的“新建文档”对话框中选择“Flash文件”选项，单击“确定”按钮，进入新建文档舞台窗口。按Ctrl+F3键，弹出文档“属性”面板，单击“大小”选项后面的按钮，在弹出的对话框中将舞台窗口的宽度设为600，高度设为400，将背景颜色设为灰色（#999999），单击“确定”按钮。 （2）在文档“属性”面板中单击“设置”按钮，在弹出的“发布设置”对话框中将“版本”选项设为“Flash Player 8”，将“ActionScript版本”选项设为“ActionScript 2”，如图11-2所示。 图11-2 （3） 选择“文件 导入 导入到库”命令，在弹出的“导入到库”对话框中选择“Ch11素材 浏览艺术照片 背景图、婚纱照片1、婚纱照片2、婚纱照片3、婚纱照片4、婚纱照片5、婚纱照片6”文件，单击“打开”按钮，文件被导入到“库”面板中，如图11-3所示。 （4）在“库”面板下方单击“新建元件”按钮，弹出“创建新元件”对话框，在“名称”选项的文本框中输入“照片”，勾选“图形”选项，单击“确定”按钮，新建图形元件“照片”，如图11-4所示，舞台窗口也随之转换为图形元件的舞台窗口。 图11-3 图11-4 （5）分别将“库”面板中的位图“婚纱照片1”、“婚纱照片2”、“婚纱照片3”、“婚纱照片4”、“婚纱照片5”、“婚纱照片6”拖曳到舞台窗口中，并调整到同一高度，调出位图“属性”面板，分别将照片“Y”选项值设为-60，“X”选项保持不变。选择“选择”工具，用圈选的方法将所有照片选取，选择“修改 对齐 按宽度平均分布”命令，效果如图11-5所示。 图11-5 （6）选择“窗口 颜色”命令，弹出“颜色”面板，将笔触颜色设为无，填充色设为灰白色（#DFDFDF），“Alpha”选项设为50%，如图11-6所示。选择“矩形”工具，在舞台窗口中的图片上绘制一个矩形，将所有的图片遮挡，效果如图11-7所示。 图11-6 图11-7 11.5.2 制作按钮并添加脚本 （1）单击“新建元件”按钮，新建按钮元件“按钮”。选择“多角星形”工具，调出多角星形工具“属性”面板，将笔触颜色设为无，填充色设为白色，单击“选项”按钮，弹出“工具设置”对话框，在“样式”选项下拉列表中选择“星形”，将“边数”选项设为3，单击“确定”按钮，按住Shift键的同时，在舞台窗口中绘制一个3角星形，效果如图11-8所示。 图11-8 （2）选择“选择”工具，将光标拖曳到图形左下方的外边线上，当鼠标光标变为时，如图11-9所示，向右拖曳到适当的位置，如图11-10所示，松开鼠标效果如图11-11所示。用相同的方法选中左上方的边线将其拖曳到适当的位置，效果如图11-12所示。 图11-9 图11-10 图11-11 图11-12 （3）将光标拖曳到图形左侧的外边线上，当鼠标光标变为时，如图11-13所示，向右拖曳到适当的位置，松开鼠标效果如图11-14所示。选择“任意变形”工具，选中图形，在图形的周围出现控制手柄，选中图形右侧中间的控制手柄，向左拖曳到适当的位置，改变图形的形状，效果如图11-15所示。 图11-13 图11-14 图11-15 （4）单击“时间轴”面板下方的“场景1”图标，进入“场景1”的舞台窗口。将“图层1”重新命名为“背景图”。将“库”面板中的位图“背景图”拖曳到舞台窗口中，效果如图11-16所示。选中“背景图”图层的第205帧，按F5键，在该帧上插入普通帧。 图11-16 （5）单击“时间轴”面板下方的“插入图层”按钮，创建新图层并将其命名为“按钮”。选中“按钮”图层的第2帧，按F6键，在该帧上插入关键帧。选中“按钮”图层的第1帧，将“库”面板中的按钮元件“按钮”拖曳到舞台窗口中，并放置到合适的位置。选择“文本”工具，在文本工具“属性”面板中进行设置，在舞台窗口中输入需要的白色文字，选择“选择”工具，将文字拖曳到合适的位置，效果如图11-17所示。 （6）选中“按钮”图层的第1帧，选择“窗口 动作”命令，弹出“动作”面板，在