文档介绍:交互式动画的制作课堂练习——浏览艺术照片【练习知识要点】使用多角星形工具绘制按钮图形,使用动作面板设置脚本语言,使用遮罩层命令将图片遮罩,如图11-1所示。【效果所在位置】光盘/Ch11/效果/。图11-(1)选择“文件>新建”命令,在弹出的“新建文档”对话框中选择“Flash文件”选项,单击“确定”按钮,进入新建文档舞台窗口。按Ctrl+F3键,弹出文档“属性”面板,单击“大小”选项后面的按钮,在弹出的对话框中将舞台窗口的宽度设为600,高度设为400,将背景颜色设为灰色(#999999),单击“确定”按钮。(2)在文档“属性”面板中单击“设置”按钮,在弹出的“发布设置”对话框中将“版本”选项设为“FlashPlayer8”,将“ActionScript版本”选项设为“ActionScript2”,如图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-(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帧,选择“窗口>动作”命令,弹出“动作”面板,在面板的左上方将脚本语言版本设置为“&”,在面板中单击“将新项目添加到脚本中”按钮,在弹出的菜单中选择“全局函数>时间轴控制>stop”命令,如图11-18所示,在“脚本窗口”中显示出选择的脚本语言,如图11-19所示。设置好动作脚本后,关闭“动作”面板。在“按钮”图层的第1帧上显示出一个标记“a”。图11-17图11-18图11-19(7)选中“按钮”图层的第1帧,在舞台窗口中选中“按